@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

/* @font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansCJKjp-hinted_subset_woff/NotoSansCJKjp-Regular_sub.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url('../font/NotoSansCJKjp-hinted_subset_woff/NotoSansCJKjp-Medium_sub.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansCJKjp-hinted_subset_woff/NotoSansCJKjp-Bold_sub.woff') format('woff');
}


@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansSC-hinted_subset_woff/NotoSansSC-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 500;
	src: url('../font/NotoSansSC-hinted_subset_woff/NotoSansSC-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansSC-hinted_subset_woff/NotoSansSC-Bold.woff') format('woff');
}


@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansTC-hinted_subset_woff/NotoSansTC-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 500;
	src: url('../font/NotoSansTC-hinted_subset_woff/NotoSansTC-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansTC-hinted_subset_woff/NotoSansTC-Bold.woff') format('woff');
} */


@font-face {
	font-family: 'quicksand';
	font-weight: 400;
	font-style: normal;
	src: url('../font/Quicksand/static/Quicksand-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'quicksand';
	font-weight: 700;
	font-style: normal;
	src: url('../font/Quicksand/static/Quicksand-Bold.ttf') format('truetype');
}


* {
	margin: 0;
	padding: 0;
	vertical-align: top;
	box-sizing: border-box;
}

:focus-visible {
	outline: none;
	box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.4em #000;
}

html {}

body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	position: relative;
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
	font-weight: 400;
	color: #222426;
	min-height: 100vh;
	font-size: 15px;
        min-width: 930px;
}

@media screen and (max-width:767px) {
	body {
		min-width: auto;
	}
}

p,
h1,
h2,
h3,
h4,
th,
td,
li,
dt,
dd,
figcaption,
strong,
input,
select,
textarea {
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
	font-weight: 400;
	color: #222426;
	font-size: 15px;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

iframe {
	border: none;
}

a {
	text-decoration: none !important;
	color: #222426;
}

a:hover {
	opacity: 0.6;
}

@media (any-hover: none) {
	a:hover {
		opacity: 1;
	}
}

p a,
li a,
dd a {
	text-decoration: underline;
}


a.newwin {
	margin-right: 0.4em;
	display: inline-block;
	padding-right: 1.3em;
	background: url("../img/ico_newwin.svg") no-repeat right center / auto 0.9em;
}

a.newwin.white {
	background: url("../img/ico_newwin_wt.svg") no-repeat right center / auto 0.9em;
}

ul,
ol {
	list-style-type: none;
}

button {
	border: none;
}

main {
	display: block;
	padding-bottom: 50px;
}

.disp-none {
	display: none;
}

.ta-center {
	text-align: center;
}

.ta-left {
	text-align: left;
}

.ta-right {
	text-align: right;
}

.underline {
	text-decoration: underline;
}

.weight-bold {
	font-weight: bold;
}


.note-text {
	font-size: 12px;
	line-height: 1.5;
}

@media print,
screen and (min-width:768px) {
	a[href^="tel:"] {
		cursor: default;
	}

	a.newwin:hover {
		opacity: 0.6;
	}
}

@media screen and (max-width:767px) {
	.ta-sp-center {
		text-align: center;
	}
}



.box880 {
	max-width: 880px;
	margin: 0 auto;
	position: relative;
}

.box600 {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
}

.box-red {
	margin-top: 25px;
	background: #FDE6E6;
	padding: 20px;
}


.box-gray {
	margin-top: 25px;
	background: #f1f3f4;
	padding: 20px;
}

@media screen and (max-width:767px) {
	.box880 {
		width: auto;
		padding: 0 30px;
	}

	.box600 {
		width: auto;
		padding: 0 30px;
	}

	.box-sp-large {
		width: calc(335 / 375 * 100%);
		margin: 0 auto;
		position: relative;
	}

	.box-sp-small {
		margin: 0 auto;
		position: relative;
	}
}



.h-type1 {
	font-weight: 700;
	padding: 60px 0 40px;
	font-size: 36px;
	line-height: 1.5;
}

@media print,
screen and (min-width:768px) {
	.h-type1 {
		padding: 60px 0;
		line-height: 1;
	}
}

@media print,
screen and (min-width:768px) {
	.h-type1.large-line {
		line-height: 1.5;
	}
}

.h-type1.center {
	text-align: center;
}

.h-type2 {
	margin-bottom: 0.7em;
	font-size: 36px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.h-type2.top-padding {
	padding-top: 40px;
}

@media print,
screen and (min-width:768px) {
	.h-type2.pc-lh {
		line-height: calc(54 / 36);
	}
}

@media screen and (max-width:767px) {
	.h-type2.sp-lh {
		margin-bottom: 0.5em;
		line-height: 1.5;
	}
}



.lead-type1 {
	text-align: center;
	line-height: 1.5625;
	font-size: 15px;
}

@media screen and (max-width:767px) {
	.lead-type1 {
		line-height: 1.375;
	}
}

.lead-type1 p span {
	color: #E60012;
}

.lead-type1 .medium {
	font-weight: 500;
}

@media screen and (max-width:767px) {
	.lead-type1 .medium.sp-mt {
		display: block;
		margin-top: 1.2em;
	}
}


.list-type1 li {
	padding-left: 1.5em;
	position: relative;
	font-size: 15px;
	line-height: 1.6;
}

.list-type1 li::before {
	content: '●';
	position: absolute;
	left: 0;
	top: 0.04em;
}


.hr-type1 {
	width: 100%;
	height: 0;
	border: none;
	border-top: solid 1px #D2D7DA;
}


.basic-btn {
	width: 315px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease-out;
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
    padding: 0 35px;
}

.basic-btn.center {
	margin-left: auto;
	margin-right: auto;
}

.basic-btn.color-red {
	color: #E60012;
}

.basic-btn::after {
	content: "";
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
}

.basic-btn:disabled,
.basic-btn.disabled {
	cursor: default;
}

.basic-btn .btn-text {
	display: inline-block;
	text-align: center;
}

.basic-btn .btn-text.large {
	font-size: 24px;
}

.basic-btn .btn-text sup {
	font-size: 0.6em;
	vertical-align: 0.5em;
}

.basic-btn .btn-text .weight-normal {
	font-weight: normal;
}

.basic-btn.ico-win {
	margin-right: 55px !important;
}

.basic-btn.ico-win::before {
	content: "";
	width: 14px;
	height: 14px;
	background: url("../img/ico_newwin.svg") no-repeat 0 0 / 100% auto;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
}

.basic-btn.ico-win::after {
	right: -50px !important;
}

.basic-btn.ico-win.ico-left {}

.basic-btn.ico-win .btn-text {
	padding: 0 !important;
}




.basic-btn.type1 {
	min-height: 50px;
	border: solid 2px #222426;
}

.basic-btn.type1::after {
	background: url("../img/arrow_01.svg") no-repeat 0 0 / 100% auto;
}

.basic-btn.type1:disabled,
.basic-btn.type1.disabled {
	color: #D2D7DA;
	border-color: #D2D7DA !important;
}

.basic-btn.type1:disabled::after,
.basic-btn.type1.disabled::after {
	background: url("../img/arrow_02.svg") no-repeat 0 0 / 100% auto;
}

.basic-btn.type2 {
        min-height: 50px;
	background: #E60D12;
	color: #fff;

}

.basic-btn.type2::after {
	background: url("../img/arrow_03.svg") no-repeat 0 0 / 100% auto;
	right: 10px;
}

.basic-btn.type2:disabled,
.basic-btn.type2.disabled {
	opacity: 0.3;

}

.basic-btn.type2:disabled::after,
.basic-btn.type2.disabled::after {
}

.basic-btn.type2.gray {
	background: #D2D7DA;
}

.basic-btn.type2.gray::after {
	background-image: url("../img/arrow_04.svg");
}

 .basic-btn.type2.tb-padding {
	padding: 3px 35px;
}

.basic-btn.type3 {
	min-height: 50px;
	border: solid 2px #222426;
	background-color: #fff;
	color: #222426;
	padding: 0 35px;
}

.basic-btn.type3 .btn-text {
}

.basic-btn.type3.tb-padding {
	padding: 3px 35px;
}

.basic-btn.type3.lr-large-padding {
	padding: 0 40px;
}

.basic-btn.type3::after {
	background: url("../img/arrow_01.svg") no-repeat 0 0 / 100% auto;
	left: 20px;
	right: auto;
	transform: translateY(-50%) rotate(180deg);
}

.basic-btn.type3.arrow-left8::after {
	left: 8px;
}

.basic-btn.type3.arrow-left8 .btn-text {
	transform: translateX(0.6em);
}

.basic-btn.type4 {
	width: 160px;
	min-height: 50px;
	border: solid 2px #222426;
	justify-content: flex-start;
	padding-left: 24px;
}

.basic-btn.type4::after {
	background: url(../img/arrow_01.svg) no-repeat 0 0 / 100% auto;
	transform: translateY(-50%) rotate(90deg);
}

.basic-btn.type5 {
	min-height: 50px;
	background: #E60D12;
	color: #fff;
	border: none;
}

.basic-btn.type5::after {
	display: none;
}

.basic-btn.type6 {
	background-color: transparent;
	color: #222426;
	font-weight: 400;
	border: none;
	font-size: 15px;
	width: auto;
	display: inline-block;
	padding: 0;
}

.basic-btn.type6::after {
	background: url("../img/arrow_01.svg") no-repeat 0 0 / 100% auto;

}

.basic-btn.type6 .btn-text {
	text-decoration: underline;
}

.basic-btn.type6 .btn-text:hover {
	text-decoration: none;
}

.basic-btn.type7 {
	min-height: 54px;
	background: #E60D12;
	color: #fff;
}

.basic-btn.type7::after {
	background: url("../img/arrow_03.svg") no-repeat 0 0 / 100% auto;
	left: 20px;
	right: auto;
	transform: translateY(-50%) rotate(180deg);
}

.basic-btn.type7:disabled,
.basic-btn.type7.disabled {
	background: #D2D7DA !important;
}

.basic-btn.type7:disabled::after,
.basic-btn.type7.disabled::after {
	background: url("../img/arrow_04.svg") no-repeat 0 0 / 100% auto;
}

.basic-btn.type7.gray {
	background: #D2D7DA;
}

.basic-btn.type7.gray::after {
	background-image: url("../img/arrow_04.svg");
}

.btn-wrap-type1 {
	margin-top: 40px;
	padding-top: 60px;
	border-top: 1px solid #D2D7DA;
}

.btn-wrap-type1.mt-lg {
	margin-top: 160px;
}

@media screen and (max-width:767px) {
	.btn-wrap-type1.mt-lg {
		margin-top: 60px;
	}
}

.btn-wrap-type1 li {
	margin-top: 20px;
}

.btn-wrap-type1 li:first-child {
	margin-top: 0;
}

.btn-wrap-type1 li .basic-btn {
	min-height: 50px;
	margin: 0 auto;
}

.btn-wrap-type1 li .basic-btn.type2 {
	border: none;
}

.btn-wrap-type1 .btn-note {
	margin-top: 0.7em;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
}

.btn-wrap-type2 {}

.btn-wrap-type2 li {
	margin-bottom: 20px;
}

.btn-wrap-type2 li:last-child {
	margin-bottom: 20px;
}

.btn-wrap-type2 li .basic-btn {
	margin: 0 auto;
}

.sort-btn-wrap {
	margin-top: 25px;
	text-align: right;
}

.sort-btn-wrap .sort-btn {
	width: 315px;
	height: 50px;
	padding-left: 43px;
	border: solid 2px #222426;
	font-size: 16px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	background: url("../img/arrow_09.svg") no-repeat 12px center / 20px auto;
	transition: background 0.2s ease-out;
}

@media print,
screen and (min-width:768px) {

	.basic-btn.type1:not(.disabled):hover,
	.basic-btn.type3:not(.disabled):hover,
	.basic-btn.type4:not(.disabled):hover {
		text-decoration: underline !important;
        opacity: 1 !important;

	}

	.basic-btn.type2:hover {
		text-decoration: underline !important;
        opacity: 1 !important;
	}
	.basic-btn.type1:hover .btn-text{
		text-decoration: underline;
	}
	.basic-btn.type1.deletebutton:hover .btn-text{
		text-decoration: none!important;
	}

	.btn-wrap-type1 {
	}

	.btn-wrap-type1 li+li {
	}

	.btn-wrap-type1.reverse {
		flex-direction: column;
	}

	.btn-wrap-type1.reverse li+li {
	}

	.sort-btn-wrap .sort-btn:hover {
		background-color: #eee;
	}
}

@media screen and (max-width:767px) {
	.basic-btn {
		width: 100%;
	}

	.btn-wrap-type1 li+li {
		margin-top: 20px;
	}

	.sort-btn-wrap {
		text-align: center;
	}

	.sort-btn-wrap .sort-btn {
		max-width: 100%;
	}
}


.fig-ticket {
	width: 141px;
	height: 84px;
	background: url("../img/bg_03.png") no-repeat 0 0 / contain;
}

.fig-ticket p {
	padding-top: 23px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}


.lang-selector {
	width: 140px;
	height: 40px;
	margin: 20px auto 0;
	border: solid 2px #fff;
	background: transparent url(../img/ico_earth.svg) no-repeat 8px center / 28px auto;
}

.lang-selector select {
	width: 100%;
	height: 100%;
	padding-left: 46px;
	background: transparent url("../img/arrow_07.svg") no-repeat calc(100% - 14px) center / 6px auto;
	color: #fff;
	display: flex;
	align-items: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	font-weight: 700;
	border: none;
	cursor: pointer;
	outline: none;
}

.lang-selector select:hover {
	text-decoration: underline;
}

.lang-selector select option {
	color: #000;
}


.lang-selector.type-black {
	border: solid 2px #222426;
	background-image: url("../img/ico_earth_bk.svg");
}

.lang-selector.type-black select {
	color: #000;
	background-image: url("../img/arrow_08.svg");
}

@media screen and (max-width:767px) {
	.lang-selector {
		margin-top: 35px;
	}
}


#steps {
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #e6f0f8;
	text-align: center;
	position: relative;
}

#steps::before {
	width: 2000px;
	height: 100px;
	background: #0068B7;
	position: absolute;
	z-index: 1;
	content: "";
	display: block;
	right: calc(50% + 200px);
}

