@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.alert.alert-warning.tw-global-alert  {
	display: none
}


section h2 [data-lang="en"],
section h2 [data-lang="jp"] {
	position: relative;
}

section h2 [data-lang="en"] > span,
section h2 [data-lang="jp"] > span {
	transition-duration: 200ms;
	transition-timing-function: linear;
	transform: translateX(50px);
	display: inline-block;
	opacity: 0;
}

section h2 [data-lang="en"] > span:nth-child(2),
section h2 [data-lang="jp"] > span:nth-child(2) {
	transition-delay: 20ms;
}

section h2 [data-lang="en"] > span:nth-child(3),
section h2 [data-lang="jp"] > span:nth-child(3) {
	transition-delay: 40ms;
}

section h2 [data-lang="en"] > span:nth-child(4),
section h2 [data-lang="jp"] > span:nth-child(4) {
	transition-delay: 60ms;
}

section h2 [data-lang="en"] > span:nth-child(5),
section h2 [data-lang="jp"] > span:nth-child(5) {
	transition-delay: 80ms;
}

section h2 [data-lang="en"] > span:nth-child(6),
section h2 [data-lang="jp"] > span:nth-child(6) {
	transition-delay: 100ms;
}

section h2 [data-lang="en"] > span:nth-child(7),
section h2 [data-lang="jp"] > span:nth-child(7) {
	transition-delay: 120ms;
}

section h2 [data-lang="en"] > span:nth-child(8),
section h2 [data-lang="jp"] > span:nth-child(8) {
	transition-delay: 140ms;
}

section h2 [data-lang="en"] > span:nth-child(9),
section h2 [data-lang="jp"] > span:nth-child(9) {
	transition-delay: 160ms;
}

section h2 [data-lang="en"] > span:nth-child(10),
section h2 [data-lang="jp"] > span:nth-child(10) {
	transition-delay: 100ms;
}

section h2[data-inview="true"] [data-lang="en"]::before {
	-webkit-animation: titleshow 300ms 100ms ease-out forwards;
	animation: titleshow 300ms 100ms ease-out forwards;
}

section h2[data-inview="true"] [data-lang="en"] span,
section h2[data-inview="true"] [data-lang="jp"] span {
	transform: translateX(0);
	opacity: 1;
}

.fade[data-inview="true"] {
	-webkit-animation: fade 300ms ease-out forwards;
	animation: fade 300ms ease-out forwards;
}

.fadeU {
	opacity: 0;
}

.fadeU[data-inview="true"] {
	-webkit-animation: fadeU 300ms ease-out forwards;
	animation: fadeU 300ms ease-out forwards;
}

.fadeR[data-inview="true"] {
	-webkit-animation: fadeR 300ms ease-out forwards;
	animation: fadeR 300ms ease-out forwards;
}

.fadeL {
	opacity: 0;
}

.fadeL[data-inview="true"] {
	-webkit-animation: fadeL 300ms ease-out forwards;
	animation: fadeL 300ms ease-out forwards;
}

.fadeL-big[data-inview="true"] {
	-webkit-animation: fadeLBig 1000ms ease-out forwards;
	animation: fadeLBig 1000ms ease-out forwards;
}

.button {
	background-color: #24B3ED;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	width: 270px;
	padding: 1.6rem;
	text-align: center;
	position: relative;
	transition: 300ms;
}

.button::after {
	content: "";
	height: 1px;
	width: 50px;
	background: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	transition: 300ms;
}

.button:hover {
	opacity: .8;
}

.button:hover::after {
	width: 40px;
}

/* header
--------------------------------------------------------*/

/* content
--------------------------------------------------------*/

/* btn
--------------------------------------------------------*/

/* Other
--------------------------------------------------------*/

/* SNS
--------------------------------------------------------*/

header {
	background-color: rgba(255, 255, 255, 0.58);
	transition: background-color 300ms;
}

header > div::before {
	background: transparent;
}

header[data-headerbg="true"] {
	background-color: #fff;
}

header[data-headerbg="true"] > div::before {
	background: #E0E0E0;
}

[data-pagetop-fix] {
	position: fixed;
	right: 5%;
	z-index: 10;
}

[data-pagetop-fix] a {
	width: 78px;
	height: 78px;
	display: block;
}

[data-pagetop-fix] a img {
	width: 100%;
}

[data-pagetop-fix="true"] {
	bottom: 50px;
}

[data-pagetop-fix="false"] {
	position: absolute;
	top: 50px;
}

/*サイトのボタンごとに変更*/

.tw-lp-theaterparty-kvbtn {
	display: inline-block;
	color: #fff!important;
	margin: 0 auto;
	width: 400px;
	height: 88px;
	border: 6px solid #fff;
	border-radius: 44px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
	line-height: 73px;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	position: relative;
	transition: .2s;
	background: #f89406;
}

.tw-lp-theaterparty-kvbtn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background: #fff url(/img/cp/theaterparty/icn_arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 10px 15px;
}

.tw-lp-theaterparty-kvbtn:hover {
	transform: scale(0.97);
}

.tw-lp-theaterparty-getstarted__btn {
	padding-top: 80px;
	text-align: center;
}

.tw-lp-theaterparty-getstarted__btn__link {
	display: inline-block;
	background: #fff;
	padding: 28px 30px;
	border: 2px solid #000;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	border-radius: 50px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	transition: .2s;
	color: #333!important;
}

.tw-lp-theaterparty-getstarted__btn__link:hover {
	transform: scale(0.97);
}

.tw-lp-theaterparty-start__box__btn {
	margin-top: 20px;
	text-align: center;
}

.tw-lp-theaterparty-start__box__btn__link {
	display: inline-block;
	color: #fff!important;
	margin: 0 auto;
	width: 346px;
	height: 90px;
	border: 6px solid #fff;
	border-radius: 45px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	line-height: 74px;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: 0.05em;
	position: relative;
	transition: .2s;
	background: #3dc10b;
}

