*[class*="comLay"] {
	--color-1a1c22: #1a1c22;
	--color-373c4a: #373c4a;
	--color-9d8847: #9d8847;
	--color-5f6165: #5f6165;
	--color-b9b9b9: #b9b9b9;

}

* {
	outline: none;
	border: none;
}

/* グレー角丸ボタン */
.comLay-Btn1 {
	background: var(--color-373c4a);
	border: none;
	border-radius: 3px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	width: 100%;
	word-break: keep-all;
}
.comLay-Btn1.disabled {
	cursor: default;
	opacity: .6;
}

/* プライマリゴールドボタン セカンダリボタン */
*[class*="comLay-PGBtn"],
*[class*="comLay-SBtn"] {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	width: 100%;
}
*[class*="comLay-PGBtn"] input,
*[class*="comLay-SBtn"] input {
	display: none;
}

*[class*="comLay-PGBtn"]:not(.disabled) {
	background: var(--color-9d8847);
	color: #fff;
}
*[class*="comLay-PGBtn"].disabled {
	background: var(--color-5f6165);
	color: var(--color-b9b9b9);
	cursor: default;
}
*[class*="comLay-SBtn"] {
	font-weight: 500;
}
	*[class*="comLay-SBtn"]:not([class$="BK"]) {
		background: var(--color-1a1c22);
		border: 2px solid #fff;
		color: #fff;
	}
	*[class*="comLay-SBtn"][class$="BK"] {
		background: #fff;
		border: 2px solid var(--color-1a1c22);
		color: var(--color-1a1c22);
	}

@media (hover: hover) and (pointer: fine) {
	.comLay-Btn1:hover {
		opacity: 0.7;
	    transition: all 0.4s;
	}
	.comLay-Btn1:not(.disabled):hover,
	*[class*="comLay-PGBtn"]:not(.disabled):hover,
	*[class*="comLay-SBtn"]:hover {
		cursor: pointer;
	}

	*[class*="comLay-PGBtn"]:hover,
	*[class*="comLay-SBtn"]:hover {
		opacity: 0.7;
	}
	
}
*[class*="comLay-PGBtnL"]:not(.bold) {
	font-weight: 400;
}
*[class*="comLay-PGBtnL"].bold {
	font-weight: 600;
}
*[class*="comLay-PGBtnS"] {
	font-weight: 500;
}

*[class*="comLay-PGBtnLA"]::after,
*[class*="comLay-PGBtnSA"]::after,
*[class*="comLay-SBtnLAR"]::after,
*[class*="comLay-SBtnSAR"]::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
*[class*="comLay-SBtnLAL"]::after,
*[class*="comLay-SBtnSAL"]::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

.comLay-PGBtnLA:not(.disabled)::after,
.comLay-PGBtnSA:not(.disabled)::after,
*[class*="comLay-SBtnLA"]:not([class$="BK"])::after,
*[class*="comLay-SBtnSA"]::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
*[class*="comLay-SBtn"][class$="BK"]::after {
	border-top: 2px solid var(--color-1a1c22);
	border-right: 2px solid var(--color-1a1c22);
}

*.m-input-btn-gray .comLay-PGBtnLA::after,
.comLay-PGBtnLA.disabled::after,
.comLay-PGBtnSA.disabled::after {
    border-top: 2px solid var(--color-b9b9b9);
    border-right: 2px solid var(--color-b9b9b9);
}


