/*既存コンポーネントのカスタムをする場合はここに記述*/

/* Tab component */
.iconTab{
	margin-top: 0;
}

.iconTab-on{
	background: #FFCBCB;
    color: black;
}

.iconTab-off{
	background: gray;
    color: black;
}

/*コンポーネントのカスタム*/
.component-list{
	display: flex;
	gap:8px;
	flex-direction: row;
	flex-wrap: wrap;
}

/* point */
/*.point.coin{
	background-color: #F2E03A;
}
.point.myain{
	background-color: #F2E03A;
}*/

/*-----------------------------------*/
/* レスポンシブ対応   768px以上を対象    */
/*-----------------------------------*/
@media screen and (min-width: 768px) {

	.bottom-up-dialog{
		.content{
			height: 100%;
			width: 100%;
			max-width: 400px;
			margin-left: 20px;
		}
	}
}