@charset "utf-8";
/* CSS Document */

/* osusume */
<!-- Create 2021.02.20 111:25 -->

#wrapper {
	position:relative;
}

ul.osusume {
}
ul.osusume li {
	margin-left:3em;
	list-style-type:disc;
}

#main .fontsize150 {
	font-size:150%;
}

span.oyuzuri {
	font-size:120%;
	background-color:#f00;
	color:#fff;
}

span.kakaku {
	color:#F30;
	font-family: 'arial black';
	font-weight:bold;
	font-size:140%;
}

@media screen and (min-width: 480px) {
span.msg2 {
	display: block;
	width: 100%;
}

.br, .br2 {
	font-size:1.5rem;
	font-weight:bold;
}
.br {
	color:#ff0;
}

.br2 {
	color:#ff0;
}

div.course1 {
	z-index:1;
	position:relative;
}
.course1 p.info1 {
	width:100%;
	display:block;
	z-index:2;
	color:#ff0;
	position:absolute;
	top:10rem;
	left:0;
	text-align:left;
}
div.course2 {
	z-index:1;
	position:relative;
}
.course2 p.info2 {
	width:80%;
	display:block;
	z-index:1;
	color:#ff0;
	position:absolute;
	top:10rem;
	left:0;
	margin:0 auto;
}

}

@media screen and (min-width: 896px) {
span.msg2 {
	display: block;
	width: 100%;
}

.br, .br2 {
	font-size:2rem;
	font-weight:bold;
}

.br {
	color:#0ff;
}

.br2 {
	color:#0ff;
}

.course1 {
	z-index:1;
	position:relative;
}
.course1 p.info1 {
	width:100%;
	display:block;
	z-index:2;
	color:#0ff;
	position:absolute;
	top:10rem;
	left:0;
	text-align:left;
}
.course2 {
	z-index:1;
	position:relative;
}
.course2 p.info2 {
	width:100%;
	display:block;
	z-index:1;
	font-size:0.5rem;
	color:#0ff;
	position:absolute;
	top:10rem;
	left:0;
	text-align:left;
}

}

@media screen and (min-width: 1024px) {

.br, .br2 {
	font-size:2rem;
	font-weight:bolder;
}

.br {
	color:#fff;
}

.br2 {
	color:#fff;
}

div.course1 {
	z-index:1;
	position:relative;
}
div.course1 > p.info1 {
	width:100%;
	display:block;
	z-index:1;
	color:#fff;
	position:absolute;
	top:10rem;
	left:0;
	font-weight:bolder;
	text-align:center;
}
div.course2 {
	z-index:1;
	position:relative;
}
div.course2 > p.info2 {
	width:100%;
	display:block;
	z-index:1;
	color:#fff;
	position:absolute;
	top:10rem;
	left:0;
	font-weight:bolder;
	text-align:center;
}

}