/* 2021.12.16時点、head内に記載されていたCSS */
header,footer{
background-color:#FFF!important;
}
#free{
font-size: 20px;
}

/* 以降、新規 */

@media screen and (max-width:479px) {
	.hlogo {
		text-align: left;
		padding-left: 5px;
	}
	header .hlogo,
	.hlogo img {
		height: 62px;
	}
}

@media screen and (min-width:801px) {
	#drmn {
		display: none;
	}
}

#drmn {
	text-align: left;
}

.drawer-hamburger,
.drawer-hamburger:hover {
	background-color: rgba(255,238,143,0.8) !important;
	padding: 15px 10px 25px 10px;
	border-radius: 7px;
	margin: 10px 5px;
}

.drawer-menu > div:first-child {
	text-align: center;
	background: #fff2d7;
}

.drawer-menu .content img.imgeye {
	display: none;
}

.drawer-nav {
	width: 80vw;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 80vw;
}

.drawer--right .drawer-nav {
	right: -80vw;
}

#drmn .heading h2 {
	padding-left: 3vw;
}

.drawer-menu .content li a {
	display: block;
	padding: 2vw 3vw;
	text-decoration: none;
	color: #0068dd;
	font-size: 16px;
}

.drawer-menu .content li a:before {
	content: '\f0da';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 1vw;
	color: #ff9000;
}

.drawer-menu .content li:nth-child(odd) a {
	background: #fefbec;
}

.drawer-menu .content li.out::before {
	display: none;
}

.drawer-menu .content .topic2hide {
	margin-bottom: 0;
}

.drawer-menu .content .topic2 {
	margin: 0;
	border-top: 1px solid #ffeace;
	border-bottom: 1px solid #fff;
	background: #ffdcae;
	color: #4b3a00;
	font-size: 18px;
}

.drawer-menu .content .topic2hide:after {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #c67000;
}

.drawer-menu .content .topic2show:after {
	content: '\f077';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #c67000;
}

.drawer-menu .content .topic2:hover {
	background: #e7b677;
}

.page_top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: inline-block;
	padding: 5px 10px;
	background: rgba(238, 157, 0, 0.6);
	border-radius: 5px;
	color: #000;
	transition: 0.5s;
}

.page_top i {
	font-size: 30px;
}

.page_top:hover {
	background: rgba(238, 157, 0, 0.8);
}






/* スクロールのおまじない① */

.drawer--top.drawer-open .drawer-nav {
	top: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


/* スクロールのおまじない② */

.fixed {
    overflow: auto !important;
    height: 100%;
}