@charset "UTF-8";
/*******************************
 初期設定
 *******************************/

 body {
 	width: 100%;
 	margin: 0 0;
 	padding: 0;
 	color: #333;
 	background-color: #ffffff;
 	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, Lucida Grande, sans-serif;
 	font-size: 16px;
 	-webkit-text-size-adjust: 100%;
 }
 @media only screen and (max-width: 479px) {
 	input,
 	textarea,
 	select {
 		font-size: 16px;
 		width: 80%;
 	}
 }
 a {
 	color: #55D070;
 	text-decoration: none;
 	border-style: none;
 }
 a:hover {
 	text-decoration: underline;
 }
 h1, h2, h3, h4, h5, h6 {
 	margin: 0;
 	padding: 0;
 }
 p {
 	margin: 0;
 	padding: 0;
 }
 ul {
 	margin: 0;
 	padding: 0;
 }
 img {
 	display : block;
 	max-width: 100%;
 	height: auto;
 }
 /* Micro clearfix */
 .cf {
 	zoom: 1;
 }
 .cf:before, .cf:after {
 	content: "";
 	display: table;
 }
 .cf:after {
 	clear: both;
 }
 .heightLineParent {
 }
 .heightLine {
 }
 .error input, .error textarea, .error select, .error input, .error textarea, .error select {
 	border: 1px solid #FCC !important;
 	background: #FFFCEE;
 }
 .error {
 	margin: 0;
 	color: red;
 	margin-top: 3px;
 }

 .mt30 {
 	margin-top: 30px;
 }
/*******************************
 ベースレイアウト
 *******************************/
 #header {
 	width: 100%;
 	overflow: hidden;
 	padding: 0;
 	margin: 0;
 }
 #visual {
 	width: 100%;
 	overflow: hidden;
 	margin: 5px 0 0 0;
 }
 #gNav {
 	background: #009A44;
 	width: 100%;
 	margin: 0 auto;
 	padding: 15px 0;
 	overflow: hidden;
 }
 .col-960 {
 	max-width: 980px;
 }
 #content {
 	width: 100%;
 	margin: 0 auto;
 	overflow: hidden;
 	background:url(../../images/bgr.png) 0 2px  repeat-x ;
 	/*new background:#efefef;*/
 }
 article#main {
 	width: 100%;
 	text-align: left;
 	overflow: hidden;
 }
 section {
 	margin: 0 0 20px;
 }
 aside#side {
 	width: 100%;
 	text-align: left;
 	overflow: hidden;
 }
 #footerLink {
 	clear: both;
 	width: 100%;
 	overflow: hidden;
 	text-align: center;
 	background: #55D070;
 	overflow: hidden;
 }
 #footer {
 	clear: both;
 	width: 100%;
 	overflow: hidden;
 	text-align: center;
 	background: #101010;
 	padding: 5px 0;
 }
 #footer a {
 	display: block;
 	font-size: 12px;
 	color: #fff;
 }

 @media only screen and (min-width: 481px) {
 	#footer a {
 		display: inline;
 		font-size: 12px;
 		color: #fff;
 	}
 }
 /*ベースカラー*/
 .bgr-base {
 	background: #00a040;
 }
 .bgr-news {
 	background: #ff005a;
 }
 .bgr-campaign {
 	background: #ffa600;
 }
 .bgr-trial {
 	background: #ec0101;
 }
 .bgr-instructors {
 	background: #958e17;
 }
 .bgr-seminar {
 	background: #3996cb;
 }
 .bgr-clinic {
 	background: #062249;
 }
 .bgr-event {
 	background: #408c47;
 }
 .bgr-blog {
 	background: #666;
 }
 .bgr-online {
	background: #3A8EED;
 }
 .bgr- {
 	background: #000;
 }
  .bgr-end {
 	background: #000;
 }
 .clr-base {
 	color: #00a040;
 }
 .clr-news {
 	color: #ff005a;
 }
 .clr-campaign {
 	color: #ffa600;
 }
 .clr-trial {
 	color: #ec0101;
 }
 .clr-instructors {
 	color: #958e17;
 }
 .clr-seminar {
 	color: #3996cb;
 }
 .clr-clinic {
 	color: #062249;
 }
 .clr-event {
 	color: #408c47;
 }
 .clr-blog {
 	color: #666;
 }
 .clr- {
 	background: #000;
 }
 .clr-end {
 	background: #000;
 }
 h1 .page_list a {
 	float: right;
 	background: url(../../images/icn_white.png) #009A44 no-repeat 2px 10px;
 	padding: 8px 10px 8px 22px;
 	-webkit-border-radius: 20px;
 	-moz-border-radius: 20px;
 	border-radius: 20px;
 	color: #fff;
 	font-size: 12px !important;
 	font-weight: normal;
 }
 .heightLine {
 }
 .heightLineParent {
 }
 .btn_history_back {
 	width: 100%;
 	text-align: center;
 	margin:30px 0;
 }

 .btn_history_back a {
 	text-align: center;
 	background:url(../../images/icn_white.fw.png) no-repeat 10px 16px #00a040;
 	color:#fff;
 	padding: 9px 20px 9px 30px;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;

 }
 .btn_history_back a:hover {
 	color: #fff;
 	opacity: 0.8;
 }
/*******************************
 ヘッダー
 *******************************/

 #header .wrapper {
 	margin: 0 3%;
 	padding: 0 0;
 	overflow: hidden;
 	position: relative;
 }
 #header .wrapper h1 {
 	margin: 10px 0;
 	padding: 0;
 	display : block;
 	overflow: hidden;
 	width: 320px;
 }
 #header .wrapper h1 a {
 	float: left;
 	display: inline;
 	overflow: hidden;
 	width: 100px;
 }
 #header .wrapper h1 #logo {
 	float: left;
 	display: inline;
 	width: auto;
 	margin-top: 10px;
 }
 #header .wrapper h1 #logo img {
 	width: auto;
 }
 #header .wrapper h1 #l_logo {
 	float: left;
 	display: inline;
 	width: 140px;
 	margin-top: 10px;
 }
 #header .wrapper h1 #l_logo img {
 	width: 100%;
 }
 /* TAB */
 @media only screen and (min-width: 481px) {
 	#header .wrapper {
 		margin: 0 1%;
 	}
 	#header .wrapper h1 a {
 		float: left;
 		display: inline;
 		overflow: hidden;
 		width: 130px;
 	}
 }
 /* PC */
 @media only screen and (min-width: 961px) {
 	#header .wrapper {
 		width: 960px;
 		margin: 0 auto;
 	}
 	#header .wrapper h1 {
 		margin: 0;
 		padding: 0;
 		display : block;
 		overflow: hidden;
 		width: 380px;
 	}
 	#header .wrapper h1 #logo {
 		float: left;
 		display: inline;
 		width: 150px;
 		margin-top: 10px;
 	}
 	#header .wrapper h1 #logo img {
 		width: auto;
 	}
 	#header .wrapper h1 #l_logo {
 		float: left;
 		display: inline;
 		width: 180px;
 		margin-top: 15px;
 	}
 	#header .wrapper h1 #l_logo img {
 		width: 100%;
 	}
 }
/*ヘッダーメニュー
*******************************/
#header .accordion {
	display: block;
	height: auto;
	margin: 1% auto;
}
#header .accordion p {
	display: block;
	position: absolute;
	right: 0;
	top: 15px;
	cursor: pointer;
}
#header .accordion p img {
	display: block;
}
#header .accordion .a_nav {
	display: none;
	width: 100%;
}
#header .accordion .a_nav ul {
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
#header .accordion .a_nav ul li {
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 10px;
	margin: 1px 0 0 0;
	background: #efefef;
	font-size: 0.8em;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

