@charset "UTF-8";


/*select*/
.sp-content div.fill-select-boxWrap{ float: none; width: 100%; height: 100%; position: relative; border: 1px solid #767676; text-align-last: center; }
select.fill-select-box{ outline: none; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-weight: normal; font-size: 1em; color: #333; font-family: system-ui; height: 100%; width: 100%; }
select.fill-select-box option{ text-align: center !important; }


/*modal*/

/* モーダルウィンドウ */
.sp-content div.modal-window { float: none; clear: both;
position: fixed;
top: 50%;
left: 2%;
transform: translate(-2%, -50%);
/*width: 300px;*/
width: 4em;
/*height: 300px;*/
height: 40%;
background-color: #EAEAEA;
/*border-radius: 4px;*/
z-index: 11;
/*padding: 2rem;*/
font-family: 'メイリオ', 'ＭＳ ゴシック', monospace;
}

/* オーバーレイ */
.sp-content div.overlay { float: none; clear: both;
display: none;
position: fixed;
top: 0;
left: 0;
/*background-color: rgba(0, 0, 0, 0.5);*/
background-color: rgba(255, 255, 255, 0);
width: 100%;
height: 100%;
z-index: 10;
}
/* 表示領域外へはスクロールさせない */
.no_scroll {
overflow: hidden;
}



/********************/
/* fill-select-list-main */
/********************/
.sp-content div.fill-select {
height: 100% !important;
position: relative;
}
.sp-content div.fill-select div.fill-select-main
{
height: 100% !important;
}


/********************/
/* fill-select-modal-list */
/********************/
.sp-content ul.fill-select-modal-list
{
/*	display: none;*/
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	padding: 0;
	border-radius: 4px;
/*	min-width: 120px;*/
	color: #000;
/*	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.4);*/
/*	z-index: 10;*/
}
.fill-select-modal-list.opened
{
	display: table;
	animation: fill-select-frames 0.1s linear 0s;
	box-sizing: border-box;
}

/********************/
/* fill-select-row*/
/********************/
.fill-select-modal-list .fill-select-row
{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EAEAEA;
	width: 100%;
	border-bottom: solid 1px #D0D0D0;
	height: calc(100% / 7);
}
.fill-select-modal-list .fill-select-row:last-child
{
	border-bottom: none;
}

/********************/
/* fill-select-item */
/********************/
.fill-select-modal-list .fill-select-item
{
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	line-height: 2;
/*	height: 40px;*/
}
.fill-select-modal-list .fill-select-item:hover
{
	color: #FFF;
	background-color: #477EEB;
}