@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;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;

	-webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 479px) {
	input,
	textarea,
	select {
		font-size: 16px;
		width: 80% !important;
	}
}

a {
	color: #3AADE1;
	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 {
}

/*margin*/

/*margin-top*/
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt15 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt35 {
	margin-top:35px;
}
.mt40 {
	margin-top:40px;
}
.mt45 {
	margin-top:45px;
}
.mt50 {
	margin-top:50px;
}

/*margin-left*/
.ml5 {
 margin-left:5px;
}
.ml10 {
 margin-left:10px;
}
.ml15 {
 margin-left:15px;
}
.ml20 {
 margin-left:20px;
}
.ml15 {
 margin-left:25px;
}
.ml30 {
 margin-left:30px;
}
.ml35 {
 margin-left:35px;
}
.ml40 {
 margin-left:40px;
}
.ml45 {
 margin-left:45px;
}
.ml50 {
 margin-left:50px;
}
/*margin-right*/
.mr5 {
 margin-right:5px;
}
.mr10 {
 margin-right:10px;
}
.mr15 {
 margin-right:15px;
}
.mr20 {
 margin-right:20px;
}
.mr15 {
 margin-right:25px;
}
.mr30 {
 margin-right:30px;
}
.mr35 {
 margin-right:35px;
}
.mr40 {
 margin-right:40px;
}
.mr45 {
 margin-right:45px;
}
.mr50 {
 margin-right:50px;
}

/*margin-bottom*/
.mb5 {
 margin-bottom:5px;
}
.mb10 {
 margin-bottom:10px;
}
.mb15 {
 margin-bottom:15px;
}
.mb20 {
 margin-bottom:20px;
}
.mb15 {
 margin-bottom:25px;
}
.mb30 {
 margin-bottom:30px;
}
.mb35 {
 margin-bottom:35px;
}
.mb40 {
 margin-bottom:40px;
}
.mb45 {
 margin-bottom:45px;
}
.mb50 {
 margin-bottom:50px;
}

/*margin-right*/
.mlr5 {
 margin-left:5px;
 margin-right:5px;
}
.mlr10 {
margin-left:10px;
 margin-right:10px;
}
.mlr15 {
 margin-left:15px;
 margin-right:15px;
}
.mlr20 {
 margin-left:20px;
 margin-right:20px;
}
.mlr15 {
 margin-left:25px;
 margin-right:25px;
}
.mlr30 {
margin-left:30px;
 margin-right:30px;
}
.mlr35 {
margin-left:35px;
 margin-right:35px;
}
.mlr40 {
margin-left:40px;
 margin-right:40px;
}
.mlr45 {
margin-left:45px;
 margin-right:45px;
}
.mlr50 {
margin-left:50px;
 margin-right:50px;
}

/*padding*/

.pt10 {
	padding-top:10px;
}





/*******************************
 ベースレイアウト
*******************************/
#header {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#visual {
	width: 100%;
	overflow: hidden;
	margin: 5px 0 0 0;
}
#gNav {
	background: #1a74b7;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
}
#content {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: url(../../images/bgr.png) repeat-x;
}
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: #3AADE1;
	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-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- {
	background: #000;
}
.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;
}
span.link {
	float: right;
	background: url(../../images/icn_white.png) #06C 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;
	font-weight: normal;
}
span.link a {
	color: #fff;
}

.heightLine {
}
.heightLineParent {
}
/*******************************
 ヘッダー
*******************************/

#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: 120px;
	margin-top: 10px;
}
#header .wrapper h1 #logo img {
	width: 90%;
}
#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: auto;
	margin-top: 10px;
}
#header .wrapper h1 #logo img {
	width: 90%;
}
#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 !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: #1463A6;
	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: #55C3E9;
}
#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 {
	background: #ffffff !important;
	color: #1463A6 !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;
	background: #fff; /* Show a solid color for older browsers */
	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;
	overflow: hidden;
}
#page_name .wrapper {
	width: 94%;
	margin: 0 3%;
	overflow: hidden;
}
#breadcrumb {
	font-size: 12px;
	margin: 0;
	padding: 0 15px;
	overflow: hidden;
}
/* 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;
}
#content .wrapper.col_full {

	padding: 15px 15px 0 ;
	margin: 20px auto;
/*背景カラー透かし*/
	background-color:rgba(255,255,255,0.8);
}
}
	/* PC */
	@media only screen and (min-width: 961px) {
#content .wrapper {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#content .wrapper.col_full {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 15px 0 ;
	margin: 20px auto;
/*背景カラー透かし*/
	background-color:rgba(255,255,255,0.8);
}
#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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/wp-content/themes/promusician/images/icn_w.png) no-repeat right center #1463A6;
	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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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/osaka/wp-content/themes/ems_osaka/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 #courses {
}
#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 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: 1%;
	overflow: hidden;
	margin: 4px;
	width: 30%;
}
}
	/* PC */
	@media only screen and (min-width: 961px) {
}
#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 {
}
}
.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: 30px;
	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 edit 20151215 */