/* TAB */
@media only screen and (min-width: 481px) {
}

/* PC */
@media only screen and (min-width: 961px) {
	#header .accordion p {
		display: none;
	}
	#header .accordion .a_nav {
		display: block;
		position: absolute;
		top: 15px;
		right: 0 !important;
		border-bottom: 0;
		width: 560px;
		text-align: right;
	}
	#header .accordion .a_nav li {
		background: none !important;
		display: inline !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 0 0 0 !important;
		border-bottom: 0 !important;
	}
	#header .accordion .a_nav #freedial img {
		float: left;
		display: inline;
		overflow: hidden;
		padding: 0;
	}
	#header .accordion .a_nav #catalog {
		float: left;
		display: inline;
		width: 109px;
		margin: 0 0 5px 42px !important;
		padding: 0;
		overflow: hidden;
	}
	#header .accordion .a_nav #contact {
		float: right;
		display: inline;
		overflow: hidden;
		width: 133px;
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
	}
	#header .accordion .a_nav #freeTrial {
		float: right;
		display: block;
		overflow: hidden;
		width: 250px;
		margin: 0;
		padding: 0;
	}
}
/*******************************
 グローバルナビ
 *******************************/

 #gNav li {
 	font-size: 15px;
 	font-weight: 500;
 	text-align: center;
 	margin: 2px 2%;
 	width: 46%;
 	float: left;
 	overflow: hidden;
 	display: inline;
 }
 #gNav li a {
 	color: #009A44;
 	padding: 2%;
 	/* rounded corner */
 	-webkit-border-radius: 7px;
 	-moz-border-radius: 7px;
 	border-radius: 7px;
 	background: #eeeeee; /* Show a solid color for older browsers */
 	overflow: hidden;
 	background: -moz-linear-gradient(#ffffff, #eeeeee);
 	background: -o-linear-gradient(#ffffff, #eeeeee);
 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee)); /* older webkit syntax */
 	background: -webkit-linear-gradient(#ffffff, #eeeeee);
 	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 	border: 1px solid #fff;
 	display: block;
 }
 #gNav li a:hover {

 	text-decoration: none;
 	background: #fff; /* Show a solid color for older browsers */
 	color: #55D070;
 }
 #gNav li img {
 	float: left;
 }
 #gNav li a span {
 	white-space: nowrap;
 	vertical-align: middle;
 	float: right;
 	line-height: 70px;
 }


 /* TAB */
 @media only screen and (min-width: 481px) {
 	#gNav {
 		padding: 15px 0;
 	}
 	#gNav .wrapper {
 		margin: 0 auto;
 	}
 	#gNav ul {
 		width: 100%;
 		margin: 0 auto;
 		padding: 0;
 		overflow: hidden;
 		background: none;
 	}
 	#gNav li {
 		font-size: 15px;
 		font-weight: 500;
 		text-align: center;
 		margin: 2px 1%;
 		width: 31%;
 		float: left;
 		overflow: hidden;
 		display: inline;
 	}
 }
 /* PC */
 @media only screen and (min-width: 961px) {
 	#gNav .wrapper {
 		width: 960px;
 		padding: 0;
 		margin: 0 auto !important;
 	}
 	#gNav ul {
 		width: 100%;
 		margin: 0 0 0 0 !important;
 		padding: 0;
 		overflow: hidden;
 		border-right: 1px solid #ccc;
 	}
 	#gNav li {
 		font-size: 15px;
 		font-weight: 500;
 		text-align: center;
 		margin: 0 0 !important;
 		width: 118px;
 		/*width: 156px;*/
 		float: left;
 		overflow: hidden;
 		display: inline;
 		padding: 0 !important;
 		border-left: 1px solid #ccc;
 	}
 	#gNav li a {
 		background: none !important;
 		border: none !important;
 		padding: 0 !important;
 		/* rounded corner */
 		-webkit-border-radius: 0;
 		-moz-border-radius: 0;
 		border-radius: 0;
 		color: #ffffff;
 	}
 	#gNav li.active a {
 		color: #009A44 !important;
 		overflow: hidden;
 		/* rounded corner */
 		-webkit-border-radius: 7px;
 		-moz-border-radius: 7px;
 		border-radius: 7px;
 		margin: 0 10px;
 		background: #eeeeee; /* Show a solid color for older browsers */
 		overflow: hidden;
 		background: -moz-linear-gradient(#ffffff, #eeeeee);
 		background: -o-linear-gradient(#ffffff, #eeeeee);
 		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee)); /* older webkit syntax */
 		background: -webkit-linear-gradient(#ffffff, #eeeeee);
 		-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 		-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 		box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 		border: 1px solid #fff;
 	}
 	#gNav li.active a:hover {
 		text-decoration: none;

 		color: #55C3E9 !important;
 	}
 }
 #page_name {
 	background: url(../../images/page_name_bg.png);
 }
 #page_name #page_title {
 	font-size: 1.8em;
 	line-height: 1.1;
 	margin: 0;
 	padding: 10px !important;
 	overflow: hidden;
 }
 #page_name .wrapper {
 	width: 94%;
 	margin: 0 3%;
 	overflow: hidden;
 }
 #breadcrumb {
 	font-size: 12px;
 	margin: 0;
 	padding: 0 15px;
 	overflow: hidden;
 }

 #breadcrumb span + span:before {
 	padding:0;
 	content: "　|　";
 }
 /* TAB */
 @media only screen and (min-width: 481px) {
 	#page_name .wrapper {
 		width: 960px;
 		margin: 0 auto !important;
 	}
 }

 /* PC */
 @media only screen and (min-width: 961px) {
 }
/*******************************
 ヴィジュアル
 *******************************/
 #visual .wrapper {
 	margin: 15px auto 0 !important;
 	padding: 1% !important;
 	overflow: hidden;
 	text-align: center;
 	width: 94%;
 	background: #FFF;
 }
 #visual .wrapper img {
 	max-width: 100%;
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
 	display: block;
 }
 /* TAB */
 @media only screen and (min-width: 481px) {
 	#visual .wrapper {
 		margin: 15px auto 0 !important;
 		padding: 1% !important;
 		overflow: hidden;
 		text-align: center;
 		width: 94%;
 		background: #FFF;
 		/* rounded corner */
 		-webkit-border-radius: 10px;
 		-moz-border-radius: 10px;
 		border-radius: 10px;
 	}
 }
 /* PC */
 @media only screen and (min-width: 961px) {
 	#visual .wrapper {
 		margin: 15px auto 0 !important;
 		padding: 1% !important;
 		overflow: hidden;
 		text-align: center;
 		width: 98%;
 		background: #FFF;
 	}
 }
/*******************************
 コンテンツ
 *******************************/
 #content .wrapper {
 	margin: 0 3%;
 	padding: 20px 0;
 	overflow: hidden;
 	text-align: left;
 }
 #content .wrapper.col_full {

padding: 15px;
	overflow: hidden;
	margin: 0 auto;
