@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%;
}
a {
	color: #1e6eab;
	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;
}


/*
hide & show
*/
.hide {
	display:none !important }
.sp_hide { display: none !important }
.sp_show { display: block !important }
@media screen and (min-width: 768px) {
  .sp_show { display: none !important }
  .sp_hide { display: block !important }
}

/*******************************
 ベースレイアウト
*******************************/
#header {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#visual {
	width: 100%;
	overflow: hidden;
	margin: 5px 0 0 0;
}
#gNav {
	background: #31c4f7;
	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: #80e0f9;
	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;
}
h1 .page_list a {
	float: right;
	background: #31c4f7 no-repeat 2px 10px;
	padding: 8px 10px 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	font-size: 12px !important;
	font-weight: normal;
}
.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: 150px;
	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 {
	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;
}
	@media only screen and (min-width: 961px) {
#header .accordion .a_nav ul li {

	margin: 1px 0 5px 0;

}
}
	/* 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: 5px;
	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 0 10px !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;
	padding: 0;
}
#header .accordion .a_nav #freeTrial img {
	margin: 0 0 5px 0 !important;
}
}
/*******************************
 グローバルナビ
*******************************/

#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: #1e6eab;
	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: #1e6eab;
}
#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: #31c4f7 !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;
}
}
	/* 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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/wp-content/themes/promusician/images/icn_w.png) no-repeat right center #31c4f7;
	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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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/sapporo/wp-content/themes/ems_sapporo/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;
}
.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: 72px !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: #31c4f7;
  display: block;
  margin-right: 1px;
}
.footerBrn .row .col-4 a{
  background: #31c4f7;
  display: block;
  margin-right: 1px;
}

/*footerBrn edit 20151215 */



.f_ttl {
	color: #31c4f7;
	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: #80e0f9;
	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: #80e0f9;
	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;
	overflow: hidden;
	display: inline;
	margin-right: 1px;
}
.f_catalog {
	clear: none;
	float: left;
	overflow: hidden;
	display: inline;
	margin-right: 1px !important;
	margin: 1px;
	width: 152px !important;
}

.f_freeTrial img, .f_catalog img, .f_contact img {
	margin: 10px auto;
	text-align: center;
}

}
/*コンテンツ  #content
*******************************/
#content article#main .ttl {
	background: #31c4f7;
	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 #31c4f7;
}
.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: 10px !important;
	overflow: hidden;
}
.content_post .box img {
	display: block;
	overflow: hidden;
	margin: 10px auto;
}
.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(https://esp-music-school.com/sapporo/wp-content/themes/ems_sapporo/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;
}
.content_post table td .img_left {
	margin:0 ;
}
/*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 10px;
	padding: 0;
	text-align: center;
}
#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: 10px 1%;
}
/*column3*/
#inner .content_post #child_list3 li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 31% !important;
	margin: 10px 1%;
	text-align: center;
}
/*column2*/
#inner .content_post #child_list2 li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 47% !important;
	margin: 10px 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: #31c4f7;
	font-size: 1.1em;
	color: #fff;
	padding: 10px 5px 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_lightBlue.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_lightBlue.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;
}

			/* sp */
			@media screen and (max-width: 620px) {
				#faq .faq_box {
				padding: 10px ;
				}
				}




#faq .faq_box dt {
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	display: block;
	margin: 0;
	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;
	margin:0 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;
	margin:0 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%;

    }
}
/* フォーム調整 */
/*input.wpcf7-text, input.wpcf7-date {
	width: 90%;
}*/

 .wpcf7-select {
 	z-index: 1;
 }