.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;
}

.footerBrn .row .col-1 a{
}

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

/*footerBrn edit 20151215 */


.f_ttl {
	color: #3b9ae1;
	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:#41AAE5;
	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:#41AAE5;
	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:304px;
}
}

	/* 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: #1a74b7;
	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 #1a74b7;
}
.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;
}
}
.content_post .column02 li img {
	width: 100%;
	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 {
	width: 100%;
	margin: 0;
	height: auto;
}
.content_post .column04 {
	clear: both;
	margin-bottom: 20px;
}
.content_post .column04 li {
	float: left;
	width: 98%;
	list-style: none !important;
	display: inline;
	overflow: hidden;
	margin: 1%;
	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%;
}
}
.content_post .column04 li img {
	width: 100%;
	height: auto;
}


#inner .content_post #child_list {
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden;
}

#inner .content_post #child_list2 {
	font-size:0;
	margin:auto;
	width:100%;
	text-align:center;
}
#inner .content_post #child_list2 li {
	font-size:14px;
	display:inline-block;
	margin:0 1% 10px;
	width:48%;
}

#inner .content_post #child_list3 {
	font-size:0;
	margin:auto;
	width:100%;
	text-align:center;
}
#inner .content_post #child_list3 li {
	font-size:14px;
	display:inline-block;
	margin:0 1% 10px;
	width:31.333333333%;
}

@media screen and (max-width: 768px) {

#inner .content_post #child_list2 li {
	font-size:14px;
	display:block;
	margin:0 2% 10px;
	width:auto;
}

#inner .content_post #child_list3 li {
font-size:14px;
	display:block;
	margin:0 2% 10px;
	width:auto;
}
}

#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: #1a74b7;
	font-size: 1.1em;
	color: #fff;
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0;
}
#content #side .ttl a {
	border-left: 3px solid #fff;
	padding: 0 0 0 10px;
	margin: 0;
	display: block;
	font-size: 0.9em;
	color: #fff;
}
#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
*******************************/

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

#trust-form .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%;
				}
				#trust-form table td {
					display: block;
					width: 96%;
					border: none;
					padding:2%;
					border-bottom:1px dotted #ccc;
				}
			}

.submit-container input {
	float:left;
}

#campaign {

}

/*single campaign 用 スタイル */
#campaign h1 img {
	width: 100%;
	height: auto;
}

.course_instructors .ac_body .ac_header {
                          border: 1px solid #ddd;
                          padding:10px;
                          margin-top: -1px;
                          font-weight: bold;
                          font-size:16px;
                        }

                        .course_instructors .ac_body:nth-child(odd)  .ac_header{
                          background: #f4f4f4;
                        }


                        .course_instructors .ac_body .ac_content{
                          border: 1px solid #ddd;
                          padding:10px;
                          margin-top: -1px;
                          font-size: 0;
                        }

                        .course_instructors .ac_body .ac_content .col_img {
                          display: inline-block;
                          font-size: 16px;
                          margin:0 3% 0 0;
                          padding:0;
                          width:20%;
                          ver0tical-align: top;
                        }

                        .course_instructors .ac_body .ac_content .col_img img {
                          width: auto;
                          margin:0;
                          padding:0;

                        }

                        .course_instructors .ac_body .ac_content .col_txt {
                          display: inline-block;
                          font-size: 16px;
                          width:77%;
                          vertical-align: top;
                        }

                        .course_instructors .ac_body .ac_content h3{
                          font-size: 16px !important;
                          font-weight: bold;
                          padding-top:10px;
                        }

                        .course_instructors .ac_body .ac_content div {
                          font-size:13px !important;
                          font-weight: normal;
                        }

                        @media screen and (max-width: 768px) {
                          .course_instructors .ac_body .ac_content .col_img {
                            display:block;
                            font-size: 16px;
                            margin:0 3% 0 0;
                            padding:0;
                            width:auto;
                            ver0tical-align: top;
                            text-align: center;
                          }

                          .course_instructors .ac_body .ac_content .col_img img {
                            width: auto;
                            margin:0 auto;
                            padding:0;
                            text-align: center;
                          }

                          .course_instructors .ac_body .ac_content .col_txt {
                            display:block;
                            font-size: 16px;
                            width:auto;
                            vertical-align: top;
                          }
                        }