/*
Theme Name: EMS
Theme URI: http://www.esp-music-school.com/
Version: 1.0
*/

body {
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, Lucida Grande, sans-serif;
	-webkit-text-size-adjust: 100%;
}
.content_post a {
	text-decoration:none !important;
}
.content_post a:hover {
	text-decoration:none !important;
}

.content_post #child_list2 a, .content_post #child_list3 a {
	text-decoration:none !important;
}
.content_post #child_list2 a:hover {
	text-decoration:none !important;
}
a.link {
	background: url(https://esp-music-school.com/images/icon/icn_gray.png) no-repeat right;
	padding-right: 10px;
}
a:hover.link {
	background: url(https://esp-music-school.com/images/icon/icn_red.png) no-repeat right;
}
/*links */
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom: 1;
	color: #C00;
}
a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom: 1;
	color: #C00;
}

/*
h3.ttl_sub3 {
	padding: 0 10px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
	color: #101010;
	background: url(https://esp-music-school.com/images/icon/icn_ttl_sub.png) no-repeat left top;
	margin: 10px 0 !important;
	overflow: hidden;
}
h4.ttl_sub4 {
	padding: 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
	color: #101010;
	margin: 10px 0 !important;
}
h5.ttl_sub5 {
	padding: 5px 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
	font-weight: bold;
	color: #101010;
	margin: 10px 0 !important;
}
*/