#steps.all-complete {
	background: #0068B7;
}

#steps li {
	width: 150px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

#steps li:nth-child(1) {
	z-index: 10;
}

#steps li:nth-child(2) {
	z-index: 9;
}

#steps li:nth-child(3) {
	z-index: 8;
}

#steps li:nth-child(4) {
	z-index: 7;
}

#steps li .group {
	position: relative;
	z-index: 6;
}

#steps li .num {
	width: 30px;
	height: 30px;
	color: #fff;
	background: #0068B7;
	border-radius: 50%;
	font-family: 'quicksand';
	font-weight: 400;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

#steps li .text {
	margin-top: 0.4em;
	font-size: 12px;
	line-height: 1.5;
}

#steps li.active {
	background: #0068B7;
}

#steps li.active::after {
	content: "";
	width: 650px;
	height: 300px;
	position: absolute;
	z-index: 4;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	background: #0068B7;
	display: block;
	border-radius: 50%;
}

#steps li.active .num {
	color: #0068B7;
	background: #fff;
}

#steps li.active .text {
	color: #fff;
}

@media screen and (max-width:767px) {
	#steps li {
		width: 25%;
	}

	#steps li.active::after {
		width: 700px;
		height: 400px;
		right: -12px;
	}
}


#modal-base {
	width: 100%;
	height: 120vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 200;
	background: #000;
	opacity: 0.75;
	display: none;
}

#modal-cont {
	width: 750px;
	max-width: 98%;
	max-height: 88vh;
	padding: 40px 48px 48px;
	position: fixed;
	z-index: 210;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border: solid 2px #222426;
	text-align: center;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
}

#modal-cont .close {
	width: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

@media screen and (max-width:767px) {
	#modal-cont {
		width: calc(335 / 375 * 100%);
		padding: 40px 20px 30px 20px;
	}
}


.pagetop {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -180px;
	z-index: 1000;
	border-radius: 50%;
	transition: opacity 0.2s ease-out;
}

.logo:hover,
.pagetop:hover {
	opacity: 0.6;
}

@media print,
screen and (min-width:768px) {
}

@media screen and (max-width:767px) {
	.pagetop {
		width: 40px;
		height: 40px;
		right: 30px;
		top: -180px;
	}
}

@media (any-hover: none) {
	.pagetop:hover {
		opacity: 1;
	}
}


@media print,
screen and (min-width:768px) {
	.pc-none {
		display: none !important;
	}
}

@media screen and (max-width:767px) {
	.sp-none {
		display: none !important;
	}
}


@media print {
	body {
		width: 980px !important;
	}
}


.bottom-note {
	margin-top: 21px;
	font-size: 15px;
	text-align: center;
	line-height: 1.6;
}

@media print,
screen and (min-width:768px) {}

@media screen and (max-width:767px) {
	.bottom-note.sp-left {
		text-align: left;
	}
}


#top-alert {
	background: rgba(230, 13, 18, 0.1);
}

#top-alert a {
	padding: 15px 20px;
	text-decoration: none;
}

#top-alert a p {
	font-size: 15px;
	line-height: 1.2;
}

#top-alert a .detail {
	height: 22px;
	padding-right: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background: url("../img/arrow_01.svg") no-repeat right center / 22px auto;
}

@media print,
screen and (min-width:768px) {
	#top-alert a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#top-alert a:hover {
		text-decoration: underline;
	}

	#top-alert a .title {
		width: calc(100% - 145px);
	}
}

@media screen and (max-width:767px) {
	#top-alert a {
		display: block;
	}

	#top-alert a .title {
		line-height: calc(25 / 15);
	}

	#top-alert a .detail {
		text-align: right;
	}
}


.tickets-type1 {
	margin-top: 20px;
	border-top: solid 1px #D2D7DA;
}

.tickets-type1.mt25 {
	margin-top: 25px;
}

.tickets-type1.top-border-thick {
	border-top: solid 2px #222426;
}

.tickets-type1 .item {
	border-bottom: solid 1px #D2D7DA;
	position: relative;
}

.tickets-type1 .item .check-type1 {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
}

.tickets-type1 .col3 {
	padding: 20px 0;
	text-decoration: none;
	position: relative;
}

.tickets-type1 a.col3 {
	transition: background 0.2s ease-out;
}

