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

.entry-title {
}

.sm_kyoushitsu a {
	background-image: url(../images/img_common/sm_kyoushitsu-o.svg); 
}

#sidebar-kyoushitsu ul li .current-menu-item,
#sidebar-kyoushitsu ul li .current-menu-item a {
	color: #ffe333 !important;
}


#sidebar-kyoushitsu {
	display: none;
}

#sidebar-kyoushitsu ul {
	list-style: none;
	margin: 0px 15px;
	padding: 0px;
}
#sidebar-kyoushitsu ul li {
	list-style: none;
	margin: 0px;
	display: block;
	position: relative;
	padding: 5px 15px;
}
#sidebar-kyoushitsu ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebar-kyoushitsu ul li:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 6px;
	border-color: transparent transparent transparent #FFFFFF;
	position: absolute;
	left: 0px;
	top: 10px;
}

#sidebar-kyoushitsu .sub-menu {
	margin: 0px 0px 0px 1em;
	padding: 0px;
}
#sidebar-kyoushitsu .sub-menu li {
	display: list-item !important;
	list-style: disc !important;
	padding: 5px 0px !important;
	color: #FFFFFF;
}
#sidebar-kyoushitsu .sub-menu li:before {
	border: none;
}
#sidebar-kyoushitsu ul li submenu li.current-menu-item a {
	color: #ffe333 !important;
}




.sm_kyoushitsu .sub-menu {
	margin: 0px !important;
	padding: 10px 0px !important;
}
#slidemenu ul li {
	overflow: visible;
}




.entry-content h2 {
	line-height: 1.5em;
	border-bottom: 1px dotted #FFFFFF;
}
.entry-content h3 {
	margin: 10px 0px 20px 0px;
}
.lesson_detail {
	background-attachment: scroll;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	
	margin: 10px 0px 0px 0px;
	width: 100%;
	min-height: 200px;
	display: block;
}
.steps {
	display: block;
	clear: both;
	margin: 0px 0px 30px 0px;
}

#lesson_craft2_1 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_1.jpg);
}
#lesson_craft2_2 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_2.jpg);
}
#lesson_craft2_3 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_3.jpg);
}
#lesson_craft2_4 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_4.jpg);
}
#lesson_craft2_5 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_5.jpg);
}
#lesson_craft2_6 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_6.jpg);
}
#lesson_craft2_7 {
	background-image: url(../images/img_kyoushitsu/lesson_craft2_7.jpg);
}
	





.wm_kyoushitsu {
	background-image: url(../images/img_common/wm_kyoushitsu_y.svg) !important;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------メディア切替------------------------*/


/*375 iPhone6のポートレイト*/
@media screen and (min-width: 375px) {
	.lesson_detail {
		min-height: 240px;
	}
}


/*414 iPhone6plusのポートレイト*/
@media screen and (min-width: 414px) {
	.lesson_detail {
		min-height: 250px;
}
}

	/*568 iPhone5sのランドスケープ*/
@media screen and (min-width: 568px) {
	.lesson_detail {
		min-height: 200px;
		margin: 10px 0px 0px 10px;
		width: 50%;
		float: right;
	}
}

	/*667 iPhone6のランドスケープ*/
@media screen and (min-width: 667px) {
	.lesson_detail {
		min-height: 250px;
	}
}

	/*736 iPhone6sプラスのランドスケープ*/
@media screen and (min-width: 736px) {
	.lesson_detail {
		min-height: 300px;
	}
}


	/*768 iPadのポートレイト　2カラム*/
@media screen and (min-width: 768px) {
	#article_bg {
		width: 520px;
		float: right;
	}
	#article_bg>article {
	height: 400px;
	overflow: scroll;
	}
	#sidebar-kyoushitsu {
	display: block;
	width: 200px;
}
	#sidebar-kyoushitsu form.search-form {
	padding: 20px 10px 0px 10px;
}
	#sidebar-kyoushitsu input.search-field {
		width: 160px;
	}
	aside {
		width: 200px;
	}
	#footermenu_1 {
		width: 100%;
		float: none;
	}
	#footermenu_2 {
		padding-left: 0px;
		min-height: 120px;
		box-sizing: border-box;
		position: relative;
	}
	.lesson_detail {
		min-height: 200px;
	}
	.steps {
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
	}

}

	/*1024 iPadのランドスケープ*/
@media screen and (min-width: 1024px) {
		#article_bg {
		width: 580px;
		margin-right: 210px;
	}
	aside {
		position: absolute;
		right: 15px;
		top: 160px;
		box-sizing: border-box;
		padding-top: 0px;
	}
}