/*背景カラー透かし*/
	background-color:rgba(255,255,255,0.8);
}
 #content article#main {
 	width: 98%;
 	text-align: left;
 	overflow: hidden;
 	display: block;
 	background: #ffffff;
 	padding: 1%;
 	margin-bottom: 30px;
 }
 #content aside#side {
 	width: 98%;
 	overflow: hidden;
 	display: block;
 	position: relative;
 	background: #ffffff;
 	padding: 1%;
 	margin-bottom: 30px;
 }
 /* TAB */
 @media only screen and (min-width: 481px) {
 	#content .wrapper {
 		margin: 15px 2%;
 		overflow: hidden;
 	}
 }
 /* PC */
 @media only screen and (min-width: 961px) {
 	#content .wrapper {
 		width: 960px;
 		margin: 0 auto;
 		overflow: hidden;
 	}
 	#content article#main {
 		width: 700px;
 		text-align: left;
 		float: left;
 		overflow: hidden;
 		display: inline;
 		background: #ffffff;
 		padding: 10px;
 		margin-bottom: 30px;
 	}
 	#content aside#side {
 		width: 250px;
 		float: right;
 		overflow: hidden;
 		display: inline;
 		position: relative;
 		background: #ffffff;
 		padding: 10px;
 		margin-bottom: 30px;
 	}
 }
/*コンテンツパーツ設定
*******************************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin: 0 0 0.5em;
	line-height: 1.1;
}
#content p {
	margin: 0 0 1em;
	font-size: 1.2em;
	line-height: 1.3;
	text-align: left;
}
#content ul {
	margin: 0 0 2em;
	padding: 0;
	list-style-position: inside;
}
/*******************************
ホーム  #home
*******************************/

/*新着情報
*******************************/
#new_posts {
	margin: 0 auto 30px auto !important;
	overflow: hidden;
}
#new_posts .ttl {
	color: #1363A5;
	font-size: 1.5em;
	line-height: 1.7;
	font-weight: bold;
	display: block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#new_posts .box {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
	clear: both;
}
#new_posts .date {

	padding-bottom: 10px;
	width: 180px;
	font-size: 0.8em;
	line-height: 1.2em;
	overflow: hidden;
	display: block;
	margin: 0;
}
#new_posts .date span {
	background: #3AADE1;
	display: block;
	margin: 0;
	padding: 10px !important;
	white-space: nowrap;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}
#new_posts .box .topics {
	border: 1px solid #ccc;
	overflow: hidden;
	display: block;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	padding: 10px;
	background: #fefefe; /* Show a solid color for older browsers */
	overflow: hidden;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}
#new_posts .box .topics .post-categories {
	padding: 3px;
	border: 1px solid #eee;
	overflow: hidden;
	/* rounded corner */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f9f9f9 !important;
	margin-bottom: 5px;
	display: block;
}
#new_posts .box .topics .post-categories a {
	padding: 0 5px;
	font-size: 0.8em;
}
#new_posts .topics .ttl {
	clear: both;
	font-size: 1.0em;
	line-height: 1.2;
	text-shadow: none;
	margin: 10px 0 5px 0;
	font-weight: normal;
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_cycle.png) no-repeat 0 5px;
	padding-left: 15px;
}
#new_posts .box .topics .summary {
	clear: both;
	border-top: 1px dotted #ccc;
	padding: 5px;
	margin: 0;
	background: #efefef;
	overflow: hidden;
	display: block;
}
#new_posts .box .topics .summary li {
	clear: both;
	overflow: hidden;
	display: block;
	font-size: 0.8em;
}
/* TAB */
@media only screen and (min-width: 481px) {
	#new_posts .box .topics .summary li {
		float: left;
		overflow: hidden;
		display: inline;
		margin-right: 15px;
	}
}
/* PC */
@media only screen and (min-width: 961px) {
}
.more {
	width: 100%;
	text-align: center;
}
.more a {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_w.png) no-repeat right center #009A44;
	padding: 15px;
	width: 300px;
	color: #fff;
	display: block;
	text-align: center;
	margin: 0 auto;
	/* rounded corner */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* shadow */
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}
.more a:hover {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_w.png) no-repeat right center #3AADE1;
}
/*******************************
サイド  #side
*******************************/
.menu {
	clear: both;
	width: 100%;
	padding: 0;
	overflow: hidden;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fefefe; /* Show a solid color for older browsers */
	display: block;
	font-size: 0.8em;
}
.menu .box {
	border: 1px solid #ccc;
	padding: 2px;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
/* TAB */
@media only screen and (min-width: 481px) {
	.menu {
		clear: both;
		width: 100%;
		text-align: left;
	}
}
/* PC */
@media only screen and (min-width: 961px) {
	.menu {
		clear: both;
		width: 250px;
		overflow: hidden;
		padding: 0;
		background: #fefefe; /* Show a solid color for older browsers */
		display: block;
		font-size: 0.8em;
	}
}
.menu ul {
	margin: 0 !important;
	padding: 0;
	display: block;
	overflow: hidden;
}
.menu li {
	list-style: none;
	clear: both;
	padding: 5px;
	overflow: hidden;
	display: block;
	margin: 0;
}
.menu li a {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_cycle.png) no-repeat left center;
	padding-left: 15px;
}
.menu li ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block;
}
.menu li li {
	background: none;
	margin: 3px 0;
	border-bottom: 1px dotted #ccc;
}
.menu li li a {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn.png) no-repeat left center;
	padding-left: 10px;
}
.menu .ttl {
	margin-bottom: 5px;
}
.menu .ttl a {
	font-size: 0.8em;
	line-height: normal;
	font-weight: normal;
	padding: 10px;
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_w.png) no-repeat right 18px #1363A5;
	padding-right: 8px;
	overflow: hidden;
	color: #fff;
	display: block;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.menu .ttl a:hover {
	text-decoration: none;
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_w.png) no-repeat right 18px #55C3E9;
}
#bnr {
	margin-bottom: 15px;
	padding: 0;
}
#bnr ul {
	margin: 0 auto;
}
#bnr li {
	list-style: none;
	float: left;
	overflow: hidden;
	display: inline;
	width: 46%;
	margin: 2%;
}
#bnr li a {
	clear: both;
	letter-spacing: -1px;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 2px;
	overflow: hidden;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f9f9f9; /* Show a solid color for older browsers */
	overflow: hidden;
	background: -moz-linear-gradient(#ffffff, #f9f9f9);
	background: -o-linear-gradient(#ffffff, #f9f9f9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f9f9f9)); /* older webkit syntax */
	background: -webkit-linear-gradient(#ffffff, #f9f9f9);
	display: block;
}
#bnr li a:hover {
	text-decoration: none;
}
#bnr li img {
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 100%;
}
#bnr li span {
	margin-top: 4px;
	display: block;
}
/* TAB */
@media only screen and (min-width: 481px) {
	#bnr ul {
		margin: 0 2%;
	}
	#bnr li {
		list-style: none;
		float: left;
		overflow: hidden;
		display: inline;
		max-width: 23%;
		margin: 1%;
	}
}
/* PC */
@media only screen and (min-width: 961px) {
	#bnr ul {
		margin: 0;
	}
	#bnr li {
		list-style: none;
		float: left;
		overflow: hidden;
		display: inline;
		width: 100%;
		max-width: 100%;
		margin: 0 0 10px 0;
	}
}
/*******************************
フッター  #footer
*******************************/