.tickets-type1:not(.no-arrow) .col3::after {
	width: 22px;
	height: 22px;
	content: "";
	display: block;
	background: url(../img/arrow_01.svg) no-repeat 0 0 / 100% auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.tickets-type1 div.col3::after {
	background-image: url(../img/arrow_02.svg);
}

.tickets-type1 .group1 {
	display: flex;
}

.tickets-type1 li.send-conf .group1 {
	opacity: 0.2;
}

.tickets-type1 li.expired .group1,
.tickets-type1 li.cancel .group1 {
	opacity: 0.4;
}

.tickets-type1 .texts .type {
	font-size: 18px;
	font-weight: 700;
	padding-top: 4px;
}

.tickets-type1 .texts .age {
	font-size: 15px;
	padding-top: 1em;
}

.tickets-type1 .detail .text-group p {
	font-size: 15px;
	line-height: calc(25 / 15);
}

.tickets-type1 .detail .text-group .label {
	width: 6em;
	text-align: right;
	display: inline-block;
}

.tickets-type1 .blank-message {
	height: 128px;
	font-size: 18px;
	color: #D2D7DA;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media print,
screen and (min-width:768px) {
	.tickets-type1 .col3 {
		display: flex;
		justify-content: space-between;
	}

	.tickets-type1 .col3.ai-center {
		align-items: center;
	}

	.tickets-type1 a.col3:hover {
		background: #FBE7E7;
	}

	.tickets-type1 .group1 {
		width: calc(100% - 275px);
		justify-content: space-between;
	}

	.tickets-type1 .fig-ticket {
		width: 141px;
		margin-left: 10px;
	}

	.tickets-type1.with-check .fig-ticket {
		margin-left: 44px;
	}

	.tickets-type1 .texts {
		width: calc(100% - 141px - 10px - 15px);
	}

	.tickets-type1.with-check .texts {
		width: calc(100% - 141px - 44px - 15px);
	}

	.tickets-type1 .detail {
		width: 260px;
	}
}

@media screen and (max-width:767px) {
	.tickets-type1 .item .check-type1 {
		transform: translateY(0);
		top: 52px;
	}

	.tickets-type1 .col3 {
		display: block;
		text-align: center;
	}

	.tickets-type1 .group1 {
		justify-content: space-between;
		text-align: left;
	}

	.tickets-type1.with-check .fig-ticket {
		margin-left: 44px;
	}

	.tickets-type1 .texts {
		width: calc(100% - 160px);
	}

	.tickets-type1.with-check .texts {
		width: calc(100% - 160px - 44px);
	}

	.tickets-type1 .text-group {
		margin-top: 12px;
		display: inline-block;
		text-align: left;
	}
}


.more-btn-wrap .basic-btn {
	margin: 30px auto 0;
}

.more-btn-wrap .note-text {
	margin-top: 0.7em;
	text-align: center;
}


.radio-type1 {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.radio-type1 input {
	display: none;
}

.radio-type1 .radio-ico {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: solid 1px #000000;
	border-radius: 50%;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16) inset;
	position: relative;
}

.radio-type1 input:checked+.radio-ico::before {
	width: 10px;
	height: 10px;
	background: #E60D12;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	display: block;
}

.radio-type1 .radio-text {
	margin-left: 1em;
	font-size: 15px;
	display: inline-block;
}

.check-type1 .radio-text.bold {
	font-weight: 700;
}


.check-type1 {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.check-type1 input {
	display: none;
}

.check-type1 .check-ico {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: solid 1px #000000;
	position: relative;
}

.check-type1 input:checked+.check-ico::before {
	width: 14px;
	height: 7px;
	border-left: solid 2px #3C3C3C;
	border-bottom: solid 2px #3C3C3C;
	position: absolute;
	left: 14%;
	top: 20%;
	transform: rotate(-48deg);
	content: "";
	display: block;
}

::-webkit-full-page-media,
:future,
:root .check-type1 input[type="checkbox"] {
  position: relative;
}
::-webkit-full-page-media,
:future,
:root .check-type1 input[type="checkbox"]:focus-visible:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.4em #000;
  pointer-events: none;
}

.check-type1 .check-text {
	margin-left: 10px;
	font-size: 18px;
	display: inline-block;
}

.check-type1:hover .check-text {
	text-decoration: underline;
}

.check-type1 .check-text.bold {
	font-weight: 700;
}

.check-type1 .check-text.basic-btn.type6 {
	text-decoration: underline;
}

.check-type1 .check-text.basic-btn.type6::after {
	right: -30px;
}

.check-type1 .check-text.basic-btn.type6:hover {
	text-decoration: none;
}

.check-item {
	margin-bottom: 10px;
	padding-right: 20px;
}


@media screen and (max-width:767px) {
	.check-item {
		padding-right: 40px;
	}
}



.input-type1 {
	display: inline-block;
	position: relative;
}

.input-type1 input {
	height: 28px;
	font-size: 16px;
	border-radius: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 1px #222426;
	text-align: left;
	letter-spacing: 0.06em;
	outline: none;
	background: #fff;
	padding: 10px 15px;
	display: inline-block;
	padding: 19px 20px;
	margin-bottom: 10px;
	width: 315px;
	position: relative;
}

.input-type1 input[type="password"] {
	font-family: sans-serif !important;
}

.input-type1 input::-ms-reveal {
	display: none;
}

@media screen and (max-width:767px) {
	.input-type1 {
		width: 100%;
	}

	.input-type1 input {
		width: 100%;
		padding: 24px 20px;
	}
}

.input-type1 .input-type1:placeholder {
	color: #D2D7DA;
}

.input-text {
	font-size: 12px;
	line-height: 1.33333333333;
	margin-bottom: 10px;
}

.input-text.w315 {
	width: 315px;
}


.input-type1 .eye {
	position: absolute;
	right: 15px;
	top: 8px;
	width: 25px;
	height: 25px;
	background-image: url(../img/eye-slach.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

}

@media screen and (max-width:767px) {
	.input-type1 .eye {
		top: 13px;
	}
}

.input-type1 .eye.eye-show {
	background-image: url(../img/eye.svg);

}


header {
	z-index: 70;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
}



header.UpMove {
	-webkit-animation: UpAnime 0.3s forwards;
	animation: UpAnime 0.3s forwards;
}

@-webkit-keyframes UpAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(-100px);
	}
}

@keyframes UpAnime {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(-100px);
	}
}

header.DownMove {
	-webkit-animation: DownAnime 0.3s forwards;
	        animation: DownAnime 0.3s forwards;
}

@-webkit-keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


header .header1 {
	height: 77px;
	background: #0068B7 url("../img/bg_02.png") no-repeat left top / auto 77px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
	position: relative;
}

header .header1 .logo {
	width: 104px;
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}

header .header1 .site-title {
	position: absolute;
	left: 201px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.1em;
}

header .header1 .sub-title {
	padding: 0.1em 0.2em 0.2em;
	border-radius: 2px;
	position: absolute;
	left: 480px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.1em;
	border: solid 1px #fff;
}

