@charset "utf-8";
/* Generic class
==================================== */
#contents h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 5px 0;
	padding: 0.1em;
}

#contents h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 3px;
	padding: 0.1em;
}

/* layout */
.flex {
	display: flex;
}

.ds01 {
	display: none;
}

/* title */
.tC01 {
	color: #f90;
	font-size: 1.2em;
	font-weight: bold;
}

.tC02 {
	padding: 0.2em 0.5em;
	color: #fff;
	background: #096;
	font-weight: bold;
}

.tC03 {
	padding: 0.2em 0.5em;
	color: #096;
	background: #DDF3C3;
	font-weight: bold;
}

.tC04 {
	padding: 0.2em 0;
	font-size: 1.2rem;
	font-weight: bold;
}

/* Font*/
.magenta {
	color: #f0f;
}

.yellow {
	color: #ff0;
}

.red {
	color: #f00;
}

.fs90 {
	font-size: 90%;
}

.fsB90 {
	font-size: 90%;
	font-weight: bold;
}

/* iframe */
.framWrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
 
.framWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* iframe */
.fbWrap {
	width: 100% !important;
	max-width: 500px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}


@media screen and (min-width: 769px) {
	.ds01 {
		display: inline;
	}
}