/*フッターリンク  #footerLink
*******************************/
#footerLink .wrapper {
	color: #fff;
	font-size: 0.8em;
	overflow: hidden;
	width: 100%;
	display: block;
	border: 0;
}
#footerLink .accordion {
	display: block;
	overflow: hidden;
}
#footerLink .accordion .a_nav {
	display: none;
	clear: both;
}
#footerLink .accordion p {
	display: block;
	float: left;
	text-align: left;
	padding: 10px 2%;
	width: 96%;
	cursor: pointer;
	margin: 0;
}
#footerLink .accordion p span {
	float: left;
	text-align: left;
	padding: 5px 0;
}
#footerLink .accordion p img {
	float: right;
	width: 30px;
	overflow: hidden;
	display: block;
}
#footerLink .accordion dl {
	text-align: left;
	width: 96%;
	margin: 0 2% 2% 2%;
	border-bottom: 1px dotted #eee;
	padding-bottom: 10px;
}
#footerLink .accordion dl dt {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_cycle.png) no-repeat left center;
	padding-left: 15px;
}
#footerLink .accordion dl dd {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_w.png) no-repeat left center;
	padding-left: 10px;
	margin: 0 15px;
}
#footerLink .accordion ul {
	text-align: left;
	width: 96%;
	margin: 2% 2%;
}
#footerLink .accordion ul li {
	background: url(https://esp-music-school.com/tokyo/wp-content/themes/ems_tokyo/wp-content/themes/promusician/images/icn_cycle.png) no-repeat left center;
	padding-left: 15px;
}
#footerLink a {
	color: #fff;
	text-align: left;
}
#footerLink ul li {
	list-style: none;
}
#footer small {
	color: #ffffff !important;
	line-height: 12px;
}

/* TAB */
@media only screen and (min-width: 481px) {
}
/* PC */
@media only screen and (min-width: 961px) {
	#footerLink .wrapper {
		clear: both;
		width: 960px;
		margin: 20px auto 30px auto;
		overflow: hidden;
	}
	#footerLink .accordion p {
		display: none;
	}
	#footerLink .accordion .a_nav {
		display: block;
		overflow: hidden;
		height: auto;
	}
	#footerLink .accordion .a_nav li {
		float: left;
		overflow: hidden;
		display: block;
		margin: 0 0;
	}
	#footerLink .accordion ul li#f_logo {
		list-style: none !important;
		float: right;
		overflow: hidden;
		display: block;
	}
}
/*******************************
トップページ  #index
*******************************/
#index .lead {
	font-size: 21px !important;
	line-height: 28px;
	font-weight: normal !important;
}
#index #courses {
}
#index #courses .ttl .page_list {
	padding: 10px 0;
}
#index #courses li {
	list-style: none;
	display: block;
	background: #ffffff !important;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1%;
	overflow: hidden;
	margin: 5px;
}
#index #courses li img {
	max-width: 100%;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* TAB */
@media only screen and (min-width: 481px) {
	#index #courses ul {
		margin: 0 10px;
	}
	#index #courses li {
		list-style: none;
		float: left !important;
		display: inline;
		background: #ffffff !important;
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 0;
		overflow: hidden;
		margin: 5px;
		width: 31% !important;
	}
}
/* PC */
@media only screen and (min-width: 961px) {
	#index #courses li {
		list-style: none;
		float: left !important;
		display: inline;
		background: #ffffff !important;
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 0;
		overflow: hidden;
		margin: 6px;
		width: 32% !important;
	}
}
#index .post_list {
	margin: 30px 0;
	overflow: hidden;
	display: block;
	border-top: 1px dotted #ccc;
}
#index .post_list dl {
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 1% 0;
}
#index .post_list dl:hover {
	background: #f9f9f9;
}
#index .post_list dl dt {
	float: left;
	display: inline;
	overflow: hidden;
	width: 32%;
	margin: 0 0 0 0;
	padding: 1% 2%;
	border-left: 3px solid #cccccc;
}
#index .post_list dl dt span {
	float: left;
	padding: 2px 4px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 10px;
	display: block;
	letter-spacing: -1px;
}
/* PC */
@media only screen and (min-width: 481px) {
	#index .post_list dl dt span {
		float: right;
		letter-spacing: 0;
	}
}