.tw-lp-theaterparty-start__box__btn__link::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background: #fff url(/img/cp/theaterparty/arrow.png);
	background-repeat: no-repeat;
	background-position: 40% 50%;
	background-size: 17px 17px;
}

.tw-lp-theaterparty-start__box__btn__link:hover {
	transform: scale(0.97);
}

@font-face {
	font-family: "Futura";
	font-style: normal;
	font-weight: normal;
	src: url("/css/campaign/theaterparty/futura-pt-bold.otf") format("opentype");
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 62.5%; /* 16px x 0.625 = 10px(=1rem) */
}

body {
	line-height: 1.5;
	line-height: calc(24 / 16);
	font-family: YuGothic, 游ゴシック, Meiryo, メイリオ, "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	height: 100%;
	font-weight: 400;
	color: #1A1311;
	font-size: 16px;
	font-size: 1.6rem; /*
    @include media (pc) {
    min-width: 1300px;
    }
*/
}

body {
	position: relative;
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	text-justify: inter-ideograph;
}

.contents {
	width: 100%;
}

.wrap {
	overflow: hidden;
}

a {
	text-decoration: none;
	transition: opacity .2s ease-in;
	color: #333;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

ol,
li {
	list-style: none;
}

/*サイトごとに変更*/

.tw-lp-theaterparty-wrapper {
	width: 1100px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.sp-only {
	display: none;
}

.sp-only1 {
	display: none;
}

.pc-only {
	display: block;
}

.tb-only {
	display: block;
}

.none {
	display: none;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
address,
em,
img,
small,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
canvas,
footer,
header,
menu,
nav,
section,
time,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}

body {
	line-height: 1;
}

article,
footer,
header,
menu,
nav,
section {
	display: block;
}

ul {
	list-style: none;
}

a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

em,
b {
	font-style: normal;
}

img {
	vertical-align: top;
}

hr {
	display: block;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

input,
select {
	vertical-align: middle;
}

.tw-lp-theaterparty-features {
	padding-top: 68px;
	padding-bottom: 100px;
	padding-left: 40px;
	padding-right: 40px;
}

.tw-lp-theaterparty-features__titles {
	text-align: center;
}

.tw-lp-theaterparty-features__titles__txt {
	font-family: 'Red Hat Display', sans-serif;
	color: #0073ff;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
}

.tw-lp-theaterparty-features__titles__title {
	padding-top: 16px;
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: 0.05em;
	font-weight: 900;
}

.tw-lp-theaterparty-features__box {
	padding-top: 130px;
	display: flex;
	justify-content: center;
}

.tw-lp-theaterparty-features__box__left {
	flex: 1;
	padding: 0 60px 42px;
	background: #fff;
	border: 2px solid #0073FF;
	border-radius: 5px;
	box-shadow: -10px 10px 0px #0073ff;
	height: 100%;
}

.tw-lp-theaterparty-features__box__left__point {
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
	margin: -9px 0 20px 0;
	padding: 2px 10px 0 0;
	font-weight: 700;
	color: #F59A18;
	font-family: "Futura";
	font-size: 42px;
	letter-spacing: 0.02em;
	position: relative;
}

.tw-lp-theaterparty-features__box__left__point::before {
	content: "";
	width: 100%;
	height: 3px;
	background: #fff;
	position: absolute;
	top: 7px;
	left: 0;
}

.tw-lp-theaterparty-features__box__left__span {
	margin-left: 10px;
	font-weight: 500;
	color: #fff;
	-webkit-text-stroke: 3px #F59A18;
	font-size: 75px;
	position: relative;
	vertical-align: -webkit-baseline-middle;
	top: -18px;
}

.tw-lp-theaterparty-features__box__left__title {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.tw-lp-theaterparty-features__box__left__txt {
	padding-top: 20px;
	line-height: 1.5;
}

.tw-lp-theaterparty-features__box__right {
	width: 520px;
	margin: -40px 0 0 -21px;
}

.tw-lp-theaterparty-features__box2 {
	padding-top: 140px;
	display: flex;
	flex-direction: row-reverse;
}

.tw-lp-theaterparty-features__box2__right {
	flex: 1;
	padding: 0 60px 42px;
	background: #fff;
	border: 2px solid #0073FF;
	border-radius: 5px;
	box-shadow: -10px 10px 0px #0073ff;
	height: 100%;
}

.tw-lp-theaterparty-features__box2__right__point {
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
	margin: -7px 0 0 0;
	padding: 0 10px 0 0;
	font-weight: 700;
	color: #F59A18;
	font-family: "Futura";
	font-size: 42px;
	letter-spacing: 0.02em;
	position: relative;
}

.tw-lp-theaterparty-features__box2__right__point::before {
	content: "";
	width: 100%;
	height: 3px;
	background: #fff;
	position: absolute;
	top: 5px;
	left: 0;
}

.tw-lp-theaterparty-features__box2__right__span {
	margin-left: 10px;
	font-weight: 500;
	color: #fff;
	-webkit-text-stroke: 3px #F59A18;
	font-size: 75px;
	position: relative;
	vertical-align: -webkit-baseline-middle;
	top: -18px;
}

.tw-lp-theaterparty-features__box2__right__title {
	font-size: 32px;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.tw-lp-theaterparty-features__box2__right__txt {
	padding-top: 20px;
	line-height: 1.5;
}

.tw-lp-theaterparty-features__box2__right__small {
	padding-top: 40px;
	font-size: 9px;
	font-size: 0.9rem;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #8d9296;
}

.tw-lp-theaterparty-features__box2__left {
	width: 520px;
	margin: 5px -21px 0 0;
	z-index: 10;
}

.tw-lp-theaterparty-getstarted {
	padding-bottom: 100px;
}

.tw-lp-theaterparty-getstarted__box {
	padding-top: 60px;
	padding-left: 40px;
	padding-right: 40px;
	display: flex;
	flex-direction: row-reverse;
}

.tw-lp-theaterparty-getstarted__box__left {
	width: 44%;
	margin-top: 40px;
}

.tw-lp-theaterparty-getstarted__box__right {
	flex: 1;
	margin-top: 130px;
	margin-left: 20px;
	padding: 0 40px 48px;
	background: #fff;
	border: 2px solid #0073FF;
	border-radius: 5px;
	box-shadow: -10px 10px 0px #0073ff;
	height: 100%;
	z-index: 1;
}

.tw-lp-theaterparty-getstarted__box__right__point {
	display: inline-block;
	margin: -18px 0 20px 0;
	padding: 0 20px 0 20px;
	font-weight: 900;
	color: #2f2e2e;
	font-size: 32px;
	letter-spacing: 0.1em;
	position: relative;
}

.tw-lp-theaterparty-getstarted__box__right__point::before {
	content: "";
	width: 100%;
	height: 3px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: -1;
}

.tw-lp-theaterparty-getstarted__box__right__txt {
	padding-top: 20px;
	margin-left: 30px;
	margin-right: 10px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	position: relative;
}

.tw-lp-theaterparty-getstarted__box__right__txt::before {
	content: "・";
	color: #0073ff;
	position: absolute;
	top: 20px;
	left: -20px;
}

.tw-lp-theaterparty-getstarted__box__right__txt2 {
	margin-left: 30px;
	margin-right: 10px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	position: relative;
}

.tw-lp-theaterparty-getstarted__box__right__txt2::before {
	content: "・";
	color: #0073ff;
	position: absolute;
	top: 0;
	left: -20px;
}

.tw-lp-theaterparty-getstarted__box2 {
	padding-top: 90px;
	padding-left: 40px;
	padding-right: 40px;
	display: flex;
	flex-direction: row-reverse;
}

.tw-lp-theaterparty-getstarted__box2__left {
	width: 47%;
	margin-top: 40px;
	margin: 5px -21px 0 0;
	z-index: 2;
}

.tw-lp-theaterparty-getstarted__box2__right {
	flex: 1;
	margin-top: 60px;
	padding: 0 40px 48px;
	background: #fff;
	border: 2px solid #0073FF;
	border-radius: 5px;
	box-shadow: -10px 10px 0px #0073ff;
	height: 100%;
	z-index: 1;
}

.tw-lp-theaterparty-getstarted__box2__right__point {
	display: inline-block;
	margin: -18px 0 20px 0;
	padding: 0 20px 0 20px;
	font-weight: 900;
	color: #2f2e2e;
	font-size: 32px;
	letter-spacing: 0.1em;
	position: relative;
}

.tw-lp-theaterparty-getstarted__box2__right__point::before {
	content: "";
	width: 100%;
	height: 3px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: -1;
}

.tw-lp-theaterparty-getstarted__box2__right__txt {
	padding-top: 20px;
	margin-left: 40px;
	margin-right: 10px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	position: relative;
}

.tw-lp-theaterparty-getstarted__box2__right__txt::before {
	content: "・";
	color: #0073ff;
	position: absolute;
	top: 20px;
	left: -20px;
}

.tw-lp-theaterparty-getstarted__box2__right__txt2 {
	margin-left: 40px;
	margin-right: 10px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	position: relative;
}

.tw-lp-theaterparty-getstarted__box2__right__txt2::before {
	content: "・";
	color: #0073ff;
	position: absolute;
	top: 0;
	left: -20px;
}

.tw-lp-theaterparty-getstarted-m_auto {
	margin: 0 auto;
}

.tw-lp-theaterparty-kv {
	font-family: 'Noto Sans JP';
	width: 100%;
	height: 680px;
	background: url(/img/cp/theaterparty/background-img4.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.tw-lp-theaterparty-kv__textbox {
	max-width: 335px;
	width: 100%;
	position: absolute;
	top: 16%;
	left: 11.5%;
}

.tw-lp-theaterparty-kv__logo {
	padding-bottom: 40px;
}

.tw-lp-theaterparty-kv__text__p {
	max-width: 323px;
	font-weight: 700;
	margin-top: 22px;
	line-height: 1.4;
	letter-spacing: 0.1em;
}

.tw-lp-theaterparty-kv__btn {
	position: absolute;
	bottom: -50%;
	left: -5px;
}

.tw-lp-theaterparty-kv__sptitle {
	width: 247px;
}

.tw-lp-theaterparty-main {
	font-family: 'Noto Sans JP';
	background: url(/img/cp/theaterparty/bg-image.png) repeat-y 50% 58%;
	background-size: 1911px 1119px;
	position: relative;
	z-index: 0;
}

.tw-lp-theaterparty-js-moveImg01 {
	position: fixed;
	z-index: -1;
	-webkit-animation: animeMoveImg 10s linear infinite, animeDownImg01 30s linear infinite;
	animation: animeMoveImg 10s linear infinite, animeDownImg01 30s linear infinite;
	top: 60%;
	right: 25%;
	width: 108px;
}

.tw-lp-theaterparty-js-moveImg02 {
	position: fixed;
	z-index: -1;
	-webkit-animation: animeMoveImg 10s linear infinite, animeDownImg02 40s linear infinite;
	animation: animeMoveImg 10s linear infinite, animeDownImg02 40s linear infinite;
	top: 20%;
	right: 25%;
	width: 110px;
}

.tw-lp-theaterparty-js-moveImg03 {
	position: fixed;
	z-index: -1;
	-webkit-animation: animeMoveImg 10s linear infinite, animeDownImg03 20s linear infinite;
	animation: animeMoveImg 10s linear infinite, animeDownImg03 20s linear infinite;
	top: 70%;
	left: 50%;
	width: 110px;
}

.tw-lp-theaterparty-js-moveImg04 {
	position: fixed;
	z-index: -1;
	-webkit-animation: animeMoveImg 10s linear infinite, animeDownImg04 60s linear infinite;
	animation: animeMoveImg 10s linear infinite, animeDownImg04 60s linear infinite;
	top: 30%;
	left: 30%;
	width: 122px;
}

.tw-lp-theaterparty-start {
	width: 100%;
	height: 100%;
}

.tw-lp-theaterparty-start__wrap {
	background: -webkit-linear-gradient(-45deg, #f68b3f 0%, #fab452 100%);
	overflow: visible;
}

.tw-lp-theaterparty-start__mask {
	position: relative;
	height: 100%;
	background: url(/img/cp/theaterparty/start_mask.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	padding: 0 40px;
}

.tw-lp-theaterparty-start__mask::before {
	content: "";
	background: url(/img/cp/theaterparty/start_7.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	display: block;
	width: 400px;
	height: 457px;
	position: absolute;
	bottom: -128px;
	left: 0;
}

.tw-lp-theaterparty-start__mask::after {
	content: "";
	background: url(/img/cp/theaterparty/start_6.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	display: block;
	width: 364px;
	height: 382px;
	position: absolute;
	top: -150px;
	right: 0;
}

.tw-lp-theaterparty-start__title {
	padding-top: 80px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-size: 2.8rem;
	letter-spacing: 0.1em;
	font-weight: 900;
}

.tw-lp-theaterparty-start__box {
	margin-top: 64px;
	padding-bottom: 100px;
	display: flex;
	justify-content: space-between;
}

.tw-lp-theaterparty-start__box__left {
	background: #fff;
	border-radius: 6px;
	max-width: 522px;
	width: 100%;
	padding-bottom: 40px;
	margin-right: 24px;
	z-index: 1;
}

.tw-lp-theaterparty-start__box__left__title {
	padding-top: 46px;
	text-align: center;
	color: #0073ff;
	font-family: 'Red Hat Display', sans-serif;
	font-size: 17px;
	font-size: 1.7rem;
}

.tw-lp-theaterparty-start__box__inner {
	padding-top: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tw-lp-theaterparty-start__box__flexleft {
	margin-right: 18px;
}

.tw-lp-theaterparty-start__box__flexright {
	margin-left: 10px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-weight: 700;
}

.tw-lp-theaterparty-start__box__under {
	width: 320px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	padding-top: 30px;
}

.tw-lp-theaterparty-start__box__under__left {
	margin-right: 8px;
}

.tw-lp-theaterparty-start__box__under__right {
	margin-left: 8px;
	width: 158px;
	height: 50px;
}

.tw-lp-theaterparty-start__box__right {
	background: #fff;
	border-radius: 6px;
	max-width: 522px;
	width: 100%;
	padding-bottom: 40px;
	z-index: 1;
}

.tw-lp-theaterparty-start__box__right__title {
	padding-top: 46px;
	margin-bottom: 28px;
	text-align: center;
	color: #0073ff;
	font-family: 'Red Hat Display', sans-serif;
	font-size: 17px;
	font-size: 1.7rem;
}

.tw-lp-theaterparty-start__box__right__logo {
	margin: 0 auto;
	width: 251px;
}

.tw-lp-theaterparty-start__box__right__txt {
	text-align: center;
	margin-top: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.tw-lp-theaterparty-start__a {
	height: 40px;
}

.tw-lp-theaterparty-tp {
	padding-top: 60px;
	padding-bottom: 100px;
	position: relative;
}

.tw-lp-theaterparty-tp__left {
	width: 50%;
	padding-top: 76px;
	position: relative;
}

.tw-lp-theaterparty-tp__left::before {
	content: "THEATER PARTY";
	font-family: 'Red Hat Display', sans-serif;
	font-size: 110px;
	font-weight: 900;
	letter-spacing: 0.05em;
	color: rgba(0, 115, 255, 0.1);
	white-space: nowrap;
	position: absolute;
	top: 60px;
	left: 0;
}

.tw-lp-theaterparty-tp__title {
	font-size: 46px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #0073ff;
	background: -webkit-linear-gradient(-30deg, #0073ff 0%, #31cbd0 50%, #44bf25 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	display: inline-block;
}

.tw-lp-theaterparty-tp__p {
	margin-top: 15px;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.tw-lp-theaterparty-tp__under-flex {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.tw-lp-theaterparty-tp__under-flex__txt {
	font-size: 7.5px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	padding-top: 5px;
}

.tw-lp-theaterparty-tp__under-flex__img {
	margin: 0 auto;
	width: 64px;
}

.tw-lp-theaterparty-tp__under-flex__left {
	padding-right: 40px;
}

.tw-lp-theaterparty-tp__under-flex__center {
	padding-right: 40px;
}

.tw-lp-theaterparty-tp__right {
	background: url(/img/cp/theaterparty/img.png) no-repeat 50% 50%;
	background-size: 100% 425px;
	padding-left: 30px;
	position: absolute;
	top: 96px;
	right: 0;
	width: 50%;
	height: 520px;
}

.tw-lp-theaterparty-tp__right__img {
	width: 662px;
}

.tw-lp-theaterparty-tp__underimg {
	position: absolute;
	top: 94px;
	right: 24px;
}

.tw-lp-theaterparty-version {
	background: #e8f1fc;
	padding: 100px 40px;
}

.tw-lp-theaterparty-version__top {
	text-align: center;
}

.tw-lp-theaterparty-version__top2 {
	text-align: center;
	margin-top: 80px;
}

.tw-lp-theaterparty-version__title {
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 0.1em;
}

.tw-lp-theaterparty-version__box {
	margin-top: 60px;
	background: #fff;
	padding: 56px 60px;
}

.tw-lp-theaterparty-version__box__bold {
	font-size: 18px;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

.tw-lp-theaterparty-version__box__p {
	line-height: 1.5;
}

.tw-lp-theaterparty-version__box__txt2 {
	margin-top: 56px;
}

.tw-lp-theaterparty-version__box__text {
	line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

.tw-lp-theaterparty-kvbtn {
	max-width: 400px;
	height: 73px;
	border: 4px solid #fff;
	line-height: 62px;
}

.tw-lp-theaterparty-getstarted__btn {
	padding-top: 125px;
}

.tw-lp-theaterparty-wrapper {
	width: 100%;
	margin: 0;
	padding: 0 20px;
}

.tb-only {
	display: none;
}

.tw-lp-theaterparty-features {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.tw-lp-theaterparty-features__box {
	display: block;
	padding-top: 80px;
}

.tw-lp-theaterparty-features__box__left__point::before {
	top: 7px;
}

.tw-lp-theaterparty-features__box__right {
	margin: -30px auto;
}

.tw-lp-theaterparty-features__box2 {
	display: block;
	padding-top: 100px;
}

.tw-lp-theaterparty-features__box2__right__point {
	margin: -7px 0 0 0;
}

.tw-lp-theaterparty-features__box2__right__point::before {
	top: 4px;
	height: 4px;
}

.tw-lp-theaterparty-features__box2__left {
	margin: -30px auto;
}

.tw-lp-theaterparty-getstarted__box {
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

.tw-lp-theaterparty-getstarted__box__left {
	width: 55%;
	margin: -65px auto;
}

.tw-lp-theaterparty-getstarted__box__right {
	padding: 0 40px 100px;
	margin-top: 85px;
	margin-left: 0;
}

.tw-lp-theaterparty-getstarted__box__right__point {
	z-index: 1;
}

.tw-lp-theaterparty-getstarted__box__right__point::before {
	top: 16px;
}

.tw-lp-theaterparty-getstarted__box__right__txt {
	margin-left: 22px;
	margin-right: 0;
	padding-top: 0;
}

.tw-lp-theaterparty-getstarted__box__right__txt::before {
	top: 0;
}

.tw-lp-theaterparty-getstarted__box__right__txt2 {
	margin-left: 22px;
	margin-right: 0;
}

.tw-lp-theaterparty-getstarted__box2 {
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

.tw-lp-theaterparty-getstarted__box2__left {
	margin: -65px auto;
}

.tw-lp-theaterparty-getstarted__box2__right {
	padding: 0 40px 100px;
	margin-top: 44px;
	margin-left: 0;
}

.tw-lp-theaterparty-getstarted__box2__right__point {
	z-index: 1;
}

.tw-lp-theaterparty-getstarted__box2__right__point::before {
	top: 15px;
	height: 4px;
}

.tw-lp-theaterparty-getstarted__box2__right__txt {
	padding-top: 0;
}

.tw-lp-theaterparty-getstarted__box2__right__txt::before {
	top: 0;
}

.tw-lp-theaterparty-kv {
	background: url(/img/cp/theaterparty/sp-kv2.png) no-repeat;
	background-position: 100% 60%;
	background-size: cover;
	height: 1040px;
}

.tw-lp-theaterparty-kv__textbox {
	top: 10%;
}

.tw-lp-theaterparty-main {
	background: url(/img/cp/theaterparty/bg-image.png) repeat-y 50% 58%;
	background-size: 1023px 599px;
}

.tw-lp-theaterparty-start__mask {
	padding: 0 20px;
}

.tw-lp-theaterparty-start__mask::before {
	background: url(/img/cp/theaterparty/start_9.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	width: 110px;
	height: 73px;
	bottom: -43px;
}

.tw-lp-theaterparty-start__mask::after {
	background: url(/img/cp/theaterparty/start_8.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	width: 115px;
	height: 166px;
	top: -58px;
	right: 0;
}

.tw-lp-theaterparty-start__box {
	display: block;
}

.tw-lp-theaterparty-start__box__left {
	max-width: 100%;
	margin: 0 auto;
}

.tw-lp-theaterparty-start__box__right {
	max-width: 100%;
	margin: 40px auto;
}

.tw-lp-theaterparty-tp {
	padding-bottom: 60px;
	overflow: hidden;
}

.tw-lp-theaterparty-tp__left {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}

.tw-lp-theaterparty-tp__left::before {
	content: "THEATER PARTY";
	font-size: 90px;
	top: 20px;
	left: 20%;
}

.tw-lp-theaterparty-tp__title {
	font-size: 46px;
	font-weight: 900;
}

.tw-lp-theaterparty-tp__p {
	font-size: 9px;
	font-size: 0.9rem;
}

.tw-lp-theaterparty-tp__under-flex {
	margin-top: 40px;
}

.tw-lp-theaterparty-tp__right {
	background: url(/img/cp/theaterparty/img.png) no-repeat 100% 50%;
	background-size: 94% 425px;
	width: auto;
	padding-left: 50px;
	position: static;
	margin-top: 20px;
}

.tw-lp-theaterparty-tp__right__img {
	width: 90%;
	margin-left: auto;
	margin-right: 20px;
}

.tw-lp-theaterparty-tp__underimg {
	top: 48%;
}

.tw-lp-theaterparty-version {
	padding: 80px 20px;
}

}

@media screen and (min-width: 1023px) and (max-width: 1024px) {

.tw-lp-theaterparty-wrapper {
	padding: 0 40px;
}

.tw-lp-theaterparty-features {
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
}

.tw-lp-theaterparty-getstarted__box {
	padding-left: 0;
	padding-right: 0;
}

.tw-lp-theaterparty-getstarted__box2 {
	padding-left: 0;
	padding-right: 0;
}

.tw-lp-theaterparty-kv {
	background: url(/img/cp/theaterparty/sp-kv2.png) no-repeat;
	background-position: 100% 50%;
	background-size: cover;
	height: 1366px;
}

.tw-lp-theaterparty-main {
	background: url(/img/cp/theaterparty/bg-image2.png) repeat-y 100% 46%;
	background-size: 1024px 807px;
}

.tw-lp-theaterparty-start__mask {
	padding: 0 20px;
}

.tw-lp-theaterparty-start__box {
	display: block;
}

.tw-lp-theaterparty-start__box__left {
	max-width: 100%;
	margin: 0 auto;
}

.tw-lp-theaterparty-start__box__right {
	max-width: 100%;
	margin: 40px auto;
}

.tw-lp-theaterparty-tp {
	padding-bottom: 60px;
	overflow: hidden;
}

.tw-lp-theaterparty-tp__title {
	font-size: 48px;
	font-weight: 900;
}

.tw-lp-theaterparty-tp__right {
	width: 53%;
	background-size: 100% 350px;
}

.tw-lp-theaterparty-tp__right__img {
	width: 57%;
	margin-left: auto;
	margin-right: 0;
}

.tw-lp-theaterparty-tp__underimg {
	top: 20%;
	right: 10px;
}

.tw-lp-theaterparty-version {
	padding: 80px 20px;
}

}

@media screen and (min-width: 1025px) and (max-width: 1180px) {

.tw-lp-theaterparty-tp {
	padding-left: 40px;
}

.tw-lp-theaterparty-tp__right {
	background-size: 100% 340px;
}

.tw-lp-theaterparty-tp__right__img {
	width: 50%;
	margin-left: auto;
	margin-right: 0;
}

.tw-lp-theaterparty-tp__underimg {
	top: 124px;
}

}

@media screen and (min-width: 1441px) {

.tw-lp-theaterparty-kv {
	background: url(/img/cp/theaterparty/background-img5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tw-lp-theaterparty-kv__textbox {
	left: 20%;
}

.tw-lp-theaterparty-main {
	background: url(/img/cp/theaterparty/bg-image.png) repeat-y 70% 54%;
	background-size: 2000px 1171px;
}

.tw-lp-theaterparty-tp__underimg {
	right: 50px;
}

}

@media screen and (min-width: 1661px) {

.tw-lp-theaterparty-tp__underimg {
	right: 8%;
}

}

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

.button {
	padding: 2rem;
}

}

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

.button {
	padding: 1rem;
	width: 46.66667vw;
	font-size: 3.2vw;
}

.button::after {
	width: 6.66667vw;
}

[data-pagetop-fix] {
	margin-right: 0;
	right: 5%;
	bottom: 3%;
}

[data-pagetop-fix] a {
	width: 13.33333vw;
	height: 13.33333vw;
}

[data-pagetop-fix="false"] {
	top: 10%;
}

.tw-lp-theaterparty-kvbtn {
	max-width: 350px;
	height: 73px;
	border: 4px solid #fff;
	line-height: 62px;
}

body {
	font-size: calc(28 / 750 * 100vw);
}

.tw-lp-theaterparty-wrapper {
	width: 100%;
	margin: 0;
	padding: 0 20px;
}

.sp-only {
	display: block;
}

.tw-lp-theaterparty-features {
	padding-top: 10px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}

.tw-lp-theaterparty-features__box {
	display: block;
	padding-top: 80px;
}

.tw-lp-theaterparty-features__box__right {
	margin: -30px auto;
}

.tw-lp-theaterparty-features__box2 {
	display: block;
	padding-top: 100px;
}

.tw-lp-theaterparty-features__box2__right {
	box-shadow: 10px 10px 0px #0073ff;
	padding: 0 46px 42px;
}

.tw-lp-theaterparty-features__box2__left {
	margin: -30px auto;
}

.tw-lp-theaterparty-getstarted__box {
	padding-left: 0;
	padding-right: 0;
	display: block;
}

.tw-lp-theaterparty-getstarted__box__left {
	width: 100%;
	margin: -65px auto;
}

.tw-lp-theaterparty-getstarted__box__right {
	padding: 0 40px 100px;
	margin-top: 85px;
	margin-left: 0;
}

.tw-lp-theaterparty-getstarted__box__right__point {
	z-index: 1;
}

.tw-lp-theaterparty-getstarted__box2 {
	display: block;
	padding-left: 0;
	padding-right: 0;
	padding-top: 40px;
}

.tw-lp-theaterparty-getstarted__box2__left {
	width: 100%;
	margin: -65px auto;
}

.tw-lp-theaterparty-getstarted__box2__right {
	padding: 0 40px 100px;
	margin-top: 85px;
	margin-left: 0;
}

.tw-lp-theaterparty-getstarted__box2__right__point {
	z-index: 1;
}

.tw-lp-theaterparty-kv {
	background: url(/img/cp/theaterparty/sp-kv2.png) no-repeat;
	background-position: center;
	background-size: 100% auto;
}

.tw-lp-theaterparty-kv__text__p {
	font-size: 16px;
}

.tw-lp-theaterparty-kv__btn {
	bottom: -37%;
}

.tw-lp-theaterparty-main {
	background: url(/img/cp/theaterparty/bg-image2.png) repeat-y 50% 61.2%;
	background-size: 768px 605px;
}

.tw-lp-theaterparty-start__wrap {
	background: -webkit-linear-gradient(0deg, #f68b3f -65%, #fab452 100%);
	position: relative;
}

.tw-lp-theaterparty-start__wrap::before {
	content: "";
	background: url(/img/cp/theaterparty/start_5.png) no-repeat 50% 50%;
	width: 116px;
	height: 165px;
	position: absolute;
	top: 20px;
	left: 0;
}

.tw-lp-theaterparty-start__mask {
	background: url(/img/cp/theaterparty/start-mask-sp.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	padding: 0;
}

.tw-lp-theaterparty-start__mask::before {
	background: url(/img/cp/theaterparty/start_9.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	width: 110px;
	height: 73px;
	bottom: -43px;
}

.tw-lp-theaterparty-start__mask::after {
	background: url(/img/cp/theaterparty/start_8.png) no-repeat 50% 50%;
	background-size: 100% 100%;
	width: 115px;
	height: 166px;
	top: -58px;
	right: 0;
}

.tw-lp-theaterparty-start__box {
	display: block;
	margin-top: 44px;
	padding-bottom: 60px;
}

.tw-lp-theaterparty-start__box__left {
	margin: 0 auto;
	max-width: 100%;
}

.tw-lp-theaterparty-start__box__right {
	margin: 40px auto;
	max-width: 100%;
}

.tw-lp-theaterparty-tp {
	padding-bottom: 60px;
}

.tw-lp-theaterparty-tp__left {
	width: 100%;
	padding-left: 30px;
	padding-top: 30px;
}

.tw-lp-theaterparty-tp__left::before {
	content: "THEATER";
	font-size: 68px;
	top: 20px;
	left: 0;
}

.tw-lp-theaterparty-tp__p {
	font-size: 9px;
	font-size: 0.9rem;
}

.tw-lp-theaterparty-tp__right {
	background: url(/img/cp/theaterparty/feature_bg_title-sp.png) no-repeat 100% 50%;
	background-size: 90% 520px;
	width: auto;
	padding-left: 50px;
	position: static;
	margin-top: 20px;
}

.tw-lp-theaterparty-tp__right__img {
	width: 90%;
	margin-left: auto;
	margin-right: 0;
}

.tw-lp-theaterparty-tp__underimg {
	top: 55%;
}

.tw-lp-theaterparty-version__box__txt2 {
	margin-top: 20px;
}

}

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

.tw-lp-theaterparty-tp__right {
	background-size: 90% 300px;
	height: 430px;
}

}

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

.tw-lp-theaterparty-kvbtn {
	width: 335px;
	height: 69px;
	border: 4px solid #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 62px;
}

.tw-lp-theaterparty-kvbtn::after {
	right: 14px;
	width: 24px;
	height: 24px;
	background-size: 8px 12px;
}

.tw-lp-theaterparty-getstarted__btn {
	padding-top: 60px;
}

.tw-lp-theaterparty-getstarted__btn__link {
	padding: 17px 58px;
	font-size: 10px;
	font-size: 1rem;
	letter-spacing: 0.05em;
}

.tw-lp-theaterparty-start__box__btn__link {
	width: 296px;
	height: 60px;
	border: 4px solid #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 50px;
}

.tw-lp-theaterparty-start__box__btn__link::after {
	width: 24px;
	height: 24px;
	background-size: 13px 13px;
}

.sp-only1 {
	display: block;
}

.pc-only {
	display: none;
}

.tw-lp-theaterparty-features__titles__txt {
	font-size: 8px;
	font-size: 0.8rem;
}

.tw-lp-theaterparty-features__titles__title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	padding-top: 10px;
}

.tw-lp-theaterparty-features__box__left {
	padding: 0 15px 107px;
}

.tw-lp-theaterparty-features__box__left__point {
	font-size: 28px;
	margin: -6px 0 4px 0;
}

.tw-lp-theaterparty-features__box__left__point::before {
	width: 94%;
	top: 4px;
}

.tw-lp-theaterparty-features__box__left__span {
	font-size: 50px;
	top: -12px;
}

.tw-lp-theaterparty-features__box__left__title {
	font-size: 24px;
	margin-bottom: 0;
	padding-left: 5px;
}

.tw-lp-theaterparty-features__box__left__txt {
	padding-top: 10px;
	font-size: 9.5px;
	font-size: 0.95rem;
	padding-right: 10px;
	padding-left: 5px;
	letter-spacing: 0.02em;
}

.tw-lp-theaterparty-features__box__right {
	width: 88%;
	margin: -70px 0 0 19px;
}

.tw-lp-theaterparty-features__box2__right {
	padding: 0 17px 110px;
}

.tw-lp-theaterparty-features__box2__right__point {
	font-size: 28px;
	margin: -5px 0 4px 0;
}

.tw-lp-theaterparty-features__box2__right__point::before {
	width: 97%;
	height: 4px;
	top: 2px;
}

.tw-lp-theaterparty-features__box2__right__span {
	font-size: 50px;
	top: -12px;
}

.tw-lp-theaterparty-features__box2__right__title {
	font-size: 24px;
	margin-bottom: 0;
}

.tw-lp-theaterparty-features__box2__right__txt {
	padding-top: 10px;
	font-size: 9.5px;
	font-size: 0.95rem;
	padding-right: 10px;
	letter-spacing: 0.02em;
}

.tw-lp-theaterparty-features__box2__right__small {
	padding-top: 20px;
}

.tw-lp-theaterparty-features__box2__left {
	width: 88%;
	margin: -70px 0 0 19px;
}

.tw-lp-theaterparty-getstarted {
	padding-bottom: 80px;
}

.tw-lp-theaterparty-getstarted__box__left {
	margin-top: -68px;
}

.tw-lp-theaterparty-getstarted__box__right {
	margin-top: 20px;
	margin-left: 0;
	padding: 0 8px 106px;
}

.tw-lp-theaterparty-getstarted__box__right__point {
	font-size: 24px;
	padding: 0 20px 0 10px;
	z-index: 10;
}

.tw-lp-theaterparty-getstarted__box__right__point::before {
	width: 94%;
	z-index: -1;
}

.tw-lp-theaterparty-getstarted__box__right__txt {
	font-size: 10px;
	font-size: 1rem;
}

.tw-lp-theaterparty-getstarted__box__right__txt2 {
	font-size: 10px;
	font-size: 1rem;
}

.tw-lp-theaterparty-getstarted__box2__left {
	width: 88%;
	margin: -68px 0 0 19px;
}

.tw-lp-theaterparty-getstarted__box2__right {
	padding: 0 0 109px;
}

.tw-lp-theaterparty-getstarted__box2__right__point {
	font-size: 24px;
	margin: -18px 0 20px 7px;
	padding: 0 20px 0 10px;
	z-index: 10;
}

.tw-lp-theaterparty-getstarted__box2__right__point::before {
	width: 96%;
}

.tw-lp-theaterparty-getstarted__box2__right__txt {
	font-size: 10px;
	font-size: 1rem;
	padding-top: 10px;
}

.tw-lp-theaterparty-getstarted__box2__right__txt2 {
	font-size: 10px;
	font-size: 1rem;
}

.tw-lp-theaterparty-kv {
	height: 520px;
}

.tw-lp-theaterparty-kv__textbox {
	max-width: 300px;
	width: 100%;
	top: 12.5%;
	left: 4%;
}

.tw-lp-theaterparty-kv__logo {
	width: 60%;
	padding-bottom: 20px;
}

.tw-lp-theaterparty-kv__title {
	width: 73%;
}

.tw-lp-theaterparty-kv__text__p {
	max-width: 270px;
	margin-top: 10px;
	line-height: 1.5;
}

.tw-lp-theaterparty-kv__btn {
	position: static;
	text-align: center;
	padding-top: 440px;
}

.tw-lp-theaterparty-main {
	background: url(/img/cp/theaterparty/bg.png) repeat-y 100% 57.4%;
	background-size: contain;
	position: relative;
	z-index: 0;
}

.tw-lp-theaterparty-js-moveImg01 {
	width: 54px;
}

.tw-lp-theaterparty-js-moveImg02 {
	width: 55px;
}

.tw-lp-theaterparty-js-moveImg03 {
	width: 55px;
}

.tw-lp-theaterparty-js-moveImg04 {
	width: 61px;
}

.tw-lp-theaterparty-start__title {
	padding-top: 65px;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
}

.tw-lp-theaterparty-start__box__flexright {
	font-size: 10px;
	font-size: 1rem;
	margin-left: 0;
}

.tw-lp-theaterparty-start__box__under {
	padding-top: 15px;
}

.tw-lp-theaterparty-start__box__under__left {
	margin-right: 0;
	width: 129px;
}

.tw-lp-theaterparty-start__box__right__txt {
	margin-top: 15px;
}

.tw-lp-theaterparty-tp__left {
	width: 100%;
	padding-top: 44px;
}

.tw-lp-theaterparty-tp__title {
	font-size: 33px;
	letter-spacing: 0.03em;
}

.tw-lp-theaterparty-tp__p {
	line-height: 1.5;
	font-size: 10px;
	font-size: 1rem;
}

.tw-lp-theaterparty-tp__under-flex__left {
	padding-right: 45px;
}

.tw-lp-theaterparty-tp__under-flex__center {
	padding-right: 45px;
}

.tw-lp-theaterparty-tp__right {
	position: static;
	width: 100%;
	background: url(/img/cp/theaterparty/theaterparty-sp2.png) no-repeat 50% 50%;
	background-size: 100% 320px;
	height: 442px;
}

.tw-lp-theaterparty-tp__underimg {
	top: 53.5%;
	right: 0px;
}

.tw-lp-theaterparty-version {
	padding: 80px 0;
}

.tw-lp-theaterparty-version__top2 {
	margin-top: 60px;
}

.tw-lp-theaterparty-version__title {
	font-size: 24px;
}

.tw-lp-theaterparty-version__box {
	margin-top: 40px;
	padding: 20px;
}

}

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

.tw-lp-theaterparty-tp__left::before {
	content: "THEATER";
	font-size: 60px;
	top: 20px;
	left: 0;
}

.tw-lp-theaterparty-tp__right__img {
	width: 96%;
	margin-left: auto;
	margin-right: 0;
}

}

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

.tw-lp-theaterparty-kvbtn {
	width: 318px;
	height: 69px;
	border: 4px solid #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 62px;
}

}

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

.tw-lp-theaterparty-kvbtn {
	width: 290px;
	height: 63px;
	border: 4px solid #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 54px;
}

.tw-lp-theaterparty-getstarted__btn__link {
	padding: 17px 40px;
}

.tw-lp-theaterparty-start__box__btn__link {
	width: 260px;
}

.tw-lp-theaterparty-kv {
	height: 440px;
	background-size: 100% 100%;
}

.tw-lp-theaterparty-kv__text__p {
	font-size: 14px;
}

.tw-lp-theaterparty-kv__btn {
	padding-top: 365px;
}

.tw-lp-theaterparty-start__box__under {
	width: 250px;
}

.tw-lp-theaterparty-start__box__under__right {
	height: 40px;
}

.tw-lp-theaterparty-tp__left::before {
	font-size: 54px;
}

.tw-lp-theaterparty-tp__title {
	font-size: 28px;
	letter-spacing: 0.03em;
}

.tw-lp-theaterparty-tp__right {
	margin-top: 10px;
}

.tw-lp-theaterparty-tp__underimg {
	top: 55.5%;
}

}

@-webkit-keyframes titleshow {

0% {
	opacity: 0;
	transform: translateX(50px);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@keyframes titleshow {

0% {
	opacity: 0;
	transform: translateX(50px);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@-webkit-keyframes fade {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fade {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes fadeU {

0% {
	opacity: 0;
	transform: translateY(30%);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fadeU {

0% {
	opacity: 0;
	transform: translateY(30%);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}

@-webkit-keyframes fadeR {

0% {
	opacity: 0;
	transform: translateX(30%);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@keyframes fadeR {

0% {
	opacity: 0;
	transform: translateX(30%);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@-webkit-keyframes fadeL {

0% {
	opacity: 0;
	transform: translateX(30%);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@keyframes fadeL {

0% {
	opacity: 0;
	transform: translateX(30%);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@-webkit-keyframes fadeLBig {

0% {
	opacity: 0;
	transform: translateX(-50%);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@keyframes fadeLBig {

0% {
	opacity: 0;
	transform: translateX(-50%);
}

100% {
	opacity: 1;
	transform: translateX(0);
}

}

@-webkit-keyframes animeMoveImg {

0% {
	transform: rotate(0deg);
}

100% {
	transform: rotate(360deg);
}

}

@keyframes animeMoveImg {

0% {
	transform: rotate(0deg);
}

100% {
	transform: rotate(360deg);
}

}

@-webkit-keyframes animeDownImg01 {

0% {
	top: 60%;
}

100% {
	top: 100%;
}

}

@keyframes animeDownImg01 {

0% {
	top: 60%;
}

100% {
	top: 100%;
}

}

@-webkit-keyframes animeDownImg02 {

0% {
	top: 20%;
}

100% {
	top: 100%;
}

}

@keyframes animeDownImg02 {

0% {
	top: 20%;
}

100% {
	top: 100%;
}

}

@-webkit-keyframes animeDownImg03 {

0% {
	top: 70%;
}

100% {
	top: 100%;
}

}

@keyframes animeDownImg03 {

0% {
	top: 70%;
}

100% {
	top: 100%;
}

}

@-webkit-keyframes animeDownImg04 {

0% {
	top: 10%;
}

100% {
	top: 100%;
}

}

@keyframes animeDownImg04 {

0% {
	top: 10%;
}

100% {
	top: 100%;
}

}