.alignleft {
	display: block;
	margin: 0 auto ;
	text-align: left !important;
}
.aligncenter {
	display: block;
	margin: 0 auto 4% auto !important;
	text-align: center;
}
.alignright {
	display: block;
	float: none !important;
	margin: 0 auto 4% auto !important;
	text-align: center;
}
hr.gray {
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-color: #f9f9f9;
	margin-bottom: 20px;
}
 @media only screen and (min-width: 481px) {
.alignleft {
	float: left !important;
	display: inline;
	margin-right: 4% !important;
}
.aligncenter {
	text-align: center !important;
	display: inline;
}
.alignright {
	float: right !important;
	display: inline;
	margin-left: 4% !important;
}
hr {
	clear: both !important;
}
}
/*clear*/
.clear {
	clear: both;
}
.clearfix {
	_zoom: 1;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.pictureL {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 10px 0 !important;
	width: 100%
}
.pictureR {
	float: right;
	display: inline;
	overflow: hidden;
	margin: 0 0 10px 0 !important;
	width: 100%;
}
.title_area .the_date {
	clear: both;
	display: block;
	overflow: hidden;
	background: url(https://esp-music-school.com/images/icon/calender.png) no-repeat 10px 10px #C00 !important;
	padding: 10px 10px 10px 40px;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 20px 0 10px 0 !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.page_content ul {
	margin-left: 10px;
}
.page_content ol {
	margin-left: 30px;
}
/*==============================
 rounded corner
============================== */
.cnr5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cnr10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.cnr20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.cnr50 {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.line-h24 {
	line-height: 24pt;
}
.line-h36 {
	line-height: 36pt;
}
/*============================================================

action

============================================================ */

.action {
	margin: 20px auto;
	width: 80%;
}
 @media only screen and (min-width: 481px) {
.action {
	margin: 20px auto;
	width: 60%;
}
.side .action {
	margin: 20px auto;
	width: 80%;
}
}
.action a {
	margin: 0;
	width: 90%;
	padding: 5%;
	text-align: center;
	color: #efefef;
	display: block !important;
	text-decoration: none;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
	background: url(https://esp-music-school.com/images/icon/icn_gray.png) no-repeat 96% center #222 !important;
}
.action a:hover {
	background: url(https://esp-music-school.com/images/icon/icn_red.png) no-repeat 96% center #222 !important;
}
.side .action a {
	margin: 0;
	width: 96%;
	padding: 5% 2%;
	text-align: center;
	color: #efefef;
	display: block !important;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
	background: url(https://esp-music-school.com/images/icon/icn_gray.png) no-repeat 98% center #222 !important;
}
.side .action a:hover {
	background: url(https://esp-music-school.com/images/icon/icn_red.png) no-repeat 98% center #222 !important;
}

.action_back {
	margin: 20px 0;
}
.g_gray_o {
}
 @media only screen and (min-width: 481px) {
.action_back {
}
}
.action_back a {
	width: 130px;
	margin: 0 auto;
	text-align: center;
	color: #000;
	display: block !important;
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
	background: url(https://esp-music-school.com/images/icon/icn_gray_l.png) no-repeat 10px center !important;
	padding: 0 15px;
}
.action_back a:hover {
	background: url(https://esp-music-school.com/images/icon/icn_red_l.png) no-repeat 10px center !important;
}

/*==============================
btn
============================== */
a.btn_red {

	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #f62b2b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f62b2b, endColorstr=#d20202);
border:none;}

a.btn_red:hover {
padding: 10px 20px;
	background-color: #e40a0a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
	background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
	background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
	background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e40a0a, endColorstr=#9f0202);
	text-decoration: none;
border:none;}

a.btn_link {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
	text-decoration: none !important;
	display: inline-block;
	color:#000;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
a.btn_link:hover {
	border: 1px solid #ccc;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	text-decoration: none !important;
}
a.btn_link:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

a.btn_blank {
	background: url(https://esp-music-school.com/images/icon/external_gray.png) no-repeat right center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	color: #000;
	border: solid 1px #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
a:hover.btn_blank {
	background: #fff;
}

ul.heightLineParent,div.heightLineParent {
}
ul.heightLine,div.heightLine {
}
.pd5 {
	padding: 5px;
}
.pd10 {
	padding: 10px;
}
.pd20 {
	padding: 20px;
}
.pd30 {
	padding: 30px;
}
.mg01 {
	margin: 1% !important;
}
.mg02 {
	margin: 2%;
}
.mg03 {
	margin: 3%;
}
.mg04 {
	margin: 4%;
}
.mg1 {
	margin: 1px;
}
.mg5 {
	margin: 5px;
}
/*============================================================

tbl

============================================================ */

table.tbl {
	margin: 10px 0;
	border-top: 1px solid #ddd !important;
	width: 100% !important;
	border-collapse: collapse;
}
table.tbl td {
	width: 70% !important;
	padding: 10px;
	border: 1px solid #ddd;
}
table.tbl th {
	width: 30% !important;
	padding: 10px;
	border: 1px solid #ddd;

}
/*1：9*/
table.tbl19 {
	width:100% !important;
}
table.tbl19 th {
	width: 10% !important;
	padding:10px !important;
}
table.tbl19 td {
	width: 90% !important;
	padding:10px !important;
}
/*2：8*/
table.tbl28 {
	width:100% !important;
}
table.tbl28 th {
	width: 20% !important;
	padding:10px !important;
}
table.tbl28 td {
	width: 80% !important;
	padding:10px !important;
}
/*3：7*/
table.tbl37 {
	width:100% !important;
}
table.tbl37 th {
	width: 30% !important;
	padding:10px !important;
}
table.tbl37 td {
	width: 70% !important;
	padding:10px !important;
}
/*4：6*/
table.tbl46 {
	width:100% !important;
}
table.tbl46 th {
	width: 40% !important;
	padding:10px !important;
}
table.tbl46 td {
	width: 60% !important;
	padding:10px !important;
}
/*5：5*/
table.tbl55 {
	width:100% !important;
}
table.tbl55 th {
	width: 50% !important;
	padding:10px !important;
}
table.tbl55 td {
	width: 50% !important;
	padding:10px !important;
}
table td img,table th img {
	width: 100%;
}
table.tbl_visual {

}

table.auto {
table-layout:auto;
}

table.fixed {
table-layout:fixed;
}

table td.center {
	text-align:center; vertical-align:top;
}
table td.center img {
	margin:0 auto;
	vertical-align:top;
}

/*1:5:4*/
table.tbl154 {
	width:100% !important;
}
table.tbl154 th {
	width: 10% !important;
	padding:10px !important;
}
table.tbl154 td {
	width: 45% !important;
	padding:10px !important;
}
/*1:5:4*/
table.tbl163 {
	width:100% !important;
}
table.tbl163 th {
	width: 10% !important;
	padding:10px !important;
}
table.tbl163 td {
	width: 60% !important;
	padding:10px !important;
}

table.tbl163 td > td {
	width: 30% !important;
	padding:10px !important;
}

/*============================================================

color

============================================================ */

td.bgr_gray,th.bgr_gray,li.bgr_gray {
	background: #eeeeee !important;
}
td.bgr_blue, th.bgr_blue,li.bgr_blue {
	background: #C5D5F7 !important;
}
td.bgr_green, th.bgr_green, li.bgr_green {
	background: #E4F9DB !important;
}
td.bgr_pink, th.bgr_pink,li.bgr_pink {
	background: #FFD5EA !important;
}
td.bgr_orange, th.bgr_orange,li.bgr_orange  {
	background: #FFF0DF !important;
}
td.bgr_yellow, th.bgr_yellow,li.bgr_yellow {
	background: #FFF6BD !important;
}
td.bgr_none, th.bgr_none,li.bgr_none {
	background: #ffffff !important;
}

.gray th {
	background: #eeeeee;
}
.blue th {
	background: #C5D5F7;
}
.green th {
	background: #E4F9DB;
}
.pink th {
	background: #FFD5EA;
}
.orange th {
	background: #FFF0DF;
}
.yellow th {
	background: #FFF6BD;
}
@media screen and (max-width:640px) {
.tbl {
	border-collapse: collapse;
	margin: 10px 0;
	border-top: none !important;
	border-bottom: 1px solid #ddd !important;
	width: 100% !important;
}
.tbl th, .tbl td {
	display: block;
	width: 96% !important;
	padding:2% !important;
	border: none !important;
	border-top: 1px solid #ddd !important;
}
.tbl19, .tbl28, .tbl37, .tbl46, .tbl55 {
	border-collapse: collapse;
	margin: 10px 0;
	border-top: none !important;
	width: 100% !important;
	border-bottom: 1px solid #ddd !important;
}
.tbl19 td, .tbl28 td, .tbl37 td, .tbl46 td, .tbl55 td {
	display: block;
	width: 96% !important;
	padding: 2% !important;
	border: none !important;
	border-top: 1px solid #ddd !important;
	text-align:left;
}
.tbl19 th,  .tbl28 th, .tbl37 th,  .tbl46 th, .tbl55 th{
	display: block;
	width: 96% !important;
	padding: 2% !important;
	border: none !important;
	border-top: 1px solid #ddd !important;
	text-align:center;
}
}


/*============================================================

table default

============================================================ */

table {
	margin: 10px 0;
	border-top: 1px solid #ccc !important;
	width: 100% !important;
	table-layout: auto;
	color: #333;
}
table.bl_none, table.bl_none td, table.bl_none th {
	border: none !important;
}
table td.bgr_none,table th.bgr_none,li.bgr_none {
	background: #ffffff !important;
}

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

table.tbl55 th, table.tbl55 td {
	display: block !important;
	width: 100% !important;
	padding: 2%;
	vertical-align: top !important;
}
table.tbl46 th, table.tbl46 td {
	display: block !important;
	width: 100% !important;
	padding: 2%;
	vertical-align: top !important;
}
table.tbl37 th, table.tbl37 td {
	display: block !important;
	width: 100% !important;
	padding:2% !important;
	vertical-align: top !important;
}
table.tbl28 th, table.tbl28 td {
	display: block !important;
	width: 100% !important;
	padding: 2%;
	vertical-align: top !important;
}
table.tbl19 th, table.tbl19 td {
	display: block !important;
	width: 100% !important;
	padding: 2%;
	vertical-align: top !important;
}
}
table td p, table th p {
	margin: 5px 0 !important;
	display: block;
}

td.right,th.right {
	text-align:right !important;
}
td.center,th.center {
	text-align:center !important;
}
td.left,th.left {
	text-align:left !important;
}
/*============================================================

ul column

============================================================ */

.column2 {
	width: 100%;
	padding: 0;
	display: block;
	overflow: hidden;
}
.column2 div {
	width: 92%;
	margin: 2% 0;
	padding: 4%;
}
.column3 {
	width: 100%;
	padding: 0;
	display: block;
	overflow: hidden;
}
.column3 div {
	width: 92%;
	margin: 2% 0;
	padding: 4%;
}
.column4 {
	width: 100%;
	padding: 0;
	display: block;
	overflow: hidden;
}
.column4 div {
	width: 92%;
	margin: 2% 0;
	padding: 4%;
}
 @media only screen and (min-width: 640px) {
.column2 div {
	width: 42%;
	margin: 1%;
	float: left;
	display: inline;
	overflow: hidden;
	padding: 3%;
}
.column3 div {
	width: 27%;
	margin: 1%;
	float: left;
	display: inline;
	overflow: hidden;
	padding: 2%;
}
.column4 div {
	width: 21%;
	margin: 1%;
	float: left;
	display: inline;
	overflow: hidden;
	padding: 1%;
}
}
ul.tbl_cell {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 !important;
}
ul.tbl_cell li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	border:1px solid #fff;
}
ul.tbl_cell li span {
	display: block;
}
/*============================================================

form　default

============================================================ */

form {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
input {
	width: auto;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin: 3px;
	border: 1px solid #ccc;
}
textarea {
	width: 80% !important;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin: 3px;
	border: 1px solid #ccc;
}
select, button {
	width: auto;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin: 3px;
	border: 1px solid #ccc;
}
input[type="submit"] {
	padding: 10px 20px;
	font-size: 16px;
	background-color: #333 !important;
	color: #fff;
 // submitボタンのを枠を非表示にする  border-style: none;
	margin: 10px;
}
input[type="submit"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom: 1;
}
input#back {
	padding: 15px 40px;
	font-size: 1.2em;
 // 背景色を黒に指定  background-color: #666;
 // 文字色を白に指定  color: #fff;
 // submitボタンのを枠を非表示にする  border-style: none;
}
#trust-form table th, .wpcf7 table th {
	width: 30%;
	background: #eee;
}
#trust-form table td, .wpcf7 table td {
	width: 70%;
}
@media screen and (max-width:640px) {
 #trust-form table th, #trust-form table td {
	display: block !important;
	width: 100% !important;
	padding:2% !important;
	vertical-align: top !important;
	border-left:none;
	border-right: none;
	border-top:none;
	border-bottom: 1px solid #ccc;
	}}
/*============================================================

program_course

============================================================ */

#title_area_program {
	width: 100%;
	margin-bottom: 20px !important;
}
#title_area_program .columnL {
	width: 100%;
	display: inline;
	float: left;
	overflow: hidden;
}
#title_area_program .columnR {
	width: 100%;
	display: inline;
	float: right;
	overflow: hidden;
	text-align: left;
}
 @media only screen and (min-width: 1001px) {
#title_area_program .columnL {
	width: 30%;
	display: inline;
	float: left;
	overflow: hidden;
}
#title_area_program .columnR {
	width: 70%;
	display: inline;
	float: right;
	overflow: hidden;
	text-align: left;
}
}
.ttl_program {
	font-size: 18px;
	font-size: 1.8rem;
	color: #5F1885;
	width: 100%;
	background: #ccc;
	margin: 0;
	padding: 5% 4% 3% 4%;
}
.ttl_program .en {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	color: #5F1885;
}
.item_program {
	margin: 0 !important;
	padding: 5% 4% 3% 4%;
	background: #5F1885;
}
.item_program li {
	margin-bottom: 2%;
	color: #FFFF4C;
	font-size: 18px;
	font-size: 1.8rem;
	list-style: none;
	display: block;
}
.item_program li a {
	color: #FFFF4C;
	display: block !important;
	background: url(https://esp-music-school.com/images/icon/icn_white.png) no-repeat right 40px;
}
.item_program li a:hover {
	text-decoration: none;
}
.item_program li .term {
	background: #FFFF4C;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 5px 5%;
	color: #5F1885;
	width: 90%;
	display: block;
	margin-bottom: 10px;
}
.item_program_sub {
	margin: 0 !important;
	padding: 3% 4%;
	background: #D24DFF;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
}
.item_program_sub li {
	list-style: none;
	margin: 5px 0;
	border-bottom: 1px dotted #fff;
	padding: 10px 0;
}
.item_program_sub li a {
	color: #fff;
	display: block;
	background: url(https://esp-music-school.com/images/icon/icn_white.png) no-repeat right center;
}
.item_program_sub li a:hover {
	text-decoration: none;
}
#title_area_course {
	width: 100%;
	overflow: hidden;
}
#title_area_course .columnL {
	width: 100%;
	display: inline;
	float: left;
	overflow: hidden;
	background: #000 !important;
}
#title_area_course .columnR {
	width: 100%;
	display: inline;
	float: right;
	overflow: hidden;
	text-align: left;
}
#title_area_course .columnR ul {
	margin: 0 !important;
}
 @media only screen and (min-width: 1001px) {
#title_area_course .columnL {
	width: 30%;
	display: inline;
	float: left;
	overflow: hidden;
	background: #000 !important;
}
#title_area_course .columnR {
	width: 70%;
	display: inline;
	float: right;
	overflow: hidden;
	text-align: left;
}
}
.ttl_course {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	padding: 4% 4%;
	margin: 0;
	overflow: hidden;
}
.ttl_course a {
	color: #fff;
	display: block;
	background: url(https://esp-music-school.com/images/icon/icn_white.png) no-repeat right center;
}
.ttl_course a:hover {
	text-decoration: none;
}
.ttl_course .en {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
}
#program_course #title_area .columnR ul {
	width: 100%;
}
#program_course #title_area_course {
	width: 100%;
	margin-bottom: 20px !important;
	overflow: hidden;
}
#title_area_course .columnR li {
	list-style: none;
}
#title_area_course .columnR li .en {
	display: block;
}
 @media only screen and (min-width: 1001px) {
#title_area_course .columnR li .en {
	float: right !important;
	display: inline;
	padding-right: 15px;
}
}
#title_area_course .columnR li a {
	background: url(https://esp-music-school.com/images/icon/icn_white.png) no-repeat right center;
	color : #FFFFFF;
	display: block;
	padding: 5% 0;
	width: 92%;
	margin: 0 4%;
}
#title_area_course .columnR li a:hover {
	text-decoration: none;
}
.c_vit {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#FBCE00, endColorStr=#DEA200, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FBCE00,  endColorstr=#DEA200, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#FBCE00), to(#DEA200));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #DEA200, #FBCE00)  zoom : 1;
	display: block;
}
.c_git {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#DF0011, endColorStr=#A50009, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF0011,  endColorstr=#A50009, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#DF0011), to(#A50009));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #A50009, #DF0011);
	zoom : 1;
	display: block;
}
.c_bit {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#044DA0, endColorStr=#11217B, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#044DA0,  endColorstr=#11217B, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#044DA0), to(#11217B));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #11217B, #044DA0);
	zoom : 1;
	display: block;
}
.c_pit {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#009138, endColorStr=#005A2A, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#009138,  endColorstr=#005A2A, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#009138), to(#005A2A));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #005A2A, #009138);
	zoom : 1;
	display: block;
}
.c_iap {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#F08802, endColorStr=#E94B1E, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F08802,  endColorstr=#E94B1E, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#F08802), to(#E94B1E));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #E94B1E, #F08802);
	zoom : 1;
	display: block;
}
.c_rap {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#F08802, endColorStr=#E94B1E, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F08802,  endColorstr=#E94B1E, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#F08802), to(#E94B1E));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #E94B1E, #F08802);
	zoom : 1;
	display: block;
}
.c_gitdx {
	color : #FFFFFF;
	text-align: left;
/* for IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#F36, endColorStr=#C06, GradientType=0);
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F08802,  endColorstr=#E94B1E, GradientType=0)";
	/* for  Safari, Google Chrome etc */
	background: -webkit-gradient(linear, center top, center bottom, from(#F36), to(#C06));
	/* for Firefox etc */
	background: -moz-linear-gradient(bottom, #F36, #C06);
	zoom : 1;
	display: block;
}
/*============================================================

#programs

============================================================ */
#programs .tbl_cell {
	margin: 0 !important;
}
#programs .tbl_cell#degree li {
	border: 1px dotted #FC0 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#programs .tbl_cell#exempt {
	background: #036;
	padding: 20px;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*============================================================

.alumni_content

============================================================ */
.alumni_content {
	margin: 0 auto;
	width: 720px;
}
.alumni_content .columnL {
	margin: 0;
	padding: 0;
	width: 360px;
	float: left;
}
.alumni_content .columnR {
	margin: 0;
	padding: 0;
	width: 360px;
	float: right;
}
.alumni_content li {
	margin: 0;
	width: 360px;
	list-style: none;
}
.alumni_content li img {
	margin-bottom: 20px;
	padding: 0;
	display: block;
	width: 360px;
}
.alumni_content p img {
	margin-bottom: 20px;
	padding: 0;
	display: block;
	width: 720px;
}
.gallery .gallery-item {
	line-height: 1.2;
}


/*============================================================

レイアウト　481px

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

/*============================================================

レイアウト　1001px

============================================================ */

@media only screen and (min-width: 1001px) {
}

.require {
	color:#ff0000;
	}

	.welcome {

		padding:0;

	}

.welcome_txt {
	vertical-align:middle;
	font-size:18px;
}
.welcome_txt p{
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	line-height:1.5 !important;
}
.welcome table {
	margin:0;
	padding:0;
}

.c_blue {
	color:blue;
}
@media screen and (max-width:640px) {
.welcome table td {
	display:block;
	width:100%;
	padding:0;
	margin:0;
}
.welcome table td img {
	text-align:center;
}
}
.price dt {
	font-weight:bold;
	padding:5px;
		border-bottom:1px solid #ccc;
}
.price dd {
	border-bottom:1px dotted #ccc;
	margin:0 10px;
	padding: 5px 5px 5px 10px;
	background:url(../../images/gnav_arrow.png) no-repeat 0 10px ;
}
.price .month {
	font-weight:bold;
	text-align:right;
	background:#ececec;
	padding:5px;
	margin-top:5px;
}
	.aligncenter img {
		margin:0 auto;
	}

#topcontent p {
	width:100%;
		margin:0 auto;
		text-align:center;
	}

	#topcontent p img {
	margin:0 auto;
	display:block;
	}

.content_post .box iframe, .musician_content iframe {
	width: 100%;
}

img.wpcf7-captchac {
	width: auto;
}

/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
    margin-top:10px;
    display: block;
}

#content #trust-form table th {
    text-align: left !important;
}

/*　ラジオボタンの位置調整　*/
#content #trust-form label {
    display: block !important;
}

#content #trust-form label input {
    float: left;
}

@media only screen and (max-width: 479px) {
#content #trust-form label input {
  float:none;
}

}

.submit-container input[type="image"] {
	width:auto !important;
}
.submit-container input[type="image"]:hover {
	opacity:0.8;
}

.wrap .content ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
}

.wrap .content ul.none li {
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0;
}

.wrap .content ul.square li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 20px;
}

.wrap .content ul.decimal li {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 20px;
}

.wrap .content ul.inline li {
  list-style-type: none;
  float: left;
  margin-left: 0;
}