/* PC */
@media only screen and (min-width: 961px) {
	#index .post_list dl dt span {
		margin-top: -5px;
	}
	#index .post_list dl dt span {
		float: right;
		padding: 2px 4px;
		margin-top: 0;
		color: #ffffff;
		font-size: 12px;
	}
}
#index .post_list dl dd {
	float: right;
	display: inline;
	overflow: hidden;
	width: 60%;
	padding: 1%;
	margin: 0;
	line-height: 1.2em;
}
#index #news .item {
	text-align: center !important;
	font-size: 0.9em;
}
#index #news #owl-news .item {
	margin: 3px;
}
#index #news #owl-news .item img {
	display: block;
	width: 100%;
	height: auto;
}
#sns li {
	list-style: none;
}
#sns_L {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-right: 0;
}
.twtr_box {
	max-width: 100%;
}
#sns li {
	float: left;
	overflow: hidden;
	display: inline;
	margin: 3px 1%;
	width: 48%;
}
#sns_R img {
	width: 100%;
	height: auto;
}
#sns_R {
	display: block;
	width: 100%;
	margin-top: 30px;
}
/* TAB */
@media only screen and (min-width: 481px) {
	#sns_L {
		float: left;
		overflow: hidden;
		display: inline;
		width: 48%;
		margin-right: 1%;
	}
	.twtr_box {
		max-width: 100%;
	}
	#sns_R {
		float: right;
		overflow: hidden;
		display: inline;
		width: 48%;
		margin: 1%;
	}
	#sns_R .ttl {
		letter-spacing: -1px;
		font-size: 1.8em;
	}
	#sns_R li {
		float: left;
		overflow: hidden;
		display: inline;
		margin: 1px;
	}
}
/* PC */
@media only screen and (min-width: 961px) {
	#sns_R img {
	}
}
#feed {
	clear: both;
	display: block;
}
#feed li {
	clear: both;
	width: 100%;
}
#feed_box {
	margin: 0 0 20px 0 !important;
	overflow: hidden;
}
#feed_box li {
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
	font-size: 0.8em;
	padding: 5px;
	display:block !important;
	width:100%;
}
#feed_box li a {
	color:#55D070;
}
#feed_box li a:hover {
	color:#55D070;
	text-decoration:underline;
}
.footerBrn {
	clear: both;
	background: url(../../images/footLink_bgr.gif);
	overflow: hidden;
	display: block;
	padding: 10px;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.footerBrn .box {
	overflow: hidden;
	padding: 15px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmY3ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f7fb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f7fb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f7fb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f2f7fb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f7fb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f2f7fb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f7fb', GradientType=0 ); /* IE6-8 */
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.footerBrn .box .row {
    margin:0;
  padding: 0;
}

.footerBrn .box .row div {
  margin:1px 0;
  padding: 0;
}

.v_middle {
  display: inline-block;
    vertical-align: middle;
    float: none;
}

.footerBrn .row .col-1 img,
.footerBrn .row .col-2 img,
.footerBrn .row .col-3 img,
.footerBrn .row .col-4 img {
  margin:0 auto;
  padding: 0;
  vertical-align: middle;
  max-height: 76px !important;
  width: auto;
}

@media only screen and (min-width: 992px) {
.footerBrn .row .col-2 img {
	max-height: 76px;
}
}

.footerBrn .row .col-1 a{
}

.footerBrn .row .col-2 a{
background: #fdc802;
  display: block;
  margin-right: 1px;
}
.footerBrn .row .col-3 a{
  background: #55D070;
  display: block;
  margin-right: 1px;
}
.footerBrn .row .col-4 a{
  background: #55D070;
  display: block;
  margin-right: 1px;
}


.f_ttl {
	color: #55D070;
	font-size: 22px;
	font-weight: normal;
	padding: 5px;
	overflow: hidden;
	line-height: 24px !important;
}
.f_freeDial {
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 5px !important;
}
.f_freeTrial {
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 1px;
	background: #FFD228 !important;
	text-align: center;
}
.f_freeTrial img {
	width: 100% !important;
}
.f_catalog {
	clear: both;
	overflow: hidden;
	display: block;
	margin: 0 !important;
	background: #55D070;
	width: 100% !important;
}
.f_catalog img, .f_contact img {
	margin: 0 auto;
	text-align: center;
}
.f_contact {
	clear: both;
	overflow: hidden;
	display: block;
	margin: 1px 0 0 0 !important;
	background: #55D070;
	width: 100%;
}
/* TAB */
@media only screen and (min-width: 481px) {
	.f_ttl {
		padding: 10px;
	}
	.f_freeTrial {
		float: left;
		overflow: hidden;
		display: linlline;
		margin-right: 1px;
	}
	.f_catalog {
		clear: both;
		float: left;
		overflow: hidden;
		display: inline;
		margin-right: 1px !important;
		margin-bottom: 1px;/*background:#3b9ae1;*/
		width: 152px !important;
	}
	.f_contact {
		clear: none;
		float: left;
		overflow: hidden;
		display: inline;
		margin: 0 !important;
		width: 152px;
	}
}

/* PC */
@media only screen and (min-width: 961px) {
	.f_freeTrial {
		clear: none;
		float: left;
		overflow: hidden;
		display: inline;
		margin-right: 1px;
	}
	.f_catalog {
		clear: none;
		float: left;
		overflow: hidden;
		display: inline;
		margin-right: 1px !important;
		margin-bottom: 1px;/*background:#3b9ae1;*/
		width: 152px !important;
	}
}
/*コンテンツ  #content
*******************************/
#content article#main .ttl {
	background: #009A44;
	font-size: 1.4em;
	color: #fff;
	padding: 15px 20px 15px 12px;
	font-weight: normal;
	overflow: hidden;
	display: block;
	position: relative;
}
#content article#main .ttl span {
	border-left: 3px solid #fff;
	padding: 0 10px 0 10px;
	margin: 0;
	display: block;
}
#content #main .ttl_sub {
	font-size: 1.3em;
	color: #1a74b7;
	padding: 5px 5px 5px 7px;
	margin: 15px 0 15px 5px;
	font-weight: normal;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
	border-left: 3px solid #009A44;
}
.content_post {
	padding: 0;
	margin: 0 0 20px;
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 0.8em;
}
.content_post .alignleft {
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 10px !important;
	border: none;
	padding: 0;
}
.content_post .alignright {
	float: right;
	overflow: hidden;
	display: block;
	margin-left: 10px !important;
	border: none;
	padding: 0;
}
.content_post img.alignleft {
	max-width: 75%;
}
.content_post img.alignright {
	max-width: 75%;
}
.content_post .update {
	font-size: 13px !important;
}
.content_post .update span {
	position: absolute;
	top: 10px;
	right: 0;
	padding: 5px 10px;
	color: #ffffff;
}
.content_post .box {
	font-size: 1em !important;
	padding-top: 0 !important;
	overflow: hidden;
}
.content_post .box img {
	display: block;
	overflow: hidden;
	margin: 10px 0;
}
.content_post .dates {
	background: #41c6f2;
	color: #eee;
	font-weight: normal;
	fon-size: 1.5em;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.content_post .dates dt {
	width: 100%;
	padding: 1%;
	overflow: hidden;
	margin: 0;
}
.content_post .dates dd {
	width: 100%;
	overflow: hidden;
	padding: 1%;
	margin: 0;
}
/* TAB */
@media only screen and (min-width: 481px) {
	.content_post .dates dt {
		float: left;
		width: 100px;
		padding: 1%;
		display: inline;
		overflow: hidden;
		margin: 0;
	}
	.content_post .dates dd {
		float: left;
		width: 81%;
		display: inline;
		overflow: hidden;
		padding: 1%;
		margin: 0;
	}
}
/* PC */
@media only screen and (min-width: 961px) {
	.content_post .dates dt {
		float: left;
		width: 15%;
		padding: 1%;
		display: inline;
		overflow: hidden;
		margin: 0;
	}
	.content_post .dates dd {
		float: left;
		width: 81%;
		display: inline;
		overflow: hidden;
		padding: 1%;
		margin: 0;
	}
}
.content_post .box .ttl_lead {
	color: #41c6f2;
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0 10px 0 !important;
	overflow: hidden;
	display: inline;
}
.content_post .link_detail {
	float: right;
	display: inline;
	overflow: hidden;
	/* rounded corner */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.content_post .link_detail a {
	background: url(../../images/icn_white.png) no-repeat center left #1a74b7;
	padding: 7px 10px 7px 20px;
	color: #fff;
	font-size: 12px;
}

/*コンテンツ  #content_post
*******************************/
.content_post .columnAll {
	clear: both;
	width: 100%;
	margin: 1% 0;
}
.content_post .columnAll img {
	max-width: 100%;
	height: auto;
}
.content_post .column02 {
	clear: both;
	margin-bottom: 20px;
}
.content_post .column02 li {
	float: left;
	width: 98%;
	margin: 1%;
	list-style: none !important;
	display: inline;
	overflow: hidden;
}

/* TAB */
@media only screen and (min-width: 481px) {
	.content_post .column02 li {
		float: left;
		width: 48%;
		margin: 1%;
		list-style: none;
		display: inline;
		overflow: hidden;
		padding: 0 !important;
	}
}
.content_post .column02 li img {
	margin: 0;
	height: auto;
}
.content_post .column03 {
	clear: both;
	margin: 0 auto 20px;
}
.content_post .column03 li {
	float: left;
	width: 98%;
	list-style: none;
	display: inline;
	overflow: hidden;
	margin: 1%;
}
/* TAB */
@media only screen and (min-width: 481px) {
	.content_post .column03 li {
		float: left;
		width: 31% !important;
		display: inline;
		overflow: hidden;
		margin: 1%;
	}
}
.content_post .column03 li img {
	margin: 0 auto;
	height: auto;
}
.content_post .column04 {
	clear: both;
	margin-bottom: 20px;
}
.content_post .column04 li {
	float: left;
	width: 48%;
	list-style: none !important;
	display: inline;
	overflow: hidden;
	margin: 1% auto;
	text-align: center;
}

/* TAB */
@media only screen and (min-width: 481px) {
	.content_post .column04 li {
		float: left;
		width: 23%;
		list-style: none !important;
		display: inline;
		overflow: hidden;
		margin: 1%;
		text-align: center;
	}
}
.content_post table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}
.content_post table th {
	width: 28%;
	padding: 1%;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #ccc;
}
.content_post table td {
	padding: 1%;
	background-color: #fff;
	border: 1px solid #ccc;
}
#inner .content_post #child_list2, #inner .content_post #child_list3 {
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden;
}
/*column2*/
#inner .content_post #child_list2 li, #inner .content_post #child_list3 li { /*スマホでは全て２カラム*/
	float: left;
	display: inline;
	overflow: hidden;
	width: 48% !important;
	margin: 1% 1px;
	padding: 1px;
	text-align: center;
	height:100%;
}
#inner .content_post #child_list2 li a, #inner .content_post #child_list3 li a {
	border: 1px solid #ccc;
	overflow: hidden;
	display: block;
	/* rounded corner */
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#inner .content_post #child_list2 li a span, #inner .content_post #child_list3 li a span {
	padding: 5px 0 !important;
	display: block;
}
#inner .content_post #child_list2 li .bl, #inner .content_post #child_list3 li .bl {
	border: 1px solid #ccc;
}
/* TAB */
@media only screen and (min-width: 481px) {
	#inner .content_post #child_list2, #inner .content_post #child_list3 {
		margin: 0;
	}
	/*column3*/
	#inner .content_post #child_list3 li {
		float: left;
		display: inline;
		overflow: hidden;
		width: 31% !important;
		margin: 1%;
		text-align: center;
	}
	/*column2*/
	#inner .content_post #child_list2 li {
		float: left;
		display: inline;
		overflow: hidden;
		width: 47% !important;
		margin: 1% 1%;
		text-align: center;
	}
}
#inner #child_list2 li img, #inner #child_list3 li img {
	overflow: hidden;
	width: 100%;
	padding: 0;
}
#inner .content_post #child_list2 .child_ttl, #inner .content_post #child_list3 .child_ttl {
	margin: 10px 0;
	font-weight: normal;
	font-size: 1.1em;
}
#inner .content_post p {
	margin-left: 0;
	margin-right: 0;
}
/*side
************************/
#content .content_side {
	margin-bottom: 30px;
}
#content .content_side.end {
	margin-bottom: 0 !important;
}
#content #side .ttl {
	background: #009A44;
	font-size: 1.1em;
	color: #fff;
	padding: 10px 5px 10px 10px;
	font-weight: normal;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0 auto;
}
#content #side .ttl a {
	border-left: 3px solid #fff;
	padding: 0 0 0 10px;
	margin: 0 auto;
	display: block;
	font-size: 0.9em;
	color: #fff;
	letter-spacing: -1px;
}
#content #side .menu_list {
	margin: 0;
	padding: 0;
}
#content #side .menu_list li span {
	float: right;
	padding: 2px 5px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 3px;
}
#content #side .menu_list li {
	background: url(../../images/icn_blue.png) no-repeat 0 15px #eeeeee;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	padding: 10px 10px 10px 20px;
	list-style: none;
	margin: 0 !important;
	font-size: 0.8em;
}
#content .content_side .menu_list li a {
	clear: both;
	display: block;
}
#content .content_side .menu_list li .children {
	margin: 0 0 0 -10px !important;
	padding: 0 !important;
	overflow: hidden;
}
#content .content_side .menu_list li .children li {
	margin: 0 0 !important;
	padding: 5px 5px 0 20px !important;
	border-bottom: none !important;
	border-top: none !important;
	background: url(../../images/icn_blue.png) no-repeat 0 9px #eeeeee !important;
	font-size: 0.9em !important;
	overflow: hidden;
}
/*******************************
FAQ
*******************************/

