/*---------------------------
釧路ひまわり幼稚園
www.jyujyo-himawari-kg.com
--
みつばちくらぶ専用
./mitsubachi.html
--
202501-23	update
---------------------------*/

dl	{ margin: 1em; }
dl+dl	{ margin-top: 2em; }
dt	{
	padding-left: 20px;
	color:#930;
	line-height:1.6;
	background:transparent url(./bg_h3.png) no-repeat 0% 50%;
/*	font-size: 1.2em;*/
	font-weight: bold;
	list-style:none;
}
dd	{ margin-top: .5em; margin-bottom: 1em; }

.piyo	{ width: fit-content; max-width: 750px; margin: 1em auto; padding: 0; list-style: none; }
.piyo	{
	li { margin-bottom: .5em; padding-left: 28px; text-indent:-28px; }
	li:before	{
		content: '';
		padding-left: 28px;
		color: #ffab35;
		background: url(./icn40x40.png) no-repeat 0% 62%;
		background-size: 64%;
	}
}

.solid	{ min-width: 80%; }

.marker	{ text-decoration: none; background: linear-gradient(transparent 65%, #ffd0b1 65%); }
.marker	{ text-decoration: none; background: linear-gradient(transparent 50%, #ff3 50%); }
.border	{ display: inline-block; margin: 10px 0; padding:10px 20px; }
.opbox	{ font-size: clamp(1em, 3vw, 1.4em); }
.opbox .opbox	{ font-size: 1em; }
.opbox .radius	{ border-radius: 10em; }
.grbox	{ padding: 10px 2em; }
.inner ul,
.inner ol	{ padding: 0; }

.arrow_down	{ margin: .5em; height: 2em; background: url(../images/arrow_down.png) no-repeat left top / contain; opacity: .9; }

.fit-center { width: fit-content; max-width: 750px; margin-left: auto !important; margin-right: auto !important; }


@media only screen and (max-width: 640px) {
	dd	{ margin-left: 1em; }
	.opbox img	{ max-width: 50%; }
}