header .header1 .shortcut {
	display: flex;
	text-align: center;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

header .header1 .shortcut li+li {
	margin-left: 33px;
}

header .header1 .shortcut li a {
	text-decoration: none;
	color: #fff;
}

header .header1 .shortcut li .fig {
	width: 40px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

header .header1 .shortcut li .fig img {
	width: 100%;
}

header .header1 .shortcut p {
	margin-top: 0.5em;
	font-size: 10px;
	color: #fff;
}

header .header1 .shortcut li.cart p {
	transform: translateX(0.2em);
}

@media screen and (max-width:767px) {
	header .header1 .site-title {
		left: auto;
		right: 18px;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0;
		top: 14px;
		transform: translateY(0);
	}

	header .header1 .sub-title {
		font-size: 9px;
		letter-spacing: 0;
		left: 54%;
		top: 48%;
		transform: translateY(0);
	}

	header .header1 .shortcut {
		align-items: center;
		right: 20px;
		top: 36px;
		transform: translateY(0);
	}

	header .header1 .shortcut li+li {
		margin-left: 19px;
	}

	header .header1 .shortcut li .fig {
		width: 32px;
	}

	header .menu-btn .bar-wrap {
		width: 30px;
		height: 19px;
		position: relative;
	}

	header .menu-btn .bar-wrap div {
		width: 100%;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 0;
		transition: all 0.2s ease-out;
	}

	header .menu-btn div:nth-child(2) {
		top: 50%;
	}

	header .menu-btn div:nth-child(3) {
		top: 100%;
	}

	header.menu-on .menu-btn .bar-wrap div:nth-child(2) {
		opacity: 0;
	}

	header.menu-on .menu-btn .bar-wrap div:nth-child(1) {
		top: 50%;
		transform: rotate(45deg);
	}

	header.menu-on .menu-btn .bar-wrap div:nth-child(3) {
		top: 50%;
		transform: rotate(-45deg);
	}
}

header .header2 .links a {
	text-decoration: none;
}

header .header2 .links a.type1 {
	font-size: 15px;
	font-weight: 700;
}

header .header2 .links a.type2 {
	font-size: 15px;
	font-weight: 700;
}

header .header2 .links .child a {
	white-space: nowrap;
	height: 20px;
	display: flex;
	align-items: center;
	background: url("../img/arrow_03.svg") no-repeat right center / auto 20px;
	position: relative;
}

header .header2 .links .child a:hover {
	text-decoration: underline;
}

header .header2 .links .child a.ico-win::after {
	content: "";
	width: 14px;
	height: 14px;
	background: url(../img/ico_newwin_red.svg) no-repeat 0 0 / 100% auto;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 32px;
}

@media print,
screen and (min-width:768px) {
	header .header2 {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
		padding: 12px 0 13px;
	}

	header .header2 ul {
		gap: 0 60px;
	}

	header .header2 .pc-nav {
		height: 77px;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}

	header .header2 .links {
		display: flex;
		justify-content: space-between;
	}

	header .header2 .links .parent {
		position: relative;
	}

	header .header2 .links .parent+.parent {
		margin-left: 3.5em;
	}

	header .header2 .links .parent a.type1 {
		height: 77px;
		display: flex;
		align-items: center;
	}

	header .header2 .links .parent:hover a.type1 {
		color: #E60D12;
	}

	header .header2 .links .child {
		width: 320px;
		padding: 20px 13px 20px 20px;
		background: #fff;
		position: absolute;
		left: -20px;
		top: -500px;
		z-index: 10;
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
		opacity: 0;
		transition: transform 0.3s ease-out, opacity 0.3s ease-out;
	}

	header .header2 .links .parent:hover .child {
		top: calc(100% - 20px);
		transform: translateY(6px);
		opacity: 1;
	}

	header .header2 .links .child-item+.child-item {
		margin-top: 20px;
	}

	header .header2 .links .child a:hover {
		text-decoration: underline;
	}

	header .header2 .login {
		width: 220px;
		min-height: 40px;
		padding: 0;
	}

	header .header2 .login .btn-text {
		transform: translateX(-0.7em);
	}

	header .header2 .login::after {
		right: 10px;
	}
}

@media print,
screen and (min-width:768px) and (max-width:830px) {
	header .header2 .links {
		width: 100%;
	}

	header .header2 .links .parent+.parent {
		margin-left: 0;
	}
}

@media screen and (max-width:767px) {
	header .header2 .pc-nav {
		padding: 25px 0 80px;
		background: #fff;
		height: calc(100vh - 77px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		display: none;
	}

	header .header2 .login {
		width: calc(315 / 375 * 100%);
		margin: 0 auto 30px;
	}

	header .header2 a.type1 {
		width: calc(325 / 375 * 100%);
		height: 22px;
		margin-left: calc(30 / 375 * 100%);
		font-size: 18px !important;
		font-weight: 700;
		display: flex;
		align-items: center;
		background: url("../img/arrow_01.svg") no-repeat right center / 22px auto;
	}

	header .header2 .parent a.type1 {
		margin-top: 34px;
	}

	header .header2 .child a.type2 {
		width: calc(325 / 375 * 100%);
		margin-left: calc(30 / 375 * 100%);
		margin-top: 20px;
		font-size: 15px !important;
		font-weight: 400 !important;
	}

	header .header2 .child a.type2.lv2 {
		width: calc(305 / 375 * 100%);
		margin-left: calc(50 / 375 * 100%);
	}
}


footer {
	padding: 135px 0 0;
	color: #fff;
	background: url(../img/bg_01.png) no-repeat center top;
	margin-top: auto;
}

footer a {
	color: #fff;
}

footer p {
	color: #fff;
}

footer .title {
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}

footer .links a {
	display: block;
	position: relative;
}

footer .links a.type1 {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	background: url("../img/arrow_03.svg") no-repeat right center / 22px auto;
	padding-right: 50px;
}

footer .links a.type2 {
	margin-top: 25px;
	font-size: 15px;
	background: url("../img/arrow_06.svg") no-repeat calc(100% - 7px) center / 6px auto;
}

footer .links a.lv2 {
	margin-left: 18px;
}

footer .links ul li:nth-child(n+2) {
	margin-top: 30px;
}


footer .links .ico-win::after {
	content: "";
	width: 14px;
	height: 14px;
	background: url("../img/ico_newwin_wt.svg") no-repeat 0 0 / 100% auto;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 32px;
}

footer .copyright {
	margin-top: 30px;
	border-top: solid 1px #fff;
	height: 77px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

@media print,
screen and (min-width:768px) {
	footer .links {
		display: flex;
		justify-content: space-between;
		padding: 0 20px;
	}

	footer .links>div {
		width: 325px;
	}

	footer a:hover {
		text-decoration: underline;
	}

	footer .links a.type1:hover {
		text-decoration: underline !important;
		opacity: 1;
	}
}

@media screen and (max-width:767px) {
	footer {
		padding-bottom: 18vw;
	}

	footer .links .right {
		margin-top: 30px;
	}

	footer .copyright {
		height: 98px;
		font-size: 12px;
		line-height: 1.41;
		text-align: center;
	}
}


@media screen and (max-width:767px) {
	#bottom-fix-nav {
		width: 100%;
		height: calc(80 / 375 * 100vw);
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 50;
		background: url("../img/bg_04.svg") no-repeat center bottom / 100% auto;
	}

	#bottom-fix-nav ul {
		height: 100%;
		display: flex;
		justify-content: center;
		position: relative;
		z-index: 4;
	}

	#bottom-fix-nav ul li {
		width: calc(75 / 375 * 100%);
		height: 100%;
	}

	#bottom-fix-nav ul li a {
		padding-top: calc(54 / 375 * 100vw);
		display: block;
		text-align: center;
		font-size: calc(12 / 375 * 100vw);
		text-decoration: none;
		line-height: calc(14 / 12);
		font-weight: 700;
	}

	#bottom-fix-nav ul li.home a {
		background: url("../img/ico_bottomnav_01.svg") no-repeat center 4.66vw / 7.8vw auto;
	}

	#bottom-fix-nav ul li.buy a {
		background: url("../img/ico_bottomnav_02.svg") no-repeat center 4.66vw / 11.73vw auto;
	}

	#bottom-fix-nav ul li.reserve a {
		padding-top: calc(48 / 375 * 100vw);
		background: url("../img/ico_bottomnav_03.svg") no-repeat center 4.66vw / 9.6vw auto;
	}

	#bottom-fix-nav ul li.myticket a {
		background: url("../img/ico_bottomnav_04.svg") no-repeat center 4.66vw / 6.0vw auto;
	}

	#bottom-fix-nav ul li.news a {
		background: url("../img/ico_bottomnav_05.svg") no-repeat center 4.66vw / 7.6vw auto;
	}
}

.pageID-top {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}



.pageID-top .slick-slider * {
	outline: none;
}

.pageID-top .slick-dots {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.pageID-top .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background: #D2D7DA;
	overflow: hidden;
	cursor: pointer;
}

.pageID-top .slick-dots li.slick-active {
	background: #E60D12;
}

.pageID-top .slick-dots li button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.pageID-top .slick-arrow {
	width: 22px;
	height: 22px;
	background: url("../img/arrow_01.svg") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: calc((100% - 30px) / 2 - 11px);
	z-index: 50;
	overflow: hidden;
	color: transparent;
	font-size: 1px;
	border: none;
	cursor: pointer;
}

.pageID-top .slick-arrow.slick-prev {
	left: 20px;
	transform: rotate(180deg);
}

.pageID-top .slick-arrow.slick-next {
	right: 20px;
}

.pageID-top .lead p {
	margin-top: 1.2em;
	font-size: 18px;
	line-height: 2;
}

.pageID-top #buy {
	margin-top: 50px;
}

.pageID-top #buy .basic-btn.type2 {
	min-height: 120px;
	margin: 30px auto 0;
}

.pageID-top #buy .links {
	margin-top: 30px;
}

.pageID-top #buy .links li {
	font-size: 15px;
}

.pageID-top #buy .links li+li {
	margin-top: 1em;
}

.pageID-top .note-text {
	margin-top: 0.7em;
}

.pageID-top .hr-type1 {
	margin: 30px 0 35px;
}

.pageID-top #regist .lead {
	font-size: 18px;
	margin-top: 1.2em;
}

@media print,
screen and (min-width:768px) {
	.pageID-top #first-view {
		overflow: hidden;
	}

	.pageID-top .slide-wrap {
		width: calc(630 / 1000 * 100%);
		margin: 0 auto;
		padding-top: 30px;
	}

	.pageID-top .main-slide * {
		overflow: visible;
	}

	.pageID-top .main-slide .item {
		width: 100%;
		display: block;
		padding: 0 15px;
	}

	.pageID-top .main-slide .item img {
		width: 100%;
	}

	.pageID-top .slick-arrow.slick-prev {
		left: calc(50% - 50vw + 30px);
	}

	.pageID-top .slick-arrow.slick-next {
		right: calc(50% - 50vw + 30px);
	}
}

@media screen and (max-width:767px) {
	.pageID-top .slick-dots {
		width: 100%;
		margin-top: 0;
		position: absolute;
		left: 0;
		bottom: 10px;
	}

	.pageID-top .slick-arrow {
		top: calc(50% - 11px);
	}

	.pageID-top .lead p {
		margin-top: 0.8em;
	}

	.pageID-top #buy .basic-btn.type2 {
		width: 315px;
		min-height: 80px;
	}

	.pageID-top #buy .links {
		margin-top: 25px;
	}

	.pageID-top #regist .lead {
		margin-top: 0.7em;
		line-height: 2;
	}
}


.pageID-top #ticket .lead {
	font-size: 12px;
	margin-top: 1.5em;
}

.pageID-top #ticket .tickets-wrap1 {
	width: 100%;
	margin-top: 19px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.pageID-top #ticket .tickets {
	display: flex;
	justify-content: center;
}

.pageID-top #ticket .tickets li {
	width: 323px;
	padding: 29px 29px 20px;
	background: #f1f3f4;
	position: relative;
}

.pageID-top #ticket .tickets li+li {
	margin-left: 8px;
}

.pageID-top #ticket .tickets li .date {
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	background: #0068B7;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 10px;
}

.pageID-top #ticket .tickets li .type {
	font-size: 18px;
	font-weight: 700;
}

.pageID-top #ticket .tickets li .age {
	margin-top: 0.7em;
	font-size: 15px;
}

.pageID-top #ticket .tickets li img {
	margin-top: 16px;
}