#main {
	margin-top: 0 !important;
}
.faq_box {
	background: #f9f9f9;
	padding: 10px 20px 20px 20px;
	/* rounded corner */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0;
	border: 1px solid #eee;
}
.faq_box dt {
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	display: block;
	padding-bottom: 10px;
}
.question {
	background: #03C;
	padding: 5px 10px;
	width: 100px;
	/* rounded corner */
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin: 10px 0;
}
.question img {
	width: 80px;
	height: auto;
}
.faq_box dd {
	overflow: hidden;
	display: block;
	padding-top: 5px;
	margin: 0;
	font-size: 13px;
}
.answer {
	background: #FF2F40;
	padding: 5px 10px;
	width: 100px;
	/* rounded corner */
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin: 10px 0;
}
.answer img {
	width: 80px;
	height: auto;
}

/*******************************
information
*******************************/
#inner .post_list {
	clear: both;
	margin: 0 auto 20px;
	overflow: hidden;
	width: 100%;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f9f9f9;
}
#inner .post_list .bl {
	border: 1px solid #ddd;
	padding: 2%;
	overflow: hidden;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}
/* TAB */
@media only screen and (min-width: 481px) {
}
#inner .post_list .ttl_sub {
	margin-left: 0;
}
#inner .post_list a {
	text-decoration: none;
}
#inner .post_list a:hover {
	text-decoration: underline;
}
#inner .post_list .dateCat {
	font-size: 0.8em;
	padding: 5px 0;
}
#inner .post_list .dateCat span {
	color: #FFF;
	padding: 3px 10px;
}
#inner .post_list .imgArea {
	width: 100%;
	display: block;
	overflow: hidden;
}
/* TAB */
@media only screen and (min-width: 481px) {
	#inner .post_list .imgArea {
		width: 300px;
		float: right;
		margin: 0 !important;
	}
}
#inner .post_list .imgArea img {
	width: 100%;
	height: auto;
	float: right;
}
.columnAll {
	padding: 0;
}
.require {
	color: #C00;
}
#trust-form .error {
	color: #C00;
	font-size: 12px;
}
#trust-form input {
	padding: 5px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	border: 1px solid #CCC;
	background: #f9f9f9;
	display: block;
	margin: 3px;
}
#trust-form textarea {
	padding: 5px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	border: 1px solid #CCC;
	background: #f9f9f9;
	display: block;
	margin: 3px;
}
#trust-form ul {
	margin: 0 !important;
	padding: 0 !important;
}
#trust-form ul li {
	list-style: none;
	display: inline;
}
#trust-form .short {
	width: 25%;
}
#trust-form .middle {
	width: 60%;
}
#trust-form .long {
	width: 90%;
}
#trust-formselect {
	padding: 5px;
}
#trust-form textarea {
	width: 90%;
}

/*テーブル
#trust-form table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ccc;
}
#trust-form table th {
	display: block;
	text-align: left;
	padding: 1%;
	width: 100%;
	background: #f3f3f3;
	vertical-align: top;
	font-weight: 500;
	border: none;
	border-top:3px solid #ccc !important;
}
#trust-form table td {
	display: block;

	text-align: left;
	padding:1%;
	width:100%;
	vertical-align: top;
	border: none;

	}*/
	/* tablet */
	@media screen and (max-width: 960px) {
	}
	/* sp */
	@media screen and (max-width: 620px) {
		#trust-form table {
			border: none;
		}
		#trust-form table th {
			display: block;
			width: 96%;
			border: none;
			background: none;
			font-weight: 500;
			padding: 2% 2%;
		}
		#trust-form table td {
			display: block;
			width: 96%;
			border: none;
			padding: 2% 2%;
			border-bottom: 1px dotted #ccc;
		}
	}
	.submit-container input {
		float: left;
	}
/****
tbl
****/

.tbl {
	margin: 10px 0;
	border-top: 1px solid #ddd !important;
	width: 100% !important;
	table-layout: auto;
	color: #333;
}
.tbl.bl_none, .tbl.bl_none td, .tbl.bl_none th {
	border-top: none !important;
	border-bottom: none !important;
}
caption {
	font-weight: bold !important;
	font-size: 15px !important;
	color: #101010;
	text-align: left;
	margin: 10px 0 0;
}
.tbl td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: auto;
	vertical-align: middle !important;
}
.tbl th {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	font-weight: nomal;
	vertical-align: top !important;
}
@media screen and (max-width:640px) {
	.tbl {
		margin: 10px 0;
		border-top: 1px solid #ddd !important;
		width: 98% !important;
		vertical-align: middle !important;
	}
	.tbl th, .tbl td {
		display: block !important;
		width: 98% !important;
		padding: 1%;
		vertical-align: top !important;
	}
}
.tbl td p, .tbl th p {
	margin: 5px 0 !important;
	display: block;
}