/* ボタン並び シングル 中央配置 */
.comBtnContainer-Single {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* ボタン横並び SP縦 */
.comBtnContainer-Row {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* ボタン縦並び */
.comBtnContainer-Col {
	display: flex;
	flex-flow: column nowrap;
	margin: 0;
	padding: 0;
	width: 100%;
}
.comBtnContainer-Col li {
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin: 0;
	padding: 0;
	width: 100%;
}

@media screen and (max-width: 950px) {
	*[class*="comLay"] {
		--Arrow-Size: 10px;
	}
	.comLay-Btn1 {
		font-size: 16px;
		max-width: 300px;
	}
	.comLay-Btn1:not(.modalConf) {
		min-height: 50px;
		padding: 13px 16px;
	}
	
	*[class*="comLay-PGBtnL"] {
		max-width: 300px;
		padding: 10px 40px;
	}
	*[class*="comLay-PGBtnL"]:not(.modalLay) {
		border-radius: 60px;
		font-size: 20px;
		line-height: 26px;
		min-height: 60px;
	}
	*[class*="comLay-PGBtnL"].modalLay {
		border-radius: 50px;
		font-size: 16px;
		line-height: 22px;
		min-height: 50px;
	}

	*[class*="comLay-PGBtnS"],
	*[class*="comLay-SBtnS"] {
		border-radius: 46px;
		font-size: 16px;
		max-width: 186px;
		min-height: 46px;
		padding: 8px 25px;
	}
	*[class*="comLay-SBtnL"] {
		border-radius: 60px;
		font-size: 20px;
		max-width: 280px;
		min-height: 60px;
		padding: 10px 40px;
	}

	*[class*="comLay-PGBtnLA"]::after {
		height: var(--Arrow-Size);
		right: 27px;
		width: var(--Arrow-Size);
	}
	*[class*="comLay-PGBtnSA"]::after,
	*[class*="comLay-SBtnLA"]::after,
	*[class*="comLay-SBtnSA"]::after {
		height: var(--Arrow-Size);
		width: var(--Arrow-Size);
	}
	*[class*="comLay-SBtnLAR"]::after {
		right: 30px;
	}
	*[class*="comLay-SBtnLAL"]::after {
		left: 30px;
	}
	*[class*="comLay-PGBtnSA"]::after,
	*[class*="comLay-SBtnSAR"]::after {
		right: 17px;
	}
	*[class*="comLay-SBtnSAL"]::after {
		left: 17px;
	}

	.comLay-Btn1.modalConf {
		padding: 8px;
	}
	.comBtnContainer-Row:not(.spRow) {
		flex-flow: column nowrap;
	}
	.comBtnContainer-Row.spRow {
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.comBtnContainer-Row li {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.comBtnContainer-Col li:not(:first-of-type),
	.comBtnContainer-Row li:not(:first-of-type) {
		margin-top: 20px;
	}
	.comBtnContainer-Row.spRow li:not(:last-of-type) {
		margin-right: 11px;
	}
}

@media print,screen and (min-width: 951px) {
	*[class*="comLay"] {
		--Arrow-SizeL: 15px;
		--Arrow-SizeS: 10px;
		--SBtnLA-PosiLR: 30px;
		--SBtnSA-PosiLR: 17px;
	}
	
	.comLay-Btn1 {
		font-size: 16px;
		max-width: 290px;
		transition: all 0.4s;
	}
	.comLay-Btn1:not(.modalConf) {
		min-height: 50px;
		padding: 13px 16px;
	}
	.comLay-Btn1.modalConf {
		padding: 8px;
	}
	
	*[class*="comLay-PGBtnL"]:not(.modalLay) {
		border-radius: 70px;
		font-size: 24px;
		line-height: 30px;
		max-width: 460px;
		min-height: 70px;
		padding: 20px 50px;
	}
	*[class*="comLay-PGBtnL"].modalLay {
		border-radius: 50px;
		font-size: 16px;
		line-height: 22px;
		max-width: 280px;
		min-height: 50px;
		padding: 10px 50px;
	}
	*[class*="comLay-PGBtnS"],
	*[class*="comLay-SBtnS"] {
		border-radius: 46px;
		font-size: 16px;
		max-width: 186px;
		min-height: 46px;
		padding: 8px 25px;
	}
	*[class*="comLay-SBtnL"] {
		border-radius: 46px;
		font-size: 24px;
		max-width: 280px;
		min-height: 46px;
		padding: 10px 50px;
	}

	*[class*="comLay-PGBtnLA"]::after {
		height: var(--Arrow-SizeL);
		right: 40px;
		width: var(--Arrow-SizeL);
	}
	*[class*="comLay-PGBtnSA"]::after,
	*[class*="comLay-SBtnLA"]::after,
	*[class*="comLay-SBtnSA"]::after {
		height: var(--Arrow-SizeS);
		width: var(--Arrow-SizeS);
	}
	*[class*="comLay-SBtnLAR"]::after {
		right: var(--SBtnLA-PosiLR);
	}
	*[class*="comLay-SBtnLAL"]::after {
		left: var(--SBtnLA-PosiLR);
	}
	*[class*="comLay-PGBtnSA"]::after,
	*[class*="comLay-SBtnSAR"]::after {
		right: var(--SBtnSA-PosiLR);
	}
	*[class*="comLay-SBtnSAL"]::after {
		left: var(--SBtnSA-PosiLR);
	}

	.comBtnContainer-Row {
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.comBtnContainer-Row li {
		display: flex;
		flex: 1;
	}
	.comBtnContainer-Row li:first-of-type {
		justify-content: flex-end;
	}
	.comBtnContainer-Row li:not(:last-of-type) {
		margin-right: 20px;
	}
	.comBtnContainer-Col li:not(:first-of-type) {
		margin-top: 20px;
	}
}


@media screen and (min-width: 315px) and (max-width: 374px) {
	*[class*="comLay-PGBtnL"]:not(.modalLay),
	*[class*="comLay-SBtnL"] {
		font-size: 5.333333333333334vw;
	}
	.comLay-Btn1,
	*[class*="comLay-PGBtnL"].modalLay,
	*[class*="comLay-PGBtnS"],
	*[class*="comLay-SBtnS"] {
		font-size: 4.266666666666667vw;
	}
}