@charset "utf-8";

.modal-dialog-fluid {
  max-width: inherit;
  width: 98%;
  margin-left: 15px;
}

#title-bg{
	border-radius: 20px;
	background-color: #ff9900;
}
.bg-yellow {
	background-color: #ffff00;
}
.bg-lightblue {
	background-color: #77ffff;
}
.bg-gray {
	background-color: #dfdfdf;
}
.imgsize1 {
	width:100%;
}
@media screen and (min-width: 789px) {/* スクリーンサイズが1200px以上の場合に適用 */
.imgsize1 {
	width:50%;
}
}
@media screen and (min-width: 1000px) {/* スクリーンサイズが1200px以上の場合に適用 */
.imgsize1 {
	width:35%;
}
}
.inputRange {
  appearance: none;
  width: 300px;
  height: 40px;
  border: 3px solid #7c11cb;
  border-radius: 9999px;
  background: linear-gradient(90deg, #f7ab5b 0%, #dddddd 0%);
  cursor: pointer;
}

/* ツマミ：Chrome, Safari, Edge用 */
.inputRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 35px;
  height: 50px;
  border: 2px solid #0a0a0a;
  border-radius: 9999px;
  background: #d50707;
  box-shadow: none;
}

/* ツマミ：Firefox用 */
.inputRange::-moz-range-thumb {
  width: 35px;
  height: 50px;
  border: 2px solid #0a0a0a;
  border-radius: 9999px;
  background: #d50707;
  box-shadow: none;
}