@charset "UTF-8";
/*-----------------------------------------------------
Contents（PC 960px - 769px）
-------------------------------------------------------*/
@media all and (min-width: 769px) {
	.SPpart {
		display: none !important;
	}
	#kitchenReformBanner,
	#OnlineSeminarBanner {
		display: none;
		position: fixed;
		z-index: 1;
		right: 20px;
		bottom: 50px;
		}
	#kitchenReformBanner a:hover img,
	#OnlineSeminarBanner a:hover img {
		opacity: 0.7;
		}
	#kitchenReformBanner .closebtn,
	#OnlineSeminarBanner .closebtn {
		position: absolute;
		right: 0;
		top: 0;
		}
	#kitchenReformBanner .closebtn span,
	#OnlineSeminarBanner .closebtn span {
		display: block;
		cursor: pointer;
		width: 20px;
		height: 21px;
		}
	#kitchenReformBanner .closebtn span:hover,
	#OnlineSeminarBanner .closebtn span:hover {
		background-color: rgba(255, 255, 255, 0.3);
	}
}

/*-----------------------------------------------------
Contents（SP 768px - ）
-------------------------------------------------------*/
@media all and (max-width: 768px) {
	.PCpart {
		display: none !important;
	}
	#kitchenReformBanner,
	#OnlineSeminarBanner {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		bottom: 15px;
		width: 100%;
		text-align: center;
	}
	#kitchenReformBanner .closebtn,
	#OnlineSeminarBanner .closebtn {
		position: absolute;
		right: calc((100% - 300px)/2);
		top: 0;
	}
	#kitchenReformBanner .closebtn span,
	#OnlineSeminarBanner .closebtn span {
		display: block;
		cursor: pointer;
		width: 20px;
		height: 20px;
	}
}