@charset "utf-8";

* {
	color: var(--alias-color-text-1st-default);
	word-break: break-all;
	text-size-adjust: 100%;
	text-align: justify;
}

body {
	position: relative;
	height: 100%;
	font-family:
	Raleway,
	Helvetica Neue,
	Arial,
	Hiragino Kaku Gothic ProN,
	Hiragino Sans,
	Meiryo,
	sans-serif,
	apple color emoji,
	segoe ui emoji,
	noto color emoji,
	android emoji;
	background: var(--alias-color-bg-1st-body-default);
}

img {
	vertical-align: bottom;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

button {
	padding: 0;
	font-size: inherit;
	background: none;
	border: none;
	outline: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
}

a {
	text-decoration: none;
	transition: all 0.3s ease;
}


i {-webkit-tap-highlight-color: transparent;}

small {color: inherit;}

h1 {font-size: 1.125rem;}
h2 {font-size: 1.0625rem;}
h3 {font-size: 1rem;}

/* Ajust */
/* ---------------------------------------- */

.w-auto {
	display: inline-block !important;
	width: auto !important;
}
.w-5 {width: 5% !important;}
.w-6 {width: 6% !important;}
.w-8 {width: 8% !important;}
.w-8p3 {width: 8.33% !important;}
.w-10 {width: 10% !important;}
.w-12 {width: 12% !important;}
.w-15 {width: 15% !important;}
.w-16 {width: 16% !important;}
.w-18 {width: 18% !important;}
.w-20 {width: 20% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-32 {width: 32% !important;}
.w-33 {width: 33.33% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-50 {width: 50% !important;}
.w-55 {width: 55% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-75 {width: 75% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-95 {width: 95% !important;}
.w-100 {width: 100% !important;}
.h-100 {height: 100% !important;}

/* -------------------- */

.a-left {text-align: left !important;}
.a-center {text-align: center !important;}
.a-right {text-align: right !important;}

/* -------------------- */

.f-left {float: left !important;}
.f-right {float: right !important;}

/* -------------------- */

.block {display: block !important;}
.i-block {display: inline-block !important;}
.inline {display: inline !important;}
.none {display: none !important;}

/* -------------------- */

.jc-start {justify-content: flex-start !important;}
.jc-center {justify-content: center !important;}
.jc-end {justify-content: flex-end !important;}

/* -------------------- */

.mALL-0 {margin: 0 !important;}
.mALL-2 {margin: 2px !important;}
.mALL-5 {margin: 5px !important;}
.mALL-10 {margin: 10px !important;}
.mALL-15 {margin: 15px !important;}
.mALL-20 {margin: 20px !important;}
.mALL-30 {margin: 30px !important;}
.mALL-40 {margin: 40px !important;}
.mALL-50 {margin: 50px !important;}
.mALL-60 {margin: 60px !important;}
.mALL-70 {margin: 70px !important;}
.mALL-80 {margin: 80px !important;}
.mALL-90 {margin: 90px !important;}
.mALL-100 {margin: 100px !important;}
.mALL-120 {margin: 120px !important;}

.mRL-0 {margin-right: 0 !important; margin-left: 0 !important;}
.mRL-2 {margin-right: 2px !important; margin-left: 2px !important;}
.mRL-5 {margin-right: 5px !important; margin-left: 5px !important;}
.mRL-10 {margin-right: 10px !important; margin-left: 10px !important;}
.mRL-15 {margin-right: 15px !important; margin-left: 15px !important;}
.mRL-20 {margin-right: 20px !important; margin-left: 20px !important;}
.mRL-30 {margin-right: 30px !important; margin-left: 30px !important;}
.mRL-40 {margin-right: 40px !important; margin-left: 40px !important;}
.mRL-50 {margin-right: 50px !important; margin-left: 50px !important;}
.mRL-60 {margin-right: 60px !important; margin-left: 60px !important;}
.mRL-70 {margin-right: 70px !important; margin-left: 70px !important;}
.mRL-80 {margin-right: 80px !important; margin-left: 80px !important;}
.mRL-90 {margin-right: 90px !important; margin-left: 90px !important;}
.mRL-100 {margin-right: 100px !important; margin-left: 100px !important;}
.mRL-120 {margin-right: 120px !important; margin-left: 120px !important;}

.mTB-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.mTB-2 {margin-top: 2px !important; margin-bottom: 2px !important;}
.mTB-5 {margin-top: 5px !important; margin-bottom: 5px !important;}
.mTB-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.mTB-15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.mTB-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.mTB-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.mTB-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.mTB-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.mTB-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.mTB-70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.mTB-80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.mTB-90 {margin-top: 90px !important; margin-bottom: 90px !important;}
.mTB-100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.mTB-120 {margin-top: 120px !important; margin-bottom: 120px !important;}

.mT-0 {margin-top: 0 !important;}
.mT-2 {margin-top: 2px !important;}
.mT-5 {margin-top: 5px !important;}
.mT-10 {margin-top: 10px !important;}
.mT-15 {margin-top: 15px !important;}
.mT-20 {margin-top: 20px !important;}
.mT-30 {margin-top: 30px !important;}
.mT-40 {margin-top: 40px !important;}
.mT-50 {margin-top: 50px !important;}
.mT-60 {margin-top: 60px !important;}
.mT-70 {margin-top: 70px !important;}
.mT-80 {margin-top: 80px !important;}
.mT-90 {margin-top: 90px !important;}
.mT-100 {margin-top: 100px !important;}
.mT-120 {margin-top: 120px !important;}

.mB-0 {margin-bottom: 0 !important;}
.mB-2 {margin-bottom: 2px !important;}
.mB-5 {margin-bottom: 5px !important;}
.mB-10 {margin-bottom: 10px !important;}
.mB-15 {margin-bottom: 15px !important;}
.mB-20 {margin-bottom: 20px !important;}
.mB-30 {margin-bottom: 30px !important;}
.mB-40 {margin-bottom: 40px !important;}
.mB-50 {margin-bottom: 50px !important;}
.mB-60 {margin-bottom: 60px !important;}
.mB-70 {margin-bottom: 70px !important;}
.mB-80 {margin-bottom: 80px !important;}
.mB-90 {margin-bottom: 90px !important;}
.mB-100 {margin-bottom: 100px !important;}
.mB-120 {margin-bottom: 120px !important;}

.mR-0 {margin-right: 0 !important;}
.mR-2 {margin-right: 2px !important;}
.mR-5 {margin-right: 5px !important;}
.mR-10 {margin-right: 10px !important;}
.mR-15 {margin-right: 15px !important;}
.mR-20 {margin-right: 20px !important;}
.mR-30 {margin-right: 30px !important;}
.mR-40 {margin-right: 40px !important;}
.mR-50 {margin-right: 50px !important;}
.mR-60 {margin-right: 60px !important;}
.mR-70 {margin-right: 70px !important;}
.mR-80 {margin-right: 80px !important;}
.mR-90 {margin-right: 90px !important;}
.mR-100 {margin-right: 100px !important;}
.mR-120 {margin-right: 120px !important;}

.mL-0 {margin-left: 0 !important;}
.mL-2 {margin-left: 2px !important;}
.mL-5 {margin-left: 5px !important;}
.mL-10 {margin-left: 10px !important;}
.mL-15 {margin-left: 15px !important;}
.mL-20 {margin-left: 20px !important;}
.mL-30 {margin-left: 30px !important;}
.mL-40 {margin-left: 40px !important;}
.mL-50 {margin-left: 50px !important;}
.mL-60 {margin-left: 60px !important;}
.mL-70 {margin-left: 70px !important;}
.mL-80 {margin-left: 80px !important;}
.mL-90 {margin-left: 90px !important;}
.mL-100 {margin-left: 100px !important;}
.mL-120 {margin-left: 120px !important;}

/* -------------------- */

.pALL-0 {padding: 0 !important;}
.pALL-2 {padding: 2px !important;}
.pALL-5 {padding: 5px !important;}
.pALL-10 {padding: 10px !important;}
.pALL-15 {padding: 15px !important;}
.pALL-20 {padding: 20px !important;}
.pALL-30 {padding: 30px !important;}
.pALL-40 {padding: 40px !important;}
.pALL-50 {padding: 50px !important;}
.pALL-60 {padding: 60px !important;}
.pALL-70 {padding: 70px !important;}
.pALL-80 {padding: 80px !important;}
.pALL-90 {padding: 90px !important;}
.pALL-100 {padding: 100px !important;}
.pALL-120 {padding: 120px !important;}

.pRL-0 {padding-right: 0 !important; padding-left: 0 !important;}
.pRL-2 {padding-right: 2px !important; padding-left: 2px !important;}
.pRL-5 {padding-right: 5px !important; padding-left: 5px !important;}
.pRL-10 {padding-right: 10px !important; padding-left: 10px !important;}
.pRL-15 {padding-right: 15px !important; padding-left: 15px !important;}
.pRL-20 {padding-right: 20px !important; padding-left: 20px !important;}
.pRL-30 {padding-right: 30px !important; padding-left: 30px !important;}
.pRL-40 {padding-right: 40px !important; padding-left: 40px !important;}
.pRL-50 {padding-right: 50px !important; padding-left: 50px !important;}
.pRL-60 {padding-right: 60px !important; padding-left: 60px !important;}
.pRL-70 {padding-right: 70px !important; padding-left: 70px !important;}
.pRL-80 {padding-right: 80px !important; padding-left: 80px !important;}
.pRL-90 {padding-right: 90px !important; padding-left: 90px !important;}
.pRL-100 {padding-right: 100px !important; padding-left: 100px !important;}
.pRL-120 {padding-right: 120px !important; padding-left: 120px !important;}

.pTB-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.pTB-2 {padding-top: 2px !important; padding-bottom: 2px !important;}
.pTB-5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.pTB-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.pTB-15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.pTB-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.pTB-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.pTB-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.pTB-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.pTB-60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.pTB-70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.pTB-80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.pTB-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.pTB-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.pTB-120 {padding-top: 120px !important; padding-bottom: 120px !important;}

.pT-0 {padding-top: 0 !important;}
.pT-2 {padding-top: 2px !important;}
.pT-5 {padding-top: 5px !important;}
.pT-10 {padding-top: 10px !important;}
.pT-15 {padding-top: 15px !important;}
.pT-20 {padding-top: 20px !important;}
.pT-30 {padding-top: 30px !important;}
.pT-40 {padding-top: 40px !important;}
.pT-50 {padding-top: 50px !important;}
.pT-60 {padding-top: 60px !important;}
.pT-70 {padding-top: 70px !important;}
.pT-80 {padding-top: 80px !important;}
.pT-90 {padding-top: 90px !important;}
.pT-100 {padding-top: 100px !important;}
.pT-120 {padding-top: 120px !important;}

.pB-0 {padding-bottom: 0 !important;}
.pB-2 {padding-bottom: 2px !important;}
.pB-5 {padding-bottom: 5px !important;}
.pB-10 {padding-bottom: 10px !important;}
.pB-15 {padding-bottom: 15px !important;}
.pB-20 {padding-bottom: 20px !important;}
.pB-30 {padding-bottom: 30px !important;}
.pB-40 {padding-bottom: 40px !important;}
.pB-50 {padding-bottom: 50px !important;}
.pB-60 {padding-bottom: 60px !important;}
.pB-70 {padding-bottom: 70px !important;}
.pB-80 {padding-bottom: 80px !important;}
.pB-90 {padding-bottom: 90px !important;}
.pB-100 {padding-bottom: 100px !important;}
.pB-120 {padding-bottom: 120px !important;}

.pR-0 {padding-right: 0 !important;}
.pR-2 {padding-bottom: 2px !important;}
.pR-5 {padding-right: 5px !important;}
.pR-10 {padding-right: 10px !important;}
.pR-15 {padding-right: 15px !important;}
.pR-20 {padding-right: 20px !important;}
.pR-30 {padding-right: 30px !important;}
.pR-40 {padding-right: 40px !important;}
.pR-50 {padding-right: 50px !important;}
.pR-60 {padding-right: 60px !important;}
.pR-70 {padding-right: 70px !important;}
.pR-80 {padding-right: 80px !important;}
.pR-90 {padding-right: 90px !important;}
.pR-100 {padding-right: 100px !important;}
.pR-120 {padding-right: 120px !important;}

.pL-0 {padding-left: 0 !important;}
.pL-2 {padding-bottom: 2px !important;}
.pL-5 {padding-left: 5px !important;}
.pL-10 {padding-left: 10px !important;}
.pL-15 {padding-left: 15px !important;}
.pL-20 {padding-left: 20px !important;}
.pL-30 {padding-left: 30px !important;}
.pL-40 {padding-left: 40px !important;}
.pL-50 {padding-left: 50px !important;}
.pL-60 {padding-left: 60px !important;}
.pL-70 {padding-left: 70px !important;}
.pL-80 {padding-left: 80px !important;}
.pL-90 {padding-left: 90px !important;}
.pL-100 {padding-left: 100px !important;}
.pL-120 {padding-left: 120px !important;}

/* -------------------- */

.fS--8 {font-size: 0.5rem !important;}
.fS--7 {font-size: 0.5625rem !important;}
.fS--6 {font-size: 0.625rem !important;}
.fS--5 {font-size: 0.6875rem !important;}
.fS--4 {font-size: 0.75rem !important;}
.fS--3 {font-size: 0.8215rem !important;}
.fS--2 {font-size: 0.875rem !important;}
.fS--1 {font-size: 0.9375rem !important;}
.fS-0 {font-size: 1rem !important;}
.fS-1 {font-size: 1.0625rem !important;}
.fS-2 {font-size: 1.125rem !important;}
.fS-3 {font-size: 1.1875rem !important;}
.fS-4 {font-size: 1.25rem !important;}
.fS-5 {font-size: 1.3125rem !important;}
.fS-6 {font-size: 1.375rem !important;}
.fS-7 {font-size: 1.4375rem !important;}
.fS-8 {font-size: 1.5rem !important;}

/* -------------------- */

.bgFff {
	background: #fff;
}

.bg000-5p {
	background: rgba(0,0,0,0.05);
}

.bg000-10p {
	background: rgba(0,0,0,0.1);
}

.bandC {
	background: var(--alias-color-bg-1st-content-default);
}

/* Button Area */
/* ---------------------------------------- */

.btnBox {
	display: flex;
	justify-content: center;
}
/*
.btnBox > .btn {
	flex: 1;
}
*/
.btnBox > .btn {
	flex: 0 1 auto;
	margin-left: 10px;
	padding: 0 50px;
}

.btnBox > .btn:first-child {
	margin-left: 0;
}

/* Button */
/* ---------------------------------------- */

.btn {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 44px;
	font-weight: bold !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	text-align: center;
	background: transparent;
	background-image: linear-gradient(-45deg, rgba(0,0,0,0.02) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.02) 50%, rgba(0,0,0,0.02) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(0,0,0,0.02) 25%, transparent 25%, transparent 50%,  rgba(0,0,0,0.02) 50%, rgba(0,0,0,0.02) 75%, transparent 75%, transparent 100%);
	background-size: 64px 64px;
	border: none;
	border-radius: var(--alias-radius-border-1st-default);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	cursor: pointer;
	overflow: hidden;
}

.btn:hover {
	background-position: 100% 0;
}

.btn::before {
	display: inline-block;
	font-weight: normal;
	font-size: 1.25rem;
	line-height: 1;
	vertical-align: top !important;
}

.btn > * {
	color: inherit;
}

.btn small {
	font-size: 0.875rem;
	line-height: 1;
	color: inherit;
	vertical-align: middle;
}

.btn small::before {
	content: ' (';
}

.btn small::after {
	content: ')';
}

/* -------------------- */

.orange {
	color: rgba(255,147,30,1) !important;
	background-image: linear-gradient(-45deg, rgba(255,147,30,0.06) 25%, transparent 25%, transparent 50%, rgba(255,147,30,0.06) 50%, rgba(255,147,30,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255,147,30,0.06) 25%, transparent 25%, transparent 50%,  rgba(255,147,30,0.06) 50%, rgba(255,147,30,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(255,147,30,1);
}

.lightblue {
	color: rgba(63,169,245,1) !important;
	background-image: linear-gradient(-45deg, rgba(63,169,245,0.06) 25%, transparent 25%, transparent 50%, rgba(63,169,245,0.06) 50%, rgba(63,169,245,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(63,169,245,0.06) 25%, transparent 25%, transparent 50%,  rgba(63,169,245,0.06) 50%, rgba(63,169,245,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(63,169,245,1);
}

.lightgreen {
	color: rgba(122,201,67,1) !important;
	background-image: linear-gradient(-45deg, rgba(122,201,67,0.06) 25%, transparent 25%, transparent 50%, rgba(122,201,67,0.06) 50%, rgba(122,201,67,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(122,201,67,0.06) 25%, transparent 25%, transparent 50%,  rgba(122,201,67,0.06) 50%, rgba(122,201,67,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(122,201,67,1);
}

.lightred {
	color: rgba(236,109,101,1) !important;
	background-image: linear-gradient(-45deg, rgba(236,109,101,0.06) 25%, transparent 25%, transparent 50%, rgba(236,109,101,0.06) 50%, rgba(236,109,101,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(236,109,101,0.06) 25%, transparent 25%, transparent 50%,  rgba(236,109,101,0.06) 50%, rgba(236,109,101,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(236,109,101,1);
}

.lightpurple {
	color: rgba(153,102,255,1) !important;
	background-image: linear-gradient(-45deg, rgba(153,102,255,0.06) 25%, transparent 25%, transparent 50%, rgba(153,102,255,0.06) 50%, rgba(153,102,255,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(153,102,255,0.06) 25%, transparent 25%, transparent 50%,  rgba(153,102,255,0.06) 50%, rgba(153,102,255,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(153,102,255,1);
}

.red {
	color: rgba(205,36,56,1) !important;
	background-image: linear-gradient(-45deg, rgba(205,36,56,0.06) 25%, transparent 25%, transparent 50%, rgba(205,36,56,0.06) 50%, rgba(205,36,56,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(205,36,56,0.06) 25%, transparent 25%, transparent 50%,  rgba(205,36,56,0.06) 50%, rgba(205,36,56,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(205,36,56,1);
}

.purple {
	color: rgba(120,59,152,1) !important;
	background-image: linear-gradient(-45deg, rgba(120,59,152,0.06) 25%, transparent 25%, transparent 50%, rgba(120,59,152,0.06) 50%, rgba(120,59,152,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(120,59,152,0.06) 25%, transparent 25%, transparent 50%,  rgba(120,59,152,0.06) 50%, rgba(120,59,152,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(120,59,152,1);
}

.pink {
	color: rgba(255,123,172,1) !important;
	background-image: linear-gradient(-45deg, rgba(255,123,172,0.06) 25%, transparent 25%, transparent 50%, rgba(255,123,172,0.06) 50%, rgba(255,123,172,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(255,123,172,0.06) 25%, transparent 25%, transparent 50%,  rgba(255,123,172,0.06) 50%, rgba(255,123,172,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(255,123,172,1);
}

.yellow {
	color: rgba(251,224,59,1) !important;
	background-image: linear-gradient(-45deg, rgba(251,224,59,0.06) 25%, transparent 25%, transparent 50%, rgba(251,224,59,0.06) 50%, rgba(251,224,59,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(251,224,59,0.06) 25%, transparent 25%, transparent 50%,  rgba(251,224,59,0.06) 50%, rgba(251,224,59,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(251,224,59,1);
}

.gray {
	color: rgba(180,180,180,1) !important;
	background-image: linear-gradient(-45deg, rgba(180,180,180,0.06) 25%, transparent 25%, transparent 50%, rgba(180,180,180,0.06) 50%, rgba(180,180,180,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(180,180,180,0.06) 25%, transparent 25%, transparent 50%,  rgba(180,180,180,0.06) 50%, rgba(180,180,180,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(180,180,180,1);
}

.twitter {
	color: rgba(85,172,238,1) !important;
	background-image: linear-gradient(-45deg, rgba(85,172,238,0.06) 25%, transparent 25%, transparent 50%, rgba(85,172,238,0.06) 50%, rgba(85,172,238,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(85,172,238,0.06) 25%, transparent 25%, transparent 50%,  rgba(85,172,238,0.06) 50%, rgba(85,172,238,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(85,172,238,1);
}

.facebook {
	color: rgba(59,89,152,1) !important;
	background-image: linear-gradient(-45deg, rgba(59,89,152,0.06) 25%, transparent 25%, transparent 50%, rgba(59,89,152,0.06) 50%, rgba(59,89,152,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(59,89,152,0.06) 25%, transparent 25%, transparent 50%,  rgba(59,89,152,0.06) 50%, rgba(59,89,152,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(59,89,152,1);
}

.g-plus {
	color: rgba(221,75,57,1) !important;
	background-image: linear-gradient(-45deg, rgba(221,75,57,0.06) 25%, transparent 25%, transparent 50%, rgba(221,75,57,0.06) 50%, rgba(221,75,57,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(221,75,57,0.06) 25%, transparent 25%, transparent 50%,  rgba(221,75,57,0.06) 50%, rgba(221,75,57,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(221,75,57,1);
}

.line {
	color: rgba(0,195,0,1) !important;
	background-image: linear-gradient(-45deg, rgba(0,195,0,0.06) 25%, transparent 25%, transparent 50%, rgba(0,195,0,0.06) 50%, rgba(0,195,0,0.06) 75%, transparent 75%, transparent 100%), linear-gradient(45deg, rgba(0,195,0,0.06) 25%, transparent 25%, transparent 50%,  rgba(0,195,0,0.06) 50%, rgba(0,195,0,0.06) 75%, transparent 75%, transparent 100%);
	border: 2px solid rgba(0,195,0,1);
}

/* -------------------- */
/* 100-199 */
.bg-blue {
	background-color: rgba(0,110,255,1) !important;
}
/* 200-499 */
.bg-lightblue {
	background-color: rgba(0,203,255,1) !important;
}
/* 500-999 */
.bg-green {
	background-color: rgba(0,168,108,1) !important;
}
/* 1000-1999 */
.bg-yellow {
	background-color: rgba(255,211,40,1) !important;
}
/* 2000-4999 */
.bg-orange {
	background-color: rgba(255,134,40,1) !important;
}
/* 5000-9999 */
.bg-magenta {
	background-color: rgba(228,0,127,1) !important;
}
/*  */
.bg-pink {
	background-color: rgba(255,123,172,1) !important;
}
/* 10000-49999 */
.bg-red {
	background-color: rgba(205,36,56,1) !important;
}
/*  */
.bg-purple {
	background-color: rgba(120,59,152,1) !important;
}
/*  */
.bg-rainbowA {
	background: linear-gradient(to right,
		rgba(13,101,193,1),
		rgba(0,185,213,1),
		rgba(0,192,166,1),
		rgba(13,101,193,1)
				) 0 / 200%;
	animation: 5s bgRainbow linear infinite;
}
/*  */
.bg-rainbowB {
	background: linear-gradient(to right,
		rgba(255,181,0,1),
		rgba(255,123,172,1),
		rgba(205,36,56,1),
		rgba(255,181,0,1)
				) 0 / 200%;
	animation: 5s bgRainbow linear infinite;
}
/*  */
.bg-rainbow-y {
	background: linear-gradient(to right,
		rgba(255,211,40,1),
		rgba(0,168,108,1),
		rgba(0,203,255,1),
		rgba(0,110,255,1),
		rgba(228,0,127,1),
		rgba(205,36,56,1),
		rgba(255,134,40,1),
		rgba(255,211,40,1)
				) 0 / 200%;
	animation: 4s bgRainbow linear infinite;
}
@keyframes bgRainbow {
	100% { background-position: -200%; }
}

/* configDisp */
/* ---------------------------------------- */

.configDisp {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 1.5625vw;
	width: 100%;
}

.configDisp .configDisp_items {
	display: flex;
	justify-content: center;
	margin: 0 10px 0 0;
	width: 50%;
	border-radius: var(--alias-radius-border-1st-default);
	overflow: hidden;
}

.configDisp .configDisp_items:last-of-type {
	margin: 0;
}

.configDisp .configDisp_items.ratio-10p {width: 10%;}
.configDisp .configDisp_items.ratio-20p {width: 20%;}
.configDisp .configDisp_items.ratio-30p {width: 30%;}
.configDisp .configDisp_items.ratio-40p {width: 40%;}
.configDisp .configDisp_items.ratio-50p {width: 50%;}
.configDisp .configDisp_items.ratio-60p {width: 60%;}
.configDisp .configDisp_items.ratio-70p {width: 70%;}
.configDisp .configDisp_items.ratio-80p {width: 80%;}
.configDisp .configDisp_items.ratio-90p {width: 90%;}
.configDisp .configDisp_items.ratio-100p {width: 100%;}

.configDisp .configDisp_item {
	flex: 1;
	width: 100%;
	height: 30px;
	border-left: var(--alias-width-border-2nd-default) solid var(--alias-color-bg-1st-status-current);
}

.configDisp .configDisp_item:first-of-type {
	border-left: none;
}

.configDisp .configDisp_item .configDisp_button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 0.875rem;
	line-height: 1.1;
	color: var(--alias-color-text-1st-default);
	text-align: center;
	text-shadow: 0 0 5px var(--alias-color-text-1st-reverse);
	background: var(--alias-color-bg-1st-status-default);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	cursor: pointer;
}

.configDisp .configDisp_item .configDisp_button::before {
	margin: 0;
}

.configDisp .configDisp_item .configDisp_button.stateCurrent {
	background: var(--alias-color-bg-1st-status-current);
	cursor: default;
}

/* Button */
/* ---------------------------------------- */

.button_blue,
.button_orange,
.button_pink,
.button_gray {
	display: inline-block;
	padding: 4px 30px;
	height: 38px;
	font-weight: bold;
	line-height: 30px;
	color: #fff !important;
	text-align: center;
	vertical-align: middle;
	border: none;
	border-radius: var(--alias-radius-border-primary-default);
	cursor: pointer;
	opacity: 0.9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.button_blue {
	background: #428bca;
}

.button_orange {
	background: #f2ae43;
}

.button_pink {
	background: #ffa3ae;
}

.button_gray {
	background: #aaa;
}

.button_blue:hover,
.button_orange:hover,
.button_pink:hover,
.button_gray:hover {
	opacity: 1;
}

/* Button Area */
/* -------------------- */

.area_button {
	text-align: center;
}

.area_button input {
	margin:  0 10px;
}

/*for Fontawesome6*/
/* ---------------------------------------- */

.fa::before,
.fas::before,
.far::before,
.fal::before,
.fab::before {
	display: inline-block;
	min-width: 1rem;
	text-align: center;
	margin-right: 5px;
}

/* ErrorPoint */
/* -------------------- */

.errorBox {
	padding: 10px;
	background: rgba(205,36,56,0.15);
	border-radius: var(--alias-radius-border-primary-default);
}

.errorPoint {
	position: relative;
	margin: 8px 0 0 0;
	padding: 0 0 0 1.3rem;
	font-size: 1rem;
	color: rgba(205,36,56,1) !important;
}

.errorPoint:first-of-type {
	margin: 0;
}

.errorPoint::before {
	content: '\f071';
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	font-weight: 700;
	font-family: 'Font Awesome 6 Pro';
}

/* Required */
/* -------------------- */

.required,
.open,
.close,
.autofill {
	display: inline-block;
	margin: 0 0 2px 5px;
	padding: 2px 8px;
	font-weight: normal;
	font-size: 0.75rem;
	line-height: 1;
	color: #fff;
	background: rgba(205,36,56,1);
	border-radius: var(--alias-radius-border-1st-default);
	vertical-align: middle;
}

.autofill {
	background: #ffa500;
}

.open {
	background: rgba(59,89,152,1);
}

.close {
	background: #aaa;
}

/* Form */
/* ------------------------------------------------------------ */

/* Symbol */
/* -------------------- */

div.symbol {
	display: inline-block;
	width: 1.5rem;
	height: 12.5vw;
	font-size: 1rem;
	line-height: 12.5vw;
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
}

/* Appearance */
/* -------------------- */

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="week"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="submit"],
input[type="image"],
input[type="reset"],
input[type="button"],
select,
textarea {
	font-weight: normal;
	font-size: 16px;
	background: var(--alias-color-bg-1st-input-default);
	-webkit-tap-highlight-color: transparent;
	appearance: none;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

input[disabled] {
	background: var(--alias-color-bg-1st-status-hover);
}

label {
	-webkit-tap-highlight-color: transparent;
	font-family:
	Helvetica Neue,
	Arial,
	Hiragino Kaku Gothic ProN,
	Hiragino Sans,
	Meiryo,
	sans-serif,
	apple color emoji,
	segoe ui emoji,
	noto color emoji,
	android emoji;
}

/* Text */
/* -------------------- */

.textBox,
.textareaBox {
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: bottom;
	overflow: hidden;
}

.textBox {
	height: 40px;

}

.textareaBox {
	width: 100%;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="week"],
input[type="datetime-local"],
input[type="number"] {
	display: block;
	padding: 5px 10px;
	width: 100%;
	height: 100%;
	line-height: 40px;
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
}

input[type="date"]::-webkit-date-and-time-value {
	padding: 6px 0 0 0;
	line-height: 1;
	text-align: left;
}

textarea {
	display: block;
	padding: 7px 10px;
	width: 100%;
	height: 180px;
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
	resize: none;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="datetime-local"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border: var(--alias-width-border-1st-default) solid var(--alias-color-bg-1st-input-selected) !important;
}

.textBox .userState {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 3rem;
	text-align: center;
	transform: translateY(-50%);
}

.textBox .userState::before {
	line-height: 1;
	font-size: 1.75rem;
}

.textBox .userState.fa-check-circle::before {
	color: rgba(0, 190, 95, 1.0);
}

.textBox .userState.fa-exclamation-circle::before {
	color: rgba(255, 60, 95, 1.0);
}

.textBox .userState.fa-eye::before,
.textBox .userState.fa-eye-slash::before {
	color: #ccc;
	cursor: pointer;
}

.textBox.column2 {
	display: flex;
	align-items: center;
}

.textBox.column2 .textBox_title {
	display: block;
	padding: 0 10px;
	height: 100%;
	line-height: 40px;
	text-align: right;
	background: var(--alias-color-border-1st-default);
	border-top-left-radius: var(--alias-radius-border-1st-default);
	border-bottom-left-radius: var(--alias-radius-border-1st-default);
}

.textBox.column2 input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* Group */
/* -------------------- */

.groupBox {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}

.groupBox > * {
	/*flex: 1;*/
	margin-right: 10px;
}

.groupBox > *:last-of-type {
	margin-right: 0;
}

/* Button */
/* -------------------- */

.buttonBox {
	display: inline-block;
	position: relative;
	height: 40px;
	overflow: hidden;
	float: right;
}

/* Select */
/* -------------------- */

.selectRange {
	display: flex;
	align-items: center;
}

.selectRange .textBox,
.selectBox {
	flex: 1;
	display: inline-block;
	position: relative;
	width: 100%;
	height: 40px;
	vertical-align: bottom;
	border-radius: var(--alias-radius-border-1st-default);
	overflow: hidden;
}

.selectBox::after {
	content: "\f0d7";
	position: absolute;
	top: 50%;
	right: 0;
	width: 36px;
	font: 900 1.5rem/40px 'Font Awesome 6 Pro';
	color: var(--alias-color-text-1st-default);
	text-align: center;
	border-left: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	pointer-events: none;
	transform: translateY(-50%);
	transition: all 0.3s ease;
}

.selectBox select {
	display: inline-block;
	padding: 0 36px 0 10px;
	width: 100%;
	height: 40px;
	font-size: 1rem;
	line-height: 40px;
	background: var(--alias-color-bg-1st-input-default);
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
	cursor: pointer;
	overflow: hidden;
	appearance: none;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.selectBox:hover::after {
	color: var(--alias-color-text-1st-default);
	background: var(--alias-color-bg-1st-input-default);
}

.selectBox select option:not(.iziModal option) {
	color: var(--alias-color-text-1st-default);
	background: var(--alias-color-text-1st-reverse);
}

/* Radio */
/* -------------------- */

.radioBoxA,
.checkBoxA {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.radioBoxA-choices,
.checkBoxA-choices {
	position: relative;
	margin: 10px 20px 0 0;
	height: 28px;
}

.radioBoxA-choices input[type="radio"],
.checkBoxA-choices input[type="checkbox"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.radioBoxA-choices label,
.checkBoxA-choices label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 34px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.radioBoxA-choices label::before,
.checkBoxA-choices label::before {
	content: "\f111";
	position: absolute;
	top: 50%;
	left: 0;
	width: 28px;
	height: 28px;
	font: 900 normal 1.125rem/28px 'Font Awesome 6 Pro';
	color: var(--alias-color-bg-1st-input-label-default);
	text-align: center;
	background: var(--alias-color-bg-1st-input-default);
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.checkBoxA-choices label::before {
	content: "\f00c";
	border-radius: var(--alias-radius-border-1st-default);
}

.radioBoxA-choices label:hover::before,
.checkBoxA-choices label:hover::before {
	color: var(--alias-color-bg-1st-input-label-selected);
	background: var(--alias-color-bg-1st-input-label-default);
}

.radioBoxA-choices input[type="radio"]:checked + label::before,
.checkBoxA-choices input[type="checkbox"]:checked + label::before {
	color: #fff;
	background: var(--alias-color-bg-1st-input-selected);
}

/* -------------------- */

.radioBoxB,
.checkBoxB {
	display: flex;
	justify-content: flex-start;
	height: 40px;
}

.radioBoxB-choices,
.checkBoxB-choices {
	position: relative;
	margin: 0 10px 0 0;
	height: 40px;
}

.radioBoxB-choices:last-of-type,
.checkBoxB-choices:last-of-type {
	margin-right: 0;
}

.radioBoxB-choices input[type="radio"],
.checkBoxB-choices input[type="checkbox"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}

.radioBoxB-choices label,
.checkBoxB-choices label {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 10px 0 36px;
	height: 40px;
	font-size: 0.875rem;
	line-height: 38px;
	color: var(--alias-color-text-1st-default);
	background: var(--alias-color-bg-1st-input-default);
	text-align: center;
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
	overflow: hidden;
	transition: all 0.3s ease;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.radioBoxB-choices label::before,
.checkBoxB-choices label::before {
	content: '未選択';
	position: absolute;
	top: -1px;
	left: 0;
	width: 18px;
	height: 40px;
	font-size: 0.625rem;
	line-height: 1rem;
	color: var(--alias-color-text-1st-reverse);
	writing-mode: vertical-rl;
	text-align: center;
	border-radius: 4px 0 0 4px;
	z-index: 2;
	transition: all 0.3s ease;
}

.radioBoxB-choices label::after,
.checkBoxB-choices label::after {
	content: '';
	position: absolute;
	top: -5px;
	left: -17px;
	width: 48px;
	height: 48px;
	background: var(--alias-color-bg-1st-input-label-default);
	transform: rotate(45deg) skew(24deg,24deg);
	z-index: 1;
 }

.radioBoxB-choices input[type="radio"]:checked + label,
.checkBoxB-choices input[type="checkbox"]:checked + label {
	color: #fff;
	background: var(--alias-color-bg-1st-input-selected);
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
}

.radioBoxB-choices input[type="radio"]:checked + label::before,
.checkBoxB-choices input[type="checkbox"]:checked + label::before {
	content: '選択中';
	color: var(--alias-color-bg-1st-input-selected);
}

.radioBoxB-choices input[type="radio"]:checked + label::after,
.checkBoxB-choices input[type="checkbox"]:checked + label::after {
	background: var(--alias-color-bg-1st-input-label-selected);
}

/* Radio ON-OFF Switch */
/* -------------------- */

.radioBoxSwitch {
	position: relative;
	width: 64px;
	height: 32px;
	background: #ccc;
	border-radius: 16px;
	box-sizing: content-box;
	overflow: hidden;
}

.radioBoxSwitch-choices {
	position: absolute;
	top: 0;
	height: 40px;
}

.radioBoxSwitch-choices:nth-of-type(1) {
	left: 0;
	width: 64px;
}

.radioBoxSwitch-choices:nth-of-type(2) {
	left: 32px;
	width: 32px;
}

.radioBoxSwitch-choices input[type="radio"] {
	position: absolute;
	top: 0;
	height: 32px;
	border-radius: 16px;
	transition: all 0.3s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.radioBoxSwitch-choices:nth-of-type(1) input[type="radio"] {
	left: 0;
	width: 64px;
	background: rgba(63,169,245,1);
}

.radioBoxSwitch-choices:nth-of-type(1) input[type="radio"]:checked {
	background: #aaa;
}

.radioBoxSwitch-choices:nth-of-type(2) input[type="radio"] {
	left: 0;
	width: 32px;
	opacity: 0;
}

.radioBoxSwitch-choices input[type="radio"] + label {
	display: block;
	position: absolute;
	top: 0;
	margin: 2px;
	left: 32px;
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 16px;
	transition: all 0.3s ease;
}

.radioBoxSwitch-choices:nth-of-type(2) input[type="radio"] + label {
	opacity: 0;
}

.radioBoxSwitch-choices:nth-of-type(1) input[type="radio"]:checked + label {
	left: 0;
}

.radioBoxSwitch-choices:nth-of-type(1) input[type="radio"] + label::before {
	display: flex;
	justify-content: center;
	align-items: center;
	content: 'ON';
	height: 100%;
	font-weight: bold;
	font-size: 0.75rem;
	line-height: 1;
	color: rgba(63,169,245,1);
}

.radioBoxSwitch-choices:nth-of-type(1) input[type="radio"]:checked + label::before {
	content: 'OFF';
	color: #aaa;
}

.radioBoxSwitch-choices.kafuka:nth-of-type(1) input[type="radio"] + label::before {
	content: '可能';
}

.radioBoxSwitch-choices.kafuka:nth-of-type(1) input[type="radio"]:checked + label::before {
	content: '不可';
}

.radioBoxSwitch-choices.umu:nth-of-type(1) input[type="radio"] + label::before {
	content: '有';
}

.radioBoxSwitch-choices.umu:nth-of-type(1) input[type="radio"]:checked + label::before {
	content: '無';
}

/* file */
/* -------------------- */

.fileBox,
.fileBox input[type="file"],
.fileBox .uploadPicAlready,
.fileBox .uploadPicPreview,
.fileBox .thumbBox .thumb {
	width: 100%;
	aspect-ratio: 4/3;
	max-height: 320px;
}

.fileBox {
	position: relative;
	display: flex;
	justify-content: center;
	background: var(--alias-color-bg-1st-input-default);
	border: var(--alias-width-border-1st-default) dashed var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
	overflow: hidden;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.fileBox::before {
	content: "\f0ee";
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-size: 5rem;
	color: var(--alias-color-text-1st-assist);
	text-shadow: 1px 0 var(--alias-color-text-1st-reverse),
				 0 1px var(--alias-color-text-1st-reverse),
				 -1px 0 var(--alias-color-text-1st-reverse),
				 0 -1px var(--alias-color-text-1st-reverse),
				 1px 1px var(--alias-color-text-1st-reverse),
				 -1px 1px var(--alias-color-text-1st-reverse),
				 1px -1px var(--alias-color-text-1st-reverse),
				 -1px -1px var(--alias-color-text-1st-reverse);
	transform: translate(-50%,-70%);
}

.fileBox::after {
	content: "画像を選択してください";
	position: absolute;
	top: 50%;
	left:0;
	width: 100%;
	font-weight: bold;
	font-size: 0.875rem;
	color: var(--alias-color-text-1st-default);
	text-align: center;
	text-shadow: 1px 0 var(--alias-color-text-1st-reverse),
				 0 1px var(--alias-color-text-1st-reverse),
				 -1px 0 var(--alias-color-text-1st-reverse),
				 0 -1px var(--alias-color-text-1st-reverse),
				 1px 1px var(--alias-color-text-1st-reverse),
				 -1px 1px var(--alias-color-text-1st-reverse),
				 1px -1px var(--alias-color-text-1st-reverse),
				 -1px -1px var(--alias-color-text-1st-reverse);
	white-space: pre;
	transform: translateY(135%);
}

.fileBox::before,
.fileBox::after {
	opacity: 0.8;
	transition: all 0.3s ease;
}

.fileBox:hover::before,
.fileBox:hover::after {
	opacity: 0.9;
}

.fileBox input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 3;
	cursor: pointer;
}

.fileBox .uploadPicAlready,
.fileBox .uploadPicPreview {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.fileBox .thumbBox .thumb {
	object-fit: contain;
}
.fileBox > img {
	object-fit: contain;
	max-height: inherit;
}

/* file drop-zone */
/* -------------------- */

.drop-zone,
.drop-zone .file-label {
	width: 100%;
	aspect-ratio: 4/3;
	max-height: 320px;
	cursor: pointer;
}

.drop-zone {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--alias-color-bg-1st-input-default);
	border: var(--alias-width-border-1st-default) dashed var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
	overflow: hidden;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transition: all 0.3s ease;
}

.drop-zone::before {
	content: "\f093";
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-size: 5rem;
	color: var(--alias-color-text-1st-assist);
	transform: translate(-50%,-50%);
	opacity: 0.3;
	z-index: -1;
}

.drop-zone:hover {
	border: 2px dashed var(--alias-color-border-2nd-default);
}

.drop-zone .file-label {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
}

.drop-zone .file-input {
	display: none;
}

.drop-zone .preview {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 0.875rem;
}

.drop-zone .preview img {
	object-fit: contain;
	max-height: 320px;
}

.drop-zone .preview audio {
	width: 80%;
	z-index: 1;
}

.drop-zone .preview embed {
	aspect-ratio: 4/3;
	height: 320px;
	z-index: 1;
}

/* Ellipsis */
/* ---------------------------------------- */

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Slash */
/* ---------------------------------------- */

.t-slash {
	background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), var(--alias-color-border-1st-default) 50%, var(--alias-color-border-1st-default) calc(50% + 0.5px), transparent calc(50% + 1px)) !important;
}

.t-cross {
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), var(--alias-color-border-1st-default) 50%, var(--alias-color-border-1st-default) calc(50% + 0.5px), transparent calc(50% + 1px)), linear-gradient(to left top, transparent calc(50% - 0.5px), var(--alias-color-border-1st-default) 50%, var(--alias-color-border-1st-default) calc(50% + 0.5px), transparent calc(50% + 1px)) !important;
}

/* abreast-CONTENTS */
/* ---------------------------------------- */

.abreast-DL {
	display: flex;
	flex-wrap: wrap;
}

/* ON-OFF Config */
/* ---------------------------------------- */

.on-off {
	display: flex;
	flex-wrap: wrap;
}

.on-off dt {
	display: flex;
	align-items: center;
	padding: 0 10px;
	width: calc(100% - 80px);
	height: 54px;
	font-size: 0.9375rem;
	line-height: 1.4;
	border-bottom: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
}

.on-off dd {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 80px;
	height: 54px;
	border-bottom: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
}

.on-off dt:first-of-type,
.on-off dd:first-of-type {
	border-top: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
}

/* info box */
/* ---------------------------------------- */

.annotationBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.annotationBox_items {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 15px;
	background: var(--alias-color-bg-1st-status-default);
	border: var(--alias-width-border-1st-default) solid var(--alias-color-border-1st-default);
	border-radius: var(--alias-radius-border-1st-default);
}

.annotationBox_item {
	padding: 0 5px;
	font-size: 0.875rem;
	line-height: 1.5;
}

/* charactor count */
/* ---------------------------------------- */

.countArea {
	position: relative;
	height: 36px;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.countArea_circleBox,
.countArea_remaining {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
}

.countArea_circleBox {
	top: 0;
	transform: rotate(-90deg);
}

.svg_circle {
	width: 100%;
	height: 100%;
	overflow: visible;
}

.circle_bg {
	stroke: rgba(100,100,100,1);
	fill: none;
}

.circle_now {
	stroke-dashoffset: 56.5;
	stroke-dasharray: 56.5;
	/*stroke-dasharray: 111.9;*/
	fill: none;
}

.countArea_remaining {
	line-height: 34px;
	font-weight: bold;
	font-size: 0.75rem;
	text-align: center;
}

.countArea_remaining.count_care {
	color: #ffd700;
}

.countArea_remaining.count_over {
	color: #ff0000;
}

/* izimodal */
/* ---------------------------------------- */

.iziModal {
	display: none;
	width: 93.75vw;
	max-width: 600px !important;
	border-radius: var(--alias-radius-border-2nd-default) !important;
	overflow: hidden !important;
}

.iziModal-overlay {
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.iziModal a {
	color: var(--alias-color-link-1st-default);
}

.iziModal input,
.iziModal textarea,
.iziModal select {
	border-color: rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.05);
}

.iziModal input:focus,
.iziModal textarea:focus,
.iziModal select:focus {
	border-color: rgba(220, 40, 220, 1.0);
}

.iziModal .selectBox::after {
	color: rgba(66,66,66,0.5);
	border-left-color: rgba(0,0,0,0.2);
}

.iziModal-wrap * {
	color: rgba(66,66,66,1);
}

.iziModal-wrap input,
.iziModal-wrap .radioBoxB-choices label,
.iziModal-wrap .checkBoxB-choices label {
	color: rgba(66,66,66,1);
	border-color: rgba(0,0,0,0.2);
	background-color: rgba(0,0,0,0.05);
}

.iziModal-wrap .radioBoxB-choices label::before,
.iziModal-wrap .checkBoxB-choices label::before {
	color: #fff;
}

.iziModal-wrap .radioBoxB-choices label::after,
.iziModal-wrap .checkBoxB-choices label::after {
	background-color: rgba(0,0,0,0.2);
}

.iziModal-wrap .radioBoxA-choices label::before,
.iziModal-wrap .checkBoxA-choices label::before {
	color: #fff;
	background-color: rgba(0,0,0,0.05);
	border-color: rgba(0,0,0,0.2);
}

.iziModal-wrap .radioBoxA-choices label:hover::before,
.iziModal-wrap .checkBoxA-choices label:hover::before {
	color: #fff;
	background-color: rgba(0,0,0,0.1);
}

.iziModal .iziModal-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	width: 100%;
	padding: 15px;
	box-shadow: none !important;
}

.iziModal .iziModal-header-icon {
	font: normal 900 1.25rem/1 'Font Awesome 6 Pro','Font Awesome 6 Brands' !important;
	color: rgba(255, 255, 255, 0.8);
	padding: 0;
	margin: 0 8px 0 0;
	padding: 0 !important;
	float: none;
}

.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle {
	display: block;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.iziModal .iziModal-header-title {
	margin: 0 !important;
	color: #fff;
	font-size: 1.125rem !important;
	font-weight: bold;
	line-height: 1.125rem;
	height: 1.125rem;
	margin: 0;
}

.iziModal .iziModal-header-subtitle {
	margin: 6px 0 0 0;
	width: 100%;
	font-size: 0.9375rem;
	line-height: 1;
	color: rgba(255, 255, 255, 0.8);
}

.iziModal .iziModal-header.iziModal-noSubtitle {
	padding: 15px;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
	font-size: 2rem !important;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal .iziModal-header-title {
	margin: 1px 0 0 0 !important;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-subtitle {
	margin: 0;
}

.izimodal_plugin {
	width: 93.75vw;
}

/* LoginModal */
/* -------------------- */

.izimodal_plugin .izimodal_plugin_menus {
	display: flex;
	justify-content: center;
	height: 50px;
	border: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
	border-radius: var(--alias-radius-border-1st-default);
}

.izimodal_plugin .izimodal_plugin_menu {
	width: 100%;
	height: 100%;
	color: #444;
	font-size: 0.9375rem;
	border-right: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
}

.izimodal_plugin .izimodal_plugin_menu:last-of-type {
	border-right: none;
}

.izimodal_plugin .izimodal_plugin_menu_button {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100%;
	font-size: 0.9375rem;
	line-height: 1.3;
	color: #444;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.izimodal_plugin .izimodal_plugin_menu_button:hover {
	background: rgba(0, 0, 0, 0.1);
}

.izimodal_plugin .izimodal_plugin_menu_button.stateCurrent {
	color: #fff;
	background: rgba(136,204,196,1);
}

/* SortModal */
/* -------------------- */

.izimodal_plugin .conditionSelect {
	display: flex;
	flex-wrap: wrap;
	margin: 20px;
	border: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
	border-top: 0;
	border-radius: var(--alias-radius-border-1st-default);
	overflow: hidden;
}

.izimodal_plugin .conditionSelect .conditionSelect_item {
	width: 100%;
	border-top: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
}

.izimodal_plugin .conditionSelect .conditionSelect_button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0;
	width: 100%;
	font-size: 1rem;
	line-height: 1.2;
	color: rgba(66,66,66,1);
	background: none;
	cursor: pointer;
}

.izimodal_plugin .conditionSelect .conditionSelect_button.stateCurrent {
	color: #fff;
	background: rgba(0,0,0,0.4);
	cursor: default;
}

/* AlertModal */
/* -------------------- */

.izimodal_plugin .alert_contents {
	padding: 10px;
}

.iziModal-header-icon {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
}

.izimodal_plugin .alert_contents .alert_content {
	display: block;
	position: relative;
	margin: 10px;
	padding: 0 0 0 20px;
	font-weight: normal;
}

.izimodal_plugin .alert_contents .alert_content::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5rem;
	font-weight: 900;
	color: #bd5b5b;
}

/* AlertModal */
/* -------------------- */

.izimodal_plugin .complete_contents {
	margin: 3.75vw;
}

.izimodal_plugin .complete_contents > p {
	margin: 2.5vw 0;
	line-height: 1.5;
}

/* MenuModal */
/* -------------------- */

.izimodal_plugin .contentMenu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 20px 20px 15px 20px;
	border-top: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
	overflow: hidden;
}

.izimodal_plugin .contentMenu .contentMenu_item {
	display: flex;
	align-items: center;
	width: 50%;
	height: 44px;
	border-bottom: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
}

.izimodal_plugin .contentMenu .contentMenu_item:nth-of-type(2n) {
	border-left: var(--alias-width-border-1st-default) solid rgba(0,0,0,0.2);
}

.izimodal_plugin .contentMenu .contentMenu_item:last-of-type {
	justify-content: flex-end;
	width: 100%;
	padding-top: 10px;
	height: auto;
	border-bottom: none;
}

.izimodal_plugin .contentMenu .contentMenu_link {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 10px;
	width: 100%;
	height: 100%;
}

.izimodal_plugin .contentMenu .contentMenu_link:hover {
	background: rgba(0,0,0,0.05);
}

.izimodal_plugin .contentMenu .listMenu_items {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 2px;
	background: none;
}

.izimodal_plugin .contentMenu .listMenu_items dt {
	position: relative;
	margin: 0 40px 0 0;
	padding: 0;
	height: 100%;
	color: #666;
}

.izimodal_plugin .contentMenu .listMenu_items dt::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -25px;
	width: 9px;
	height: 16px;
	background: #666;
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	transform: translateY(-52%);
}

.izimodal_plugin .contentMenu .listMenu_items dd {
	margin: 2px 0 0 0;
}

.izimodal_plugin .contentMenu .listMenu_items dd:last-of-type {
	margin-left: 10px;
}

.izimodal_plugin .contentMenu .listMenu_items button.fal:before {
	color: #ccc;
}

/* -------------------- */

.listMenu_help.fa-block-question {
	color: #ffa500 !important;
}

.listMenu_help.fa-square-info {
	color: #dc143c !important;
}

.listMenu_help.fa-thumbs-up {
	color: #1e90ff !important;
}

.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
	font-family: 'Raleway','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','osaka','メイリオ','Meiryo','Meiryo UI','Font Awesome 6 Pro','sans-serif';
}

.fab, .fa-brands {
	font-family: 'Raleway','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','osaka','メイリオ','Meiryo','Meiryo UI','Font Awesome 6 Brands','sans-serif';
}

/* -------------------- */

.effectArea {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	overflow: hidden;
}