/*今秋サービス開始予定*/
.yotei {
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	padding: 1em 0 .8em;
	padding: 1em 0 .2em;

	background: linear-gradient(180deg, #ffff00 0%, #ffcc00 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;

	filter: drop-shadow(3px 3px 5px #06609f);
}

.yotei2 {
	font-size: 10pt;
	color: white;
	margin-bottom: 16px;
}

.gradient-text {
	background-image: linear-gradient(to right, #ff7e5f, #feb47b);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.yotei_bk {
	position: relative;
/*		padding: .4em 0; */
	border-radius: 0px;
	background: #0071bc;
	background: linear-gradient(to left, #29abe2, #0071bc, #0071bc, #29abe2);
	color: #ffffff;
	margin-bottom: 6px;
	text-align: center;
	font-weight: bold;
}

/*モニター募集*/
.ico_set_mon {
    vertical-align: -7px;
    width: 28px;
    height: 28px;
    opacity: 1;
    margin-right: 1px;
}

.monitor {
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	padding: .6em 0 .2em;
	color:#333333;
}

.monitor2 {
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	padding: .2em 0 .2em;
	color:#D4145A;
}

.monitor3 {
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	padding: .2em 0 .2em;
	color:#D4145A;
}

.bk_anc { background-color: #004EA2; }

.kcolor { position: relative; background: linear-gradient(transparent 50%, yellow 50%); }

button#submit_button {
    display: inline-block;
	border-radius: 50px;
    text-decoration: none;
    color: white;
    background-color: #004EA2;
	font-size: 1.8em;
	font-weight: bold;
	padding: 20px 60px;
	border: 0;
}

#submit_button:hover {
    background-color: #00397C;
    color: #FFF100;
}

.ribbon1 {
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 1rem;
    background-color: #D4145A;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.ribbon1::before,
.ribbon1::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #D4145A transparent;
    border-style: solid;
    content: '';
}

.ribbon1::before {
    left: -15px;
    border-width: 25px 0px 25px 15px;
}

.ribbon1::after {
    right: -15px;
    border-width: 25px 15px 25px 0px;
}

@media screen and (min-width:375px) { 
/*xs*/

	.monitor { font-size: 14pt; }	
	.monitor2 { font-size: 24pt; 	}
	.monitor3 { font-size: 15pt; 	}

}
	 
@media screen and (min-width:482px) and ( max-width:575px) {
/*xs*/

	.yotei {
		font-size: 28pt;
	}
	
	.yotei2 { font-size: 11pt; }	

	.monitor { font-size: 17pt;}	
	.monitor2 { font-size: 28pt; 	}
	
}

@media screen and (min-width:576px) and ( max-width:767px) {
/*sm*/
	.bline { border: 0; }

	.yotei {
		font-size: 30pt;
		padding: 1em 0 .3em;
	}

	.yotei2 { font-size: 12pt; }

	.monitor { font-size: 18pt; }	
	.monitor2 { font-size: 32pt; 	}

}
@media screen and (min-width:768px) and ( max-width:991px) {
/*md*/

	.yotei {
		font-size: 32pt;
		padding: 1em 0 .3em;
	}

	.yotei2 { font-size: 12pt; }

	.monitor { font-size: 18pt; }	
	.monitor2 { font-size: 32pt; 	}
	.monitor3 { font-size: 18pt; 	}

	.ico_set_mon {
    	vertical-align: -9px;
		width: 36px;
		height: 36px;
		opacity: 1;
		margin-right: 1px;
	}
}

@media screen and (min-width:992px) {
/*lg xl*/

	.yotei {
		font-size: 32pt;
		padding: 1em 0 .3em;
	}

	.yotei2 { font-size: 12pt; }

	.monitor { font-size: 18pt; 	}
	.monitor2 { font-size: 32pt; 	}
	.monitor3 { font-size: 20pt; 	}

	.ico_set_mon {
    	vertical-align: -9px;
		width: 38px;
		height: 38px;
		opacity: 1;
		margin-right: 1px;
	}

}