@charset "UTF-8";
/* CSS Document */

.editor .ttlArea {
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	padding: 10px 1% 3px;
	margin-bottom: 20px;
}
.editor .ttlArea h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 170%;
	text-align: left;
	position: relative;
	line-height: 1 !important;
	margin-top: 10px;
}

.editor h2 {
	border-bottom: solid 3px #eee;
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 150%;
	padding-bottom: 2px;
	margin-bottom: 15px;
	text-align: left !important;
}
.editor h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ec6515;
	bottom: -3px;
	width: 20%;
}
.editor h3{
	font-size: 130%;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 15px;
}
.editor h3::before{
	content: '◆';
	margin-right: 5px;
	color: #ec6515;
}


.editor ul{
	list-style-type: disc!important;
	padding-left: 1em;
}
.editor ul li{
	line-height:170%;
}

.editor ol{
	list-style-type: decimal!important;
	padding-left: 1.3em;
}
.editor ol li{
	line-height:170%;
	list-style-type: decimal!important;
}



.editor table{
	width: 100%;
}
.editor table tr th,
.editor table tr td{
	background-color:#eee;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:1.4;
	text-align:left;
	padding:10px 2% 7px;
}
.editor table tr.even td{
	background-color:#ddd;
}
.editor table tr th{
	background-color:#111;
	letter-spacing: 2px;
	text-align:center;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}

.editor a {
	color: #111;
	position: relative;
}
.editor a:hover {
	text-decoration: underline;
	color: #ec6515;
}
.editor a.icon-link::after {
	content: "\e913";
	font-family: 'icon' !important;
	vertical-align: middle;
	display: inline-block;
	margin-left: 5px;
	padding-bottom: 3px;
	color: #db7634;
}

.editor img{
	max-width: 100%;
	height: auto;
}

.editor .youtube-embed-wrapper {
	position: relative;
 width: 100%;
 padding-top: 56.25%;
}
.editor .youtube-embed-wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}







/*SP*/
@media only screen and (max-width: 800px) {
.editor .scrollTbl::before {
	content:"→Scroll right";
	display: inline-block;
	margin-bottom: 7px;
}
.editor .scrollTbl {
 overflow-x: auto;
}
.editor .scrollTbl table {
	width: 800px;
}
	
	
	
}