/*monthly-calendar*/
#content  .monthly-calendar table {
	width:100%;
	table-layout:auto;
}

#content  .monthly-calendar table tr th{
	width:auto !important;
}

@media screen and (max-width: 480px) {
	.iframe-content {
		width: 100%;
		padding: 75% 0 0 0;
	}
	.content_post iframe {
		top: 0;
		left: 0;
		width: 100%;

	}
}

/*musicians*/
#musicians {
	font-size: 13px;
}

#musicians > div .row {
	padding: 30px 15px;
}
#musicians .item_lists {
	background: #fff;
	padding:0;
	box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
	-moz-box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
}
#musicians .item_lists .image {
	position: relative;
	padding:0 0 2px 0;
	margin:0;
	background: #009A44;
}
#musicians .item_lists .catimg {
	width: 100%;
	opacity: 0.9;

}
#musicians .item_lists .catlogo {
	position: absolute;
	bottom:-20px;
	left:0;
	width: 100px;
}
#musicians .item_lists .detail {
	display: block;
	padding: 20px 10px 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
}
#musicians .item_lists .detail ul {
	padding: 0 !important;
	margin:0 !important;
	font-size: 13px;
	list-style: none;
}
#musicians .item_lists .detail ul.ofh {
	height:120px !important;
	overflow:auto;
/*	 -webkit-overflow-scrolling: touch;*/
}


.ofh::-webkit-scrollbar {
  width: 5px;
}
.ofh::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.ofh::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}


#musicians .item_lists .detail ul li a {
	background: url(../../images/icn_blue.png) no-repeat 0 10px #f6f6f6;
	border-bottom: 1px solid #eee;
	padding:6px 20px 5px 20px;
	display: block;
	width: 100%;
}
#musicians .part_ttl {
	font-size: 16px;
	letter-spacing: -1px;
	text-align: center;
}

#musicians #page_header {
	background: #fff;
	margin:0 auto;
	padding: 10px 0;

	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

}

#musicians #page_header img {
	margin:0 auto;


}
#musicians .img_area {
	min-height:280px;
}


#musicians .name_area {
	padding:10px;
}


#musicians .name_area .part_list {
	clear: both;
	margin-bottom:5px;
	padding:0;
}
#musicians .name_area .part_list img {
	margin:0 auto;
	width:60px;
	height:auto;
	padding-right: 10px;
}
#musicians .name_area .part_list .col-left, #musicians .name_area .part_list .col-right  {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
}
#musicians .name_area .title_name {
	clear: both;
	padding-top: 10%;
}
#musicians .name_area .title_name span{
	display: block;
	font-size: 15px;
	padding: 10px;
}

#musicians section .title {
	padding: 50px 0;
	text-align: center;
	font-size:28px;
	font-weight: 500;
}

#musicians section .title span{
	display: block;
	font-size: 15px;
	padding: 10px;
}

#musicians .musician_content {
	margin-bottom: 50px;
}

.shred_guitar {
	color:#e60012;
}
.gmas {
	color:#000000;
}
.theory {
	color:#d3a100;
}
.ssw {
	color:#ba512d;
}
.vocalop {
	color:#36b7aa;
}
.dtm {
	color:#9fa0a0;
}
.guitar_vocal {
	color:#751485;
}
.vocal {
	color:#00a040;
}
.drums {
	color:#f39800;
}
.bass {
	color:#008cd6;
}
.guitar {
	color:#e4007f;
}
.ac_guitar {
	color:#df0024;
}
.ukulele {
	color:#93794c;
}

.staff {
color:#f7a0ce;
}

@media screen and (max-width: 480px) {
	#musicians .sbi_type_image {
		width: 33.333333333% !important;
		height: auto;
		text-align: center;
	}
	#musicians .sbi_type_image img {
		width: 100% !important;
	}
}



/*trials*/
#trials {
	font-size: 15px;
}

#page_name.main_image {
	height:320px;
	background:url(../../images/ems-illust.png) center center / cover no-repeat ;
	box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
	-moz-box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;

}

#page_name .main_image .ttl {
	text-align: center;
	padding-top: 10%;
	color: #fff;
	font-size:32px;
	text-shadow: 0 1px 2px #999;

}
@media screen and (max-width: 767px) {
	#page_name.main_image {
		height:240px;
		background:url(../../images/ems-illust.png) center center / cover no-repeat;

		box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
		-webkit-box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
		-moz-box-shadow:0 0 2px #fff, 0 0 2px #ccc, 0 0 1px #aaa;
	}

	#trials .main_image .ttl {
		text-align: center;
		padding-top: 25%;
		font-size:24px;
	}
}

#trials .content{
	padding: 30px 0 0;

}

#trials > div .row {
	padding: 30px 15px;
}
#trials .item_lists {
	background:url(../../images/page_name_bg.png) #fff;
	padding:0;
	color:#fff;
	box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	-moz-box-shadow:0 0 1px #999;
}

#trials .item_lists:hover {
	background:url(../../images/page_name_bg.png) #fff;
	padding:0;
	color:#333;
	box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	-moz-box-shadow:0 0 1px #999;
}

#trials .item_lists .image {
	position: relative;
	padding:0 0 2px 0;
	margin:0;
	background: #009A44;
}
#trials .item_lists .catimg {
	width: 100%;
	opacity: 0.9;

}
#trials .item_lists .catlogo {
	position: absolute;
	bottom:-20px;
	left:0;
	width: 100px;
}
#trials .item_lists .detail {
	display: block;
	padding: 20px 10px 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
}


#trials .item_lists .detail .catch {
	font-size: 13px;
	color:#333;
}


#trials .item_lists .detail .btn {
	background: url(../../images/icn_blue.png) no-repeat 0 12px #666;
	padding-left:20px;
	display: block;
	color: #fff;
}

#trials .item_lists .detail .btn:hover {
	background: url(../../images/icn_blue.png) no-repeat 0 12px #000;
	padding-left:20px;
	color: #fff;
	display: block;
}

#trials .item_lists .detail .btn:focus {
	background: url(../../images/icn_blue.png) no-repeat 0 12px #000;
	padding-left:20px;
	color: #fff;
	outline: none;
	display: block;
}

#trials .part_ttl {
	font-size: 14px;
	letter-spacing: -1px;
	text-align: center;
}


#trials #page_header {
	background:#fff;

	margin:0 auto;
	padding: 10px 0;

	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

}

#trials #page_header img {
	margin:0 auto;
}
#trials .img_area {
	min-height:280px;
}


#trials .name_area {
	padding:10px;
}


#trials .name_area .part_list {
	clear: both;
	margin-bottom:5px;
	padding:0;
}
#trials .name_area .part_list img {
	margin:0 auto;
	width:100px;
	height:auto;
	padding-right: 10px;
}
#trials .name_area .part_list .col-left,
#trials .name_area .part_list .col-right  {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
}
#trials .name_area .title_name {
	clear: both;
	padding-top: 5%;
	font-size: 26px;
}
#trials .name_area .title_name span{
	display: block;
	font-size: 15px;
	padding: 10px 0;
	text-align: left;
}