.pageID-top #ticket .tickets li .id {
	margin-top: 1em;
	font-size: 15px;
}

.pageID-top #ticket .no-ticket {
	width: 324px;
	height: 288px;
	padding-top: 45px;
	margin: 0 auto;
	background: #f1f3f4 url("../img/bg_05.svg") no-repeat center 122px / 140px auto;
}

.pageID-top #ticket .no-ticket p {
	font-size: 15px;
}

.pageID-top #ticket .link1 {
	margin-top: 15px;
	font-size: 12px;
}

.pageID-top #ticket .link2 {
	margin-top: 20px;
	font-size: 15px;
}

@media print,
screen and (min-width:945px) {
	.pageID-top #ticket .tickets-wrap0.left-margin {
		margin-left: calc((100% - 880px) / 2);
	}
}

@media print,
screen and (min-width:768px) and (max-width:944px) {
	.pageID-top #ticket .tickets-wrap0 {
		margin-left: 2%;
	}
}

@media screen and (max-width:767px) {
	.pageID-top #ticket .tickets-wrap0.sp-box-width {
		margin-left: 8%;
	}

	.pageID-top #ticket .tickets-wrap0.sp-box-width .tickets {
		padding-right: 8%;
	}

	.pageID-top #ticket .no-ticket {
		width: 100%;
		max-width: 324px;
	}
}


.pageID-top #news .news {
	margin-top: 16px;
	border-top: solid 2px #222426;
}

.pageID-top #news .news li {
	border-bottom: solid 1px #D2D7DA;
}

.pageID-top #news .news li a {
	padding: 22px 35px 15px 10px;
	display: block;
	background: url(../img/arrow_01.svg) no-repeat 100% center / 22px auto;
	text-decoration: none;
}

.pageID-top #news .news p {
	font-size: 15px;
}

.pageID-top #news .news .title {
	margin-top: 0.5em;
	line-height: 2;
}

.pageID-top #news .to-list {
	margin-top: 30px;
}

@media print,
screen and (min-width:768px) {
	.pageID-top #news .news li a:hover {
		text-decoration: underline;
	}
}

.pageID-buy01 #tickets {
	margin-top: 30px;
	border-top: solid 2px #222426;
}

.pageID-buy01 #tickets .item {
	padding: 20px 0;
	border-bottom: solid 1px #D2D7DA;
}

.pageID-buy01 #tickets .item .acc-trigger {
	position: relative;
	cursor: pointer;
}

.pageID-buy01 #tickets .item.sold-out .acc-trigger {
	cursor: default;
}

.pageID-buy01 #tickets .item .acc-trigger::after {
	width: 22px;
	height: 22px;
	content: "";
	display: block;
	background: url("../img/arrow_01.svg") no-repeat 0 0 / 100% auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	transition: transform 0.3s ease-out;
}

.pageID-buy01 #tickets .item .acc-trigger.on::after {
	transform: translateY(-50%) rotate(90deg) rotateY(180deg);
}

.pageID-buy01 #tickets .item.sold-out .acc-trigger::after {
	background-image: url("../img/arrow_02.svg");
}

.pageID-buy01 #tickets .item .acc-trigger .type {
	margin-bottom: 0.8em;
	font-size: 18px;
	font-weight: 700;
}

.pageID-buy01 #tickets .item .acc-trigger .col2 {
	padding-left: 10px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pageID-buy01 #tickets .item .acc-trigger .col2 .texts {
	width: calc(100% - 160px);
}

.pageID-buy01 #tickets .item .acc-trigger .col2 .texts .status {
	width: 100px;
	height: 30px;
	border-radius: 15px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageID-buy01 #tickets .item .acc-trigger .col2 .texts .status.active {
	background: #0068B7;
}

.pageID-buy01 #tickets .item .acc-trigger .col2 .texts .status.sold {
	background: #D2D7DA;
	color: #222426;
}

.pageID-buy01 #tickets .item .acc-trigger .col2 .texts .status.few {
	background: #E60D12;
}

.pageID-buy01 #tickets .item .acc-trigger .col2 .texts .desc {
	margin: 0.7em 28px 0 0;
	font-size: 15px;
	line-height: 1.6;
}

.pageID-buy01 .buttons .group2 {
	margin-top: 30px;
	text-align: center;
}

.pageID-buy01 .buttons .group2 li {
	font-size: 15px;
}

.pageID-buy01 .buttons .group2 li+li {
	margin-top: 1em;
}

@media print,
screen and (min-width:768px) {
	.pageID-buy01 .buttons .group1 {
		margin-top: 30px;
		display: flex;
		justify-content: center;
		flex-direction: row-reverse;
	}

	.pageID-buy01 .buttons .group1 li+li {
		margin-right: 20px;
	}

	.pageID-buy01 .buttons .group1 a.basic-btn {
		height: 80px;
	}
}

@media screen and (max-width:767px) {
	.pageID-buy01 .buttons .group1 {
		margin-top: 30px;
	}

	.pageID-buy01 .buttons .group1 a.basic-btn.type3 {
		margin-top: 30px;
	}
}


.pageID-buy01 #tickets .item .acc-target {
	display: none;
}

.pageID-buy01 #tickets .item .target-inner {
	padding-bottom: 10px;
}

.pageID-buy01 #tickets .item .acc-target .box-gray p {
	font-size: 15px;
	line-height: 1.6;
}

.pageID-buy01 #tickets .item .acc-target .title {
	margin: 1.3em 0;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.pageID-buy01 #tickets .item .acc-target .generation li+li {
	margin-top: 30px;
}

.pageID-buy01 #tickets .item .acc-target .generation .left {
	padding-left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pageID-buy01 #tickets .item .acc-target .generation .texts {
	width: 132px;
}

.pageID-buy01 #tickets .item .acc-target .generation .gnr {
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
	text-align: right;
}

.pageID-buy01 #tickets .item .acc-target .generation .price {
	margin-top: 0.6em;
	font-size: 15px;
	text-align: right;
}

.pageID-buy01 #tickets .item .acc-target .generation .num {
	display: flex;
	align-items: center;
}

.pageID-buy01 #tickets .item .acc-target .generation .num img {
	cursor: pointer;
}

.pageID-buy01 #tickets .item .acc-target .generation .num input {
	width: 80px;
	height: 50px;
	margin: 0 10px;
	border-radius: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 1px #222426;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5) inset;
	text-align: center;
	font-size: 24px;
	font-family: 'quicksand';
	font-weight: 700;
}

.pageID-buy01 #tickets .item .acc-target .generation .num input:disabled {
	opacity: 1;
}

.pageID-buy01 #tickets .item .acc-target .generation .note-box {
	padding: 8px 20px;
	background: #f1f3f4;
}

.pageID-buy01 #tickets .item .acc-target .generation .note-box p {
	font-size: 15px;
	line-height: 1.6;
}

.pageID-buy01 #tickets .item .acc-target .sum {
	height: 50px;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fde6e6;
}

.pageID-buy01 #tickets .item .acc-target .sum p {
	font-size: 15px;
	font-weight: 700;
}

.pageID-buy01 #tickets .item .acc-target .basic-btn.type2 {
	width: 100%;
	min-height: 50px;
}

.pageID-buy01 #tickets .item .acc-target .basic-btn.type2::before {
	content: "";
	width: 30px;
	height: 29px;
	background: url("../img/ico_cart.svg") no-repeat 0 0 / 100% auto;
	position: absolute;
	left: 15px;
	top: 11px;
}

@media print,
screen and (min-width:768px) {
	.pageID-buy01 #tickets .item .acc-target .generation {
		max-width: 765px;
		margin: 0 auto;
	}

	.pageID-buy01 #tickets .item .acc-target .generation li {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.pageID-buy01 #tickets .item .acc-target .generation li .left {
		width: 335px;
	}

	.pageID-buy01 #tickets .item .acc-target .generation li .right {
		width: calc(100% - 365px);
	}
}

@media screen and (max-width:767px) {
	.pageID-buy01 #tickets .item .acc-target .title {
		margin: 0.9em 0 1.2em;
	}

	.pageID-buy01 #tickets .item .acc-target .generation .note-box {
		margin-top: 10px;
	}
}


.pageID-buy01 #modal-cont .title {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.45;
}

.pageID-buy01 #modal-cont .buttons {
	margin-top: 30px;
}

.pageID-buy01 #modal-cont .sum {
	padding-top: 140px;
	background: url("../img/ico_cart_bk.svg") no-repeat center 30px / 80px auto;
}

.pageID-buy01 #modal-cont .sum p {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
}

.pageID-buy01 #modal-cont .buttons li .basic-btn {
	min-height: 50px;
}

@media print,
screen and (min-width:768px) {
	.pageID-buy01 #modal-cont .buttons {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.pageID-buy01 #modal-cont .buttons li {
		width: calc(315 / 650 * 100%);
	}

	.pageID-buy01 #modal-cont .buttons li .basic-btn {
		width: 100%;
	}
}

@media screen and (max-width:767px) {
	.pageID-buy01 #modal-cont .buttons li+li {
		margin-top: 20px;
	}
}


.pageType-cart #tickets {
	margin-top: 30px;
	border-top: solid 2px #222426;
}

.pageType-cart #tickets .item {
	padding: 25px 0 30px;
	border-bottom: solid 2px #222426;
}

.pageType-cart #tickets .type {
	margin-bottom: 0.8em;
	font-size: 18px;
	font-weight: 700;
}

.pageType-cart #tickets .col3 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pageType-cart #tickets .col3 .texts .desc {
	margin: 0 28px 0 0;
	font-size: 15px;
	line-height: 1.6;
}