#trials .name_area .ancker_nav {
	margin: 30px auto 0;
	position: relative;
	overflow: hidden;
}

#trials .name_area .ancker_nav ul{
	text-align: center;
	position: relative;
	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
	float: left;
}

#trials .name_area .ancker_nav ul li {
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
	text-align: center;
	background: #00a040;
	margin:0 5px 0 5px;
	padding: 10px 20px;
	color: #fff;
	border-radius: 5px;

}
#trials .name_area .ancker_nav ul li a {
	color: #fff;
}
#trials .name_area .ancker_nav ul li a:hover {
	opacity: 0.8;
}



#trials section .title {
	padding: 30px 0;
	text-align: center;
	font-size:28px;
	font-weight: 500;
}

#trials section .title span{
	display: block;
	font-size: 15px;
	padding: 10px;
}

#trials .trials_content {
	margin-bottom: 50px;
}


@media screen and (max-width: 480px) {
	#trials .sbi_type_image {
		width: 33.333333333% !important;
		height: auto;
		text-align: center;
	}
	#trials .sbi_type_image img {
		width: 100% !important;
	}
}

#trials #trial_description {
	padding:50px 15px;
	font-size: 16px;
}

.catch {
	font-size: 20px;
	margin-bottom: 15px;
}
#trials #musicians_item {
	background: #f6f6f6;
	padding:50px 0;
}
#trials #musicians_item .item {

}
#trials #musicians_item .item .musician_img  {
	min-height: 160px;
	text-align: center;
	margin:0 auto;
	padding: 0;
	background: #000;
}

#trials #musicians_item .item .musician_img a {
	display: block;
	min-height: 160px;
	width:100%;
	background: #fff;
	padding: 70px 0 0 0;
	color: #00a040;
	opacity: 0.5;
	font-size: 16px;
}

#trials #musicians_item .item .musician_img a:hover {
	opacity: 1;
	color: #fff;
}

/*サイドメニューボタン 無料体験レッスンで表示　*/
.menu_btn {
	position: fixed;
	top: 160px;
	right: 0;
	z-index: 10001;
}
.menu_btn img {
	width: 60px;
	height: auto;
}
.menu_right {
	position: fixed;
	top: 0;
	right: 0;
	border-left: 1px solid #ccc;
	width: 300px;
	background: #fff;
	z-index: 10000;
	padding: 10px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: visible;
}

.menu_right .advisor_img {
	width: 180px;
	margin: 0 auto;
}
.menu_right h2 {
	font-size: 16px;
	text-align: center;
	background: #eee;
	display: block;
	padding:10px 0 5px 0;
}
.menu_right h3{
	font-size: 14px;
	text-align: center;
	background: #eee;
	display: block;
	padding:10px 0 5px 0;
}
.menu_right .row {
	padding: 0;
	margin:0 auto;
	text-align: left;
}
.menu_right .row div {
	padding:5px 0;
	margin:0 0 5px;
	font-size: 13px;
	display: table;
	border-bottom:1px dotted #ddd;
	text-align: left;
	width: 100%;
}
.menu_right .row div .cicle {
	display: table-cell;
}
.menu_right .row div span.name{
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

.menu_right .row div span.name a {
	color:#00a040;
}

.menu_right .row div span.name a:hover {
	opacity: 0.8;
}

.menu_right .row .cicle {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #eee;/* 円の色 */
}

.menu_right .row .cicle.blue_l {
	background-color:#58BEFF;
}

.menu_right .row .cicle img {
	width: 40px;
	height: auto;
	padding-top:10px;
	padding-left:10px;
	height: auto;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.menu_right dl {
	clear: both;
	margin-bottom:5px;
	padding: 0;
}

.menu_right dl dt, .menu_right dl dd {
	clear: both;
	margin:0;
	padding: 0;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
}

.menu_right input, .menu_right select, .menu_right textarea {
	focus:none;
}
.menu_right input {
	width: 96% !important;
}

.menu_right input[type="checkbox"]{
	width: 120px;
	font-size: 13px;
	text-align: left;
	margin:0;
}


.menu_right input[type="submit"]{
	width: 120px;
	font-size: 13px;
	text-align: center;
}
.menu_right textarea {
	width: 100% !important;
}

.menu_right .select {
	width: 96%;

}

/*#musicians*/

#musicians .trials_list div:hover {
	background:url(../../images/page_name_bg.png) #fff;
}

#musicians .trials_list .catlogo {
	text-align:center;
	margin:0 auto;
	padding: 15px;
	width:155px !important;
}
#musicians .trials_list .part_ttl {
	font-size: 18px;
	letter-spacing: -1px;
	text-align: center;
	padding: 0 0 15px 0;
}
#musicians .trials_list .btn {
	text-align: center;
	width: 100%;
}
#musicians .trials_list .btn a {
	background: url(../../images/icn_blue.png) no-repeat 0 10px #666;
	padding-left:20px;
	display: block;
	color: #fff;
	width: 160px;
	text-align: center;
	margin:0 auto;
	padding: 5px 5px 5px 20px;
	border-radius: 4px;
}

#musicians .trials_list .btn a:hover {
	background: url(../../images/icn_blue.png) no-repeat 0 10px #000;
	padding-left:20px;
	color: #fff;
	display: block;

}

#musicians .trials_list .btn a:focus {
	background: url(../../images/icn_blue.png) no-repeat 0 10px #000;
	padding-left:20px;
	color: #fff;
	outline: none;
	display: block;
}

/*予約オプションのスタイルカスタマイズ*/
	.option-note,
	.option-confirm-note {
		display: block;
	}


/*mts*/

.content_post table th {
	width: 28%;
	padding: 1%;
	text-align: center !important;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #ccc;
}

 .day-calendar table {
	border: none;
	/*border-collapse: separate;
	border-spacing: 1px 5px;*/
	border-collapse: collapse !important;
	width: 80%;
}

.day-calendar th,
.day-calendar td {
	font-size: 1rem;
	text-align: center;
	padding: 0;
	vertical-align: middle;
	width: 50%;
}

th.day-left {
	-moz-border-radius-topleft: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	 border-top-left-radius:  0 !important;
	 border-bottom-left-radius:  0 !important;
	border: 1px solid #dddddd;
	line-height: 2.5rem;
}

th.day-right {
	-moz-border-radius-topright: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border: 1px solid #dddddd;
	line-height: 2.5rem;
}

td.day-right {
	-moz-border-radius-topright: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border: 1px solid #dddddd;
	font-size: 1.5rem;
}

.submit-container input {
	width:auto;
}
 span.wpcf7-list-item {
 	width: 100%;
 	margin: 0 !important;
 	display: inline-block;
 }
 span.wpcf7-list-item input[type=checkbox],
 span.wpcf7-list-item input[type=radio] {
   border: 1px solid #ccc !important;
   display:inline-block;
   margin: 5px;
}

.wp-polls-ul {
	padding: 15px;
}
.wp-polls-ul li {
	text-align: left;
}
.wp-polls-ul li input[type=radio] {
	border: 1px solid #ccc !important;
	text-align: left;
	display: inline-block;
	width: auto;
}
.wp-polls-ul li label {
	text-align: left;
}

.gallery-item dt {
	display: flex !important;
	 justify-content: center !important;
}

.youtube {
  position:relative;
  width: 100%;
  max-width: 560px;
  margin: auto;
}

.youtube::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}