.pageType-cart #tickets .detail {
	text-align: right;
}

.pageType-cart #tickets .detail .set {
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.pageType-cart #tickets .detail .label {
	text-align: right;
}

.pageType-cart #tickets .detail .label .gnr {
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
}

.pageType-cart #tickets .detail .label .price {
	margin-top: 0.6em;
	font-size: 15px;
}

.pageType-cart #tickets .detail .conf-price {
	margin-left: 20px;
	font-size: 15px;
}

.pageType-cart #tickets .detail .conf-count {
	margin-left: 20px;
	font-size: 15px;
	font-weight: 700;
}

.pageType-cart #tickets .detail .input {
	margin: 0 15px 0 19px;
	font-size: 15px;
	display: flex;
	align-items: center;
}

.pageType-cart #tickets .detail .input input {
	width: 90px;
	height: 50px;
	margin-right: 10px;
	border-radius: 25px;
	background: #f2f3f4;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'quicksand';
	font-weight: 700;
	font-size: 24px;
	text-align: center;
}

.pageType-cart #tickets .detail .input input:disabled {
	opacity: 1;
}

.pageType-cart #tickets .detail .delete {
	width: 60px;
	height: 40px;
	font-size: 16px;
	font-weight: 700;
	border: solid 2px #222426;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.pageType-cart #tickets .detail .basic-btn {
	display: inline-flex;
}

.pageType-cart #tickets .item .sum {
	height: 50px;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fde6e6;
}

.pageType-cart #tickets .item .sum p {
	font-size: 15px;
	font-weight: 700;
}

.pageType-cart .all-sum {
	margin-top: 30px;
	text-align: center;
}

.pageType-cart .all-sum .text-wrap {
	display: inline-block;
	text-align: left;
}

.pageType-cart .all-sum p {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}

.pageType-cart #conf-area {
	margin-top: 30px;
}

@media print,
screen and (min-width:768px) {
	.pageType-cart #tickets .col3 .fig-ticket {
		width: 141px;
		margin-left: 10px;
	}

	.pageType-cart #tickets .col3 .texts {
		width: calc(100% - 170px - 350px);
	}
}

@media screen and (max-width:767px) {
	.pageType-cart #tickets .col3 {
		flex-wrap: wrap;
	}

	.pageType-cart #tickets .col3 .texts {
		width: calc(100% - 160px);
	}

	.pageType-cart #tickets .col3 .detail {
		width: 100%;
		margin-top: 24px;
		padding-top: 20px;
		border-top: solid 1px #D2D7DA;
	}

	.pageType-cart #tickets .detail .set.sp-center {
		justify-content: center;
	}

	.pageType-cart #tickets .detail .set.sp-center .label {
		width: 9em;
		text-align: left;
	}

	.pageType-cart #tickets .item .sum {
		margin-top: 20px;
	}
}


.pageType-cart #payment {
	margin-top: 55px;
}

.pageType-cart #payment .lead {
	margin: 1em 0 1.3em;
	text-align: center;
	font-size: 15px;
	line-height: 1.6;
}

.pageType-cart #payment .payments {
	border-top: solid 2px #222426;
	border-bottom: solid 2px #222426;
}

.pageType-cart #payment .payments li {
	padding: 20px 0;
	text-align: center;
}

.pageType-cart #payment .payments li+li {
	border-top: solid 1px #D2D7DA;
}

.pageType-cart #payment .payments .center {
	width: 620px;
	display: inline-block;
	text-align: left;
}

.pageType-cart #payment .payments p {
	margin: 0.4em 0 0 35px;
	font-size: 15px;
	line-height: 1.6;
}

@media screen and (max-width:767px) {
	.pageType-cart #payment .lead {
		margin-bottom: 0.5em;
		text-align: left;
	}

	.pageType-cart #payment .payments li {
		padding-left: 10px;
	}

	.pageType-cart #payment .payments .center {
		width: 100%;
	}
}


.pageType-cart #must {
	margin-top: 55px;
	text-align: center;
}

.pageType-cart #must .note-box {
	height: 228px;
	overflow: hidden;
	padding: 20px;
	margin-top: 25px;
	border: solid 1px #000000;
	border-radius: 25px;
	text-align: left;
}

.pageType-cart #must .note-box .text-wrap {
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	word-break: break-all;
}

.pageType-cart #must .note-box p {
	font-size: 14px;
	line-height: 1.71;
}

.pageType-cart #must .note-box p+p {
	margin-top: 1em;
}

.pageType-cart #must .note-desc {
	margin: 1.2em 0 28px;
	text-align: center;
	font-size: 15px;
	line-height: 1.6;
}

.pageType-cart #must .box-gray {
	margin-top: 30px;
}

.pageType-cart #must .box-gray p {
	margin-bottom: 1.3em;
	font-size: 15px;
	line-height: 1.6;
}

@media screen and (max-width:767px) {
	.pageType-cart #must .note-desc {
		padding: 0 0.6em;
		text-align: left;
	}

	.pageType-cart #must .box-gray p {
		text-align: left;
	}
}


.pageID-cartConf #tickets .col3 {
	align-items: center;
}

.pageID-cartConf #tickets .conf-texts-box {
	width: calc(100% - 200px);
}

.pageID-cartConf #tickets .conf-texts-box .age {
	font-size: 15px;
	font-weight: 700;
}

.pageID-cartConf #tickets .conf-texts-box .price {
	font-size: 15px;
}

@media print,
screen and (min-width:768px) {
	.pageID-cartConf #tickets .conf-texts-box {
		display: flex;
		align-items: center;
	}

	.pageID-cartConf #tickets .conf-texts-box .type {
		margin-bottom: 0;
	}

	.pageID-cartConf #tickets .conf-texts-box p+p {
		margin-left: 20px;
	}
}

@media screen and (max-width:767px) {
	.pageID-cartConf #tickets .conf-texts-box {
		width: calc(100% - 173px);
	}

	.pageID-cartConf #tickets .conf-texts-box .price {
		margin-top: 0.6em;
	}
}


.pageID-cartEnd #conf-area {
	margin-top: 30px;
}

.pageID-cartEnd #conf-area2 {
	margin-top: 50px;
}

.pageID-cartEnd .detail {
	margin-top: 30px;
	text-align: center;
}

.pageID-cartEnd .detail dl {
	border-top: solid 2px #222426;
	border-bottom: solid 2px #222426;
}

.pageID-cartEnd .detail dt {
	padding-top: 20px;
	font-size: 15px;
}

.pageID-cartEnd .detail dd {
	margin-top: 0.6em;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	word-break: break-all;
}

.pageID-cartEnd .detail dd+dt {
	border-top: solid 1px #D2D7DA;
}

.pageID-cartEnd .detail dd .small {
	font-size: 15px;
}

.pageID-cartEnd .detail dd .weight-normal {
	font-weight: normal;
}

.pageID-cartEnd .detail dd .box-gray {
	padding: 12px 15px;
}

.pageID-cartEnd .detail dd .box-gray p {
	font-size: 15px;
	line-height: 2;
	text-align: left;
}

.pageID-cartEnd .detail dd .box-gray p+p {
	margin-top: 0.7em;
}

.pageID-cartEnd .detail .desc {
	margin-top: 30px;
	font-size: 18px;
	line-height: 2;
}

.pageID-cartEnd .to-top .basic-btn {
	margin: 30px auto 0;
}

.pageID-cartEnd .flow {
	margin-top: 2em;
	font-size: 15px;
	text-align: center;
}


.pageType-code .lead-type1 {
	padding-top: 50px;
}

.pageType-code .box-gray p {
	font-size: 15px;
	line-height: calc(24 / 15);
}

.pageType-code .code {
	width: 315px;
	max-width: 100%;
	margin: 50px auto 0;
}

.pageType-code .box-gray+.code {
	margin-top: 30px;
}

.pageType-code .code p {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 0.8em;
}

.pageType-code .code input {
	width: 315px;
	max-width: 100%;
	height: 50px;
	padding: 0 20px;
	border-radius: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 1px #222426;
	box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 50%) inset;
	font-size: 16px;
	font-family: 'quicksand';
	font-weight: 400;
	outline: none;
	text-align: left;
}

.pageType-code .btn-wrap-type1 {
	margin-top: 50px;
}

@media screen and (max-width:767px) {
	.pageType-code .box-gray p {
		font-size: 18px;
		line-height: 2;
		text-align: center;
	}

	.pageType-code .code {
		margin-top: 30px;
	}
}


.pageID-partnerCode h1 {
	padding-top: 3em;
	font-size: 18px;
	text-align: center;
	line-height: 2;
	font-weight: 700;
}

@media screen and (max-width:767px) {
	.pageID-partnerCode h1 {
		padding-top: 1.5em;
	}
}


.pageID-myticket .btn-wrap-type1 .note-text {
	margin-top: 0.7em;
	text-align: center;
}

@media screen and (max-width:767px) {
	.pageID-myticket .btn-wrap-type1 .note-text.sp-mt-large {
		margin-top: 1.6em;
	}
}

.pageID-myticketDetail main .type {
	padding: 0.4em 0 0.9em;
}

.pageID-myticketDetail #ticket {
	padding: 17px 0 20px;
	border-top: solid 2px #222426;
	border-bottom: solid 1px #D2D7DA;
}

.pageID-myticketDetail #ticket .age {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
}

.pageID-myticketDetail #ticket .col3 {
	margin-top: 20px;
}

.pageID-myticketDetail #ticket .col2 {
	display: flex;
	justify-content: space-between;
}

.pageID-myticketDetail #ticket .col2 .texts .desc {
	font-size: 15px;
	line-height: calc(24 / 15);
}

.pageID-myticketDetail #ticket .note p {
	font-size: 15px;
	line-height: calc(24 / 15);
}

.pageID-myticketDetail #ticket .detail .text-group p {
	font-size: 15px;
	line-height: calc(25 / 15);
}

.pageID-myticketDetail #ticket .detail .text-group .label {
	width: 7em;
	text-align: right;
	display: inline-block;
}

.pageID-myticketDetail #ticket .detail .meisai {
	margin-top: 1.7em;
	font-size: 12px;
	text-align: center;
}

@media print,
screen and (min-width:768px) {
	.pageID-myticketDetail #ticket .col3 {
		display: flex;
		justify-content: space-between;
	}

	.pageID-myticketDetail #ticket .group1 {
		width: calc(100% - 260px);
		max-width: 555px;
	}

	.pageID-myticketDetail #ticket .col2 .fig-ticket {
		width: 141px;
		margin-left: 10px;
	}

	.pageID-myticketDetail #ticket .col2 .texts {
		width: calc(100% - 151px - 15px);
	}

	.pageID-myticketDetail #ticket .detail {
		width: 240px;
	}

	.pageID-myticketDetail #ticket .detail .meisai a:hover {
		opacity: 0.6;
	}
}

@media screen and (max-width:767px) {
	.pageID-myticketDetail #ticket .col3 {
		text-align: center;
	}

	.pageID-myticketDetail #ticket .group1 {
		text-align: left;
	}

	.pageID-myticketDetail #ticket .col2 .texts {
		width: calc(100% - 160px);
	}

	.pageID-myticketDetail #ticket .box-gray {
		margin-top: 20px;
	}

	.pageID-myticketDetail #ticket .detail {
		margin-top: 20px;
		display: inline-block;
		text-align: left;
	}
}


@media print,
screen and (min-width:768px) {
	.pageID-myticketSend .to-send-upper {
		margin-top: 25px;
	}

	.pageID-myticketSend .basic-btn.to-send,
	.pageID-myticketSend .basic-btn.to-list {
		height: 80px;
	}

	.pageID-myticketSend .sort-btn-wrap {
		margin-top: 30px;
	}

	.pageID-myticketSend .select-all {
		margin-top: -24px;
	}
}

@media screen and (max-width:767px) {
	.pageID-myticketSend .to-send-upper {
		max-width: 315px;
		margin: 17px auto 0;
	}

	.pageID-myticketSend .sort-btn-wrap {
		margin-top: 20px;
	}

	.pageID-myticketSend .select-all {
		margin-top: 30px;
	}

	.pageID-myticketSend .btn-wrap-type1.sp-bottom-mt {
		margin-top: 20px;
	}
}


.pageID-myticketSendConf .tickets-title-block {
	margin-top: 30px;
	text-align: center;
}

.pageID-myticketSendConf .tickets-title-block .desc {
	margin-top: 1.2em;
	font-size: 15px;
}


.pageID-myticketSendHistory .tickets {
	margin-top: 22px;
	border-top: solid 2px #222426;
}

.pageID-myticketSendHistory .tickets li {
	border-bottom: solid 1px #D2D7DA;
}

.pageID-myticketSendHistory .tickets .group1 {
	padding: 10px 0;
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;
	transition: background 0.2s ease-out;
}

.pageID-myticketSendHistory .tickets .group1::after {
	width: 22px;
	height: 22px;
	content: "";
	display: block;
	background: url(../img/arrow_01.svg) no-repeat 0 0 / 100% auto;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.pageID-myticketSendHistory .tickets .group2 {
	text-align: left;
	display: inline-block;
}

.pageID-myticketSendHistory .tickets p {
	width: 20em;
	font-size: 15px;
	line-height: 2;
}

.pageID-myticketSendHistory .tickets .label {
	width: 7em;
	font-weight: 700;
	display: inline-block;
	text-align: right;
}

@media print,
screen and (min-width:768px) {
	.pageID-myticketSendHistory .tickets .group1:hover {
		background: #FBE7E7;
	}
}


.pageID-myticketSendHistoryDetail .tickets-title-block {
	padding-top: 23px;
}


.pageID-myticketSendHistoryDetail2 .lead-block {
	text-align: center;
}

.pageID-myticketSendHistoryDetail2 .lead-block .url {
	width: auto;
	height: 50px;
	padding: 0 20px;
	margin-top: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border-radius: 25px;
	border: solid 1px #222426;
	box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 50%) inset;
	text-align: left;
	font-family: 'quicksand';
	outline: none;
}

.pageID-myticketSendHistoryDetail2 .lead-block .desc {
	margin: 1.4em 0;
	font-size: 15px;
	line-height: calc(24 / 15);
}

.pageID-myticketSendHistoryDetail2 .lead-block .message {
	margin-top: 2em;
	font-size: 18px;
	font-weight: 500;
}

@media print,
screen and (min-width:768px) {
	.pageID-myticketSendHistoryDetail2 .lead-block .basic-btn {
		margin: 0 auto;
	}
}

@media screen and (max-width:767px) {
	.pageID-myticketSendHistoryDetail2 .lead-block .url {
		word-break: break-all;
	}

	.pageID-myticketSendHistoryDetail2 .lead-block .desc {
		text-align: left;
	}

	.pageID-myticketSendHistoryDetail2 .btn-wrap-type1+.btn-wrap-type1 {
		margin-top: 20px;
	}
}



.pageID-myticketSendHistoryCancelConf .lead-type1 {
	margin-bottom: 1.9em;
}



.pageID-myticketGet main hr {
	margin: 30px 0 28px;
}

.pageID-myticketGet main .basic-btn.btn2 {
	min-height: 80px;
}

.pageID-myticketGet main .basic-btn.btn2::before {
	width: 14px;
	height: 14px;
	content: "";
	display: block;
	background: url("../img/ico_newwin_wt.svg") no-repeat 0 0 / 100% auto;
	position: absolute;
	top: 50%;
	right: 38px;
	transform: translateY(-50%);
}

.pageID-myticketGet main .basic-btn.btn2 .btn-text {
	transform: translateX(-0.5em);
}

.pageID-myticketGet main .note-text {
	margin-top: 1.7em;
	text-align: center;
}

@media screen and (max-width:767px) {
	.pageID-myticketGet main .lead1 {
		text-align: left;
	}
}



.pageID-myticketGetEndErr1 main .code {
	margin-bottom: 1.5em;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

.pageID-myticketGetEndErr1 main .desc {
	padding: 1.4em 0 0.4em;
	font-size: 15px;
	line-height: calc(24 / 15);
	text-align: center;
}

.pageID-myticketGetEndErr1 main .contact {
	margin-top: 50px;
}

.pageID-myticketGetEndErr1 main .contact-title {
	font-size: 18px;
	font-weight: 700;
}

.pageID-myticketGetEndErr1 main .contact-desc p {
	margin-top: 1.3em;
	font-size: 15px;
	line-height: calc(24 / 15);
}

@media screen and (max-width:767px) {
	.pageID-myticketGetEndErr1 main .desc {
		text-align: left;
	}
}



.pageID-myticketAdd .input-wrap {
	margin-top: 27px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pageID-myticketAdd .input-wrap .btn {
	width: 60px;
	height: 40px;
	margin-left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	background: #222426;
	color: #fff;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
}

.pageID-myticketAdd .tickets-title-block {
	margin-top: 35px;
	text-align: center;
}

.pageID-myticketAdd .tickets-title-block .desc {
	margin-top: 1.2em;
	font-size: 18px;
}

@media print,
screen and (min-width:768px) {
	.pageID-myticketAdd .input-wrap .btn:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width:767px) {
	.pageID-myticketAdd .btn-wrap-type1+.btn-wrap-type1 {
		margin-top: 20px;
	}
}

@media screen and (max-width:374px) {
	.pageID-myticketAdd .input-wrap .input-type1 {
		width: calc(100% - 75px);
	}
}



.pageID-myticketAddConf .tickets-title-block {
	margin-top: 35px;
	text-align: center;
}

.pageID-myticketAddConf .tickets-title-block .desc {
	margin-top: 1.2em;
	font-size: 18px;
}



@media print,
screen and (min-width:768px) {
	.pageID-myticketAddEnd .btn-wrap-type1.pc-height-fix .basic-btn {
		min-height: 74px;
	}
}

@media screen and (max-width:767px) {
	.pageID-myticketAddEnd .btn-wrap-type1+.btn-wrap-type1 {
		margin-top: 20px;
	}
}


.pageID-myticketAddErr1 .message {
	margin: 30px 0;
	padding: 18px 0 23px;
	border-top: solid 1px #D2D7DA;
	border-bottom: solid 1px #D2D7DA;
	text-align: center;
}

.pageID-myticketAddErr1 .message p {
	font-size: 18px;
}

.pageID-myticketAddErr1 .message .desc {
	font-weight: 700;
	line-height: calc(36 / 18);
}

.pageID-myticketAddErr1 .message .id {
	margin-top: 1.1em;
}

.pageID-myticketAddErr1 .message .type {
	margin-top: 1em;
}

@media print,
screen and (min-width:768px) {
	.pageID-myticketAddErr1 .btn-wrap-type1.pc-height-fix .basic-btn {
		min-height: 74px;
	}
}



@media print,
screen and (min-width:768px) {
	.pageID-promotionCart .btn-area {
		width: 651px;
		margin: 0 auto;
	}

	.pageID-promotionCart .btn-area .to-conf {
		width: 100%;
	}

	.pageID-promotionCart .btn-area .to-conf .basic-btn {
		width: 100%;
		min-height: 80px;
	}

	.pageID-promotionCart .btn-area .no-code .basic-btn .btn-text {
		transform: translateX(-0.9em);
	}
}

@media screen and (max-width:767px) {
	.pageID-promotionCart .btn-area .to-conf a {
		min-height: 80px;
	}

	.pageID-promotionCart .btn-area .no-code .basic-btn .btn-text {
		transform: translateX(-0.7em);
	}
}



.pageID-cartConfPrmt .headline-sub {
	margin-top: 0.6em;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.1em;
}

.pageID-cartConfPrmt.pageType-cart #tickets {
	margin-top: 25px;
}

.pageID-cartConfPrmt #tickets .col3 {
	align-items: center;
}

.pageID-cartConfPrmt #tickets .conf-texts-box {
	width: auto;
	margin: 0 10px;
}

.pageID-cartConfPrmt #tickets .prom-code-area {
	width: 316px;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .input input {
	width: 240px;
	height: 50px;
	padding: 0 20px;
	font-size: 16px;
	border-radius: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 1px #222426;
	box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 50%) inset;
	text-align: left;
	font-family: 'quicksand';
	letter-spacing: 0.06em;
	outline: none;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .input input:placeholder {
	color: #D2D7DA;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .input input:disabled {
	box-shadow: none;
	border-color: #f7f8f8;
	background: #fff;
	opacity: 1;
}

.pageID-cartConfPrmt #tickets .prom-code-area.cancel .group1 .input input {
	box-shadow: none;
	border-color: #D2D7DA;
}

.pageID-cartConfPrmt #tickets .prom-code-area.error .group1 .input input {
	color: #E60D12;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .btn {
	margin-left: 15px;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .btn a {
	text-decoration: none;
	width: 60px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .btn a {
	background: #222426;
	color: #fff;
}

.pageID-cartConfPrmt #tickets .prom-code-area .group1 .btn.disabled a {
	background: #d2d7da;
	cursor: default;
}

.pageID-cartConfPrmt #tickets .prom-code-area.cancel .group1 .btn a {
	background: #fff;
	border: solid 2px #000000;
	color: #000;
}

.pageID-cartConfPrmt #tickets .prom-code-area .code-text {
	margin-top: 1em;
	font-size: 12px;
}

.pageID-cartConfPrmt #tickets .prom-code-area.error .code-text {
	color: #E60D12;
}

.pageID-cartConfPrmt #tickets .conf-texts-box .age {
	font-size: 15px;
	font-weight: 700;
}

.pageID-cartConfPrmt #tickets .conf-texts-box .price {
	font-size: 15px;
}

.pageID-cartConfPrmt .all-sum-prom {
	margin: 30px auto 0;
	text-align: center;
}

.pageID-cartConfPrmt .all-sum-prom .label {
	display: inline-block;
	width: 50%;
	text-align: right;
}

.pageID-cartConfPrmt .all-sum-prom .val {
	display: inline-block;
	width: 50%;
	text-align: left;
}

.pageID-cartConfPrmt .all-sum-prom p:not(.note) {
	display: flex;
}

.pageID-cartConfPrmt .all-sum-prom .subtotal p {
	font-size: 18px;
}

.pageID-cartConfPrmt .all-sum-prom .subtotal p+p {
	margin-top: 0.7em;
}

.pageID-cartConfPrmt .all-sum-prom .total p {
	margin-top: 1.1em;
	font-size: 20px;
	font-weight: 700;
}

.pageID-cartConfPrmt .all-sum-prom p.note {
	margin-top: 1em;
	font-size: 15px;
}

@media print,
screen and (min-width:768px) {
	.pageID-cartConfPrmt #tickets .conf-texts-box {
		display: flex;
		align-items: center;
	}

	.pageID-cartConfPrmt #tickets .conf-texts-box .type {
		margin-bottom: 0;
	}

	.pageID-cartConfPrmt #tickets .conf-texts-box p+p {
		margin-left: 20px;
	}
}

@media screen and (max-width:767px) {
	.pageID-cartConfPrmt.pageID-cartConfPrmt #tickets .col3 {
		max-width: 316px;
		margin-left: auto;
		margin-right: auto;
	}

	.pageID-cartConfPrmt #tickets .conf-texts-box {
		width: calc(100% - 173px);
		margin: 0;
	}

	.pageID-cartConfPrmt #tickets .conf-texts-box .price {
		margin-top: 0.6em;
	}

	.pageID-cartConfPrmt #tickets .prom-code-area {
		width: 100%;
	}

	.pageID-cartConfPrmt #tickets .prom-code-area .group1 {
		margin-top: 20px;
		justify-content: center;
	}
}


.pageID-cartEndProm #conf-area {
	margin-top: 30px;
}

.pageID-cartEndProm #conf-area2 {
	margin-top: 50px;
}

.pageID-cartEndProm .detail {
	margin-top: 30px;
	text-align: center;
}

.pageID-cartEndProm .detail dl {
	border-top: solid 2px #222426;
	border-bottom: solid 2px #222426;
}

.pageID-cartEndProm .detail dt {
	padding-top: 20px;
	font-size: 15px;
}

.pageID-cartEndProm .detail dd {
	margin-top: 17px;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
	word-break: break-all;
}

.pageID-cartEndProm .detail dd+dt {
	border-top: solid 1px #D2D7DA;
}

.pageID-cartEndProm .detail dd .small {
	font-size: 15px;
}

.pageID-cartEndProm .detail dd .weight-normal {
	font-weight: normal;
}

.pageID-cartEndProm .detail dd .box-gray {
	padding: 12px 15px;
}

.pageID-cartEndProm .detail dd .box-gray p {
	font-size: 15px;
	line-height: 2;
	text-align: left;
}

.pageID-cartEndProm .detail dd .box-gray p+p {
	margin-top: 0.7em;
}

.pageID-cartEndProm .detail .desc {
	margin-top: 30px;
	font-size: 18px;
	line-height: 2;
}

.pageID-cartEndProm .detail .breakdown p:not(.note) {
	display: flex;
}

.pageID-cartEndProm .detail .breakdown .subtotal p {
	font-size: 18px;
}

.pageID-cartEndProm .detail .breakdown .subtotal p+p {
	margin-top: 0.7em;
}

.pageID-cartEndProm .detail .breakdown .total p {
	margin-top: 1.1em;
	font-size: 20px;
	font-weight: 700;
}

.pageID-cartEndProm .detail .breakdown .label {
	display: inline-block;
	width: 50%;
	text-align: right;
}

.pageID-cartEndProm .detail .breakdown .val {
	display: inline-block;
	width: 50%;
	text-align: left;
}

.pageID-cartEndProm .detail .breakdown p.note {
	margin-top: 1em;
	font-size: 15px;
}

.pageID-cartEndProm .to-top .basic-btn {
	margin: 30px auto 0;
}

.pageID-cartEndProm .flow {
	margin-top: 2em;
	font-size: 15px;
	text-align: center;
}

.m0 {
	margin: 0 !important;
}

.p0 {
	padding: 0 !important;
}

.c-button {
	border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
	border-style: solid;
	border-width: 1px;
	padding: 1px 7px 2px;
	text-rendering: auto;
	color: initial;
	display: inline-block;
	text-align: start;
	margin: 0em;
	background-color: #fff;
}

.c-button:hover {
	background-color: #e0ffff;
}

input[type="text"]:disabled {
	background: #ccc;
}

select:disabled {
	background: #ccc;
}



#check-strength{
	margin-bottom: 12px;
	}

	.check-text{
		font-size: 12px;
		margin-bottom: 5px;
	}

	.check-meter{
		display: flex;
		align-items: center;
		height: 15px;
	}

	.check-meter span{
	display: block;
	width: 70px;
	height: 12px;
	background-color: #F2F3F4;
	border-radius: 7px;
	margin-right: 5px;
	}

	.weak .check-meter span:nth-child(1){
		background-color: #E60012;
	}

	.medium .check-meter span:nth-child(1),
	.medium .check-meter span:nth-child(2){
		background-color: #FFBB00;
	}

	.strong .check-meter span:nth-child(1),
	.strong .check-meter span:nth-child(2),
	.strong .check-meter span:nth-child(3){
		background-color: #00D83A;
	}


	.check-meter span.check-level{
		width:auto;
		height:auto;
		background-color: transparent;
		border-radius: 0;
		margin-right: 0;
		font-size: 15px;
	}


	.check-meter span:last-child{
		margin-right: 0;
	}

	.p-checkPassword {
		margin-bottom: 10px;
	  }
	  .p-checkPassword > label:hover >span {
			text-decoration: underline;
			}
	  .p-checkPassword > label > input[type="checkbox"] {
		width: 20px;
		height: 20px;
		display: inline-block;
		border: solid 1px #000000;
		position: relative;
	  }
	  .p-checkPassword > label > span {
		font-size: 15px;
		display: inline-block;
		margin-left: 10px;
	  }
#delete:hover{
	opacity: 1;
}

#delete .btn-text.underline:hover{
	text-decoration: none !important;
	opacity: 1;
}

::-webkit-full-page-media,
:future,
:root .p-checkPassword > label > input[type="checkbox"] {
  position: relative;
}
::-webkit-full-page-media,
:future,
:root .p-checkPassword > label > input[type="checkbox"]:focus-visible:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.4em #000;
  pointer-events: none;
}