body {
background:#FFF1EC;
margin: 0 auto;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
color:#666;
line-height:1.8em;
font-size:14px;
}

img {border:none;}

#container {background: #FFFFFF; margin:0 auto;}
#contents {clear:both; background-color:#FFF;}
a:link,a:visited {color:#0080FF; text-decoration:none;}
a:hover,a:active {color:#F60; text-decoration:underline;}
a:hover img {filter:alpha(opacity=60); opacity:0.6;}
#inq a:link,#inq a:visited {color:#60130C; text-decoration:none;}
#inq a:hover,#inq a:active {color:#F60; text-decoration:underline;}

strong {font-size:24px; color:#FD745C;}
span.strong_s {display:block; font-size:16px; margin-bottom:10px;}

.copyright {clear:both; text-align:center; font-size:10px; color:#FF9673; padding:7px 0 20px 0;}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}


@media (min-width: 768px) {#container {width: 750px;}}
@media (min-width: 992px) {#container {width: 970px;}}
@media (min-width: 1200px) {#container {width: 1170px;}}

/* common タブレット振り分け */ 
@media screen and (min-width: 992px) {
#header {}
.logo {width:472px; float:left; margin:14px 0 0 28px;}
.logo1 {float:left;}
.logo2 {float:left; margin-top:20px; margin-bottom:10px;}
.logo h1 {display:block; font-size:14px; text-align:center; color:#888;}
.navi {float:right; margin:23px 10px 0 0px;}
.navi ul {margin:0; padding:0;}
.navi ul li {float:left; list-style:none; margin:0;}
.navi ul li img {width:80px; margin-right:10px;}
.navi ul li img.naviS {width:65px; margin-top:10px;margin-right:7px;}
.inq_txtL {font-size:25px;}
.inq_txtM {font-size:20px;}
#contents {margin:0 40px; padding-bottom:20px;}
}

@media screen and (max-width: 991px) {
#header {margin-top:10px;}
.logo {width:350px; float:left; margin:10px 0 0 25px;}
.logo1 {float:left; width:15%;}
.logo2 {float:left; width:80%; margin-top:20px;}
.logo h1 {display:block; font-size:12px; text-align:center; color:#888; margin-top:50px;}
.navi {float:right; margin:10px 5px 0 25px;}
.navi ul {margin:0;}
.navi ul li {float:left; list-style:none; margin:5px 0 0 0;}
.navi ul li img {width:55px;margin-right:8px;}
.navi ul li img.naviS {width:45px; margin-top:7px;margin-right:4px;}
.inq_txtL {font-size:20px;}
.inq_txtM {font-size:16px;}
#contents {margin:0 30px; padding-bottom:20px;}
}

@media screen and (max-width: 767px) {
#header {margin:10px 0 0 0; padding-top:5px; line-height:0;}
.logo {margin:0; width:100%;}
.logo1 {float:left; width:15%;}
.logo2 {float:left; width:80%; margin:5px 0 0 0;position: relative; z-index:999;}
.logo h1 {display:none;}
.navi {margin:0; padding:5px 0; clear:both;}
.navi ul {margin:-50px 5px 0 0; display:block; text-align:center;}
.navi ul li {list-style:none; margin:0; float:left; padding:0;}
.navi ul li img {width:50px; margin-right:5px;}
.navi ul li img.naviS {width:40px; margin-top:7px; margin-right:3px;}

#contents {margin:0 10px; padding-bottom:20px;}
}

/* px,smp */ 
@media screen and (min-width: 768px) {
.index_L{float:left; margin:20px 0px 0 0px; width:55%;}
.fb{float:right; margin:20px 0px 0 0px; width:45%;}	
.greeting1 {float:right; width:30%; margin:0 20px; display:block; text-align:center; line-height:1.2em;}
.greeting2 {margin:0 0 40px 0; display:block; padding-right:20px;}
.campaign {padding-right:20px; margin-bottom:10px;}
.photo_bn {margin:0px 0;}
.pc_bn {padding:30px 0 20px 0;}
.smp_bn{display:none;}
.top_txtL {font-size:18px;}

.sp_h1 {display:none;}
.info { background:#FFF9E2 url(../img/index/info.png) no-repeat 5px 10px;border-radius: 10px; padding:30px 20px 20px; margin:20px auto; text-align:center; border:solid 3px #FFE27C;}
.info h3 {text-align:center; font-size:24px; color:#330000; margin:0; padding:0px 0;}
.info p {text-align:center; color:#666; margin:15px 0 0 0; padding:0; font-size:16px;}

.keireki {clear:both;}
.keireki h3 { text-align:center; padding:80px 0 0; font-size:30px; letter-spacing:5px; font-weight:normal;color:#92878E;}
.keireki dl {margin:30px 0 0px 5px; text-align:left; text-align:left;background: url(../img/index/dot_line.png) repeat-x left bottom; padding-bottom:8px;}
.keireki dl dt{
	padding: 20px 0 16px 40px;
	float:left;
	width:180px;
	}
.keireki dl dd{
margin:0;
padding: 20px 0 16px 240px;
display:block;
color:#333;
background: url(../img/index/dot_line.png) repeat-x left top;
}

#inq {
clear:both;
background:url(../img/common/inq.png) no-repeat left 40px;
padding:75px 0 0 10px;
color:#60130C;
margin:0 20px;
}
.inq_txtS {color:#999;}
.inq_form {display:inline-block; margin:0 0 0 20px; text-align:center; background:#FF7373; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color:#FFF;}
.inq_form p {padding:5px 10px; margin:0;}

.pagetitle {clear:both; margin:0 30px 20px 30px; padding:12px 0 10px; font-size:20px; font-weight:bold; letter-spacing:7px; color:#666; text-align:center; background-color:#E6F5FD;}

/* レッスン */ 
.lesson_box {
clear:both;
margin:0 40px 20px 40px; 
border:1px solid #CCC;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
border-radius: 10px;
padding:10px 20px;
}
.lesson_txt {float:left; width:70%;}
.lesson_photo {float:left; width:30%; text-align:center;}
.lesson_txt2 {float:left; width:40%;}
.lesson_photo2 {float:left; width:60%; text-align:center}
.lesson_photo img,.lesson_photo2 img {width:100%;}
.lesson_photo2 img.personal {max-width:300px;}
.lesson_n {color:#FF9673; font-size:16px; font-weight:bold;}
.lesson_box dl{margin:0;}
.lesson_box dl dt{
padding: 5px 0 5px 15px;
line-height: 1.5em;
float:left;
text-align:center;
color:#00698C;
}
.lesson_box dl dd{
margin:0;
padding: 5px 10px 5px 110px;
line-height: 1.6em;
display:block;
}
.lessontb {margin:0 40px;}
.lessontb dl{border-top: dotted 1px #999999; margin:50px 0 0 0;}
.lessontb dl dt{
padding: 10px 0 10px 15px;
line-height: 1.5em;
float:left;
}
.lessontb dl dd{
margin:0;
padding: 10px 0px 10px 200px;
line-height: 1.6em;
display:block;
border-bottom: dotted 1px #999999;
background:url(../img/lesson/tb_back.png) repeat-y 0 0;
}
img.junior_b {max-width:150px;}

/* アクセス */ 
h2 {background:#FFE27C; display:block; width:100%; text-align:center; margin:40px 0 20px 0; padding:8px 0;border-radius:50px; font-weight:normal; letter-spacing:3px;}
.access {padding:0 4%;}
.access_txt {width:48%; margin-left:20px}
.access_txt b {font-size:18px;}
.access_map {float:right; width:50%; margin-top:-40px; margin-right:20px;}
.access_photo {text-align:left; margin-bottom:50px}

/* フォトアルバム */ 
#slider {margin:20px auto 0 auto; max-width:960px; line-height:3.0em;}
#slider a:link,#slider a:visited {color:#FFF; text-decoration:none; font-weight:bold; font-size:16px;}
#slider a:hover,#slider a:active {color:#F90; text-decoration:none; font-weight:bold;}

#carousel {margin:20px auto 0 auto; max-width:960px; line-height:3.0em;}
#carousel li {margin-right: 6px; background-color:#FFF; background:none\9;}
#carousel img {display: block; opacity: .5; cursor: pointer; border: 3px solid #B3B3B3;}
#carousel img:hover {opacity: 1;border: 3px solid #FF7373;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;border: 3px solid #FF7373;}
#carousel a:link,#carousel a:visited {color:#FFF; text-decoration:none; font-weight:bold;}
#carousel a:hover,#carousel a:active {color:#F90; text-decoration:none; font-weight:bold;}
.photo_copy { text-align:right; max-width:960px; margin:10px auto 0 auto;}
.photo_bn2 {max-width:760px; margin:60px auto 0 auto;}
.photo_bn2 a {display:block; margin:-40px 0 0 0;}

/* お問い合わせフォーム */ 
#form-tbl {text-align:center; margin:30px auto 50px auto;}
#form-tbl table {width:100%; max-width:860px; margin:40px auto 40px auto; text-align:left; border-collapse:collapse; border-top:dotted 1px #999999;}
#form-tbl th {
	background:url(../img/lesson/tb_back.png) repeat 0 0;
	border-bottom: dotted 1px #999999;
	width: 200px;
	text-align: left;
	padding: 15px 10px 15px 20px;
	font-weight: normal;
}
#form-tbl td {padding: 15px 10px 15px 20px; border-bottom: dotted 1px #999999;}
input[type="text"] {font-size:18px; width:400px; height:26px;}
textarea {width:90%; font-size:15px;}
input[type="submit"],input[type="reset"] ,input[type="button"] {width:150px; display:inline-block; font-size:16px; margin:0 10px; padding:5px 0; border:none; color:#FFF;} 
}

@media screen and (max-width: 767px) {
span {display:block;}

.index_L {margin:10px 0 0 0;}
.greeting1 {float:right; width:40%; margin:0 0px 0 10px; display:block; text-align:center; line-height:1.2em;}
.greeting2 {margin:0 0 40px 0;}
.campaign {margin-bottom:10px;}
.pc_bn {display:none;}
.smp_bn{padding:30px 0 20px 0;}

.fb {margin-top:20px;}
.fb iframe {height:550px !important;}
.top_txtL {font-size:17px;}

.sp_h1 {clear:both; width:100%; display:block; background:#FFF1EC; margin-bottom:-10px; padding:1px 0 8px 0; line-height:1.0em;}
.sp_h1 h1 {font-size:14px; color:#888; text-align:center;}
.info { background:#FFF9E2 url(../img/index/info.png) no-repeat 2px 2px; background-size:120px auto;border-radius: 10px; padding:30px 10px 20px; margin:20px auto; text-align:center; border:solid 3px #FFE27C;}
.info h3 {text-align:center; font-size:20px; color:#330000; margin:0; padding:0px 0;}
.info p {text-align:left; color:#666; margin:15px 0 0 0; padding:0; line-height:1.6em;}
.keireki h3 { text-align:center; padding:40px 0 0; font-size:20px; letter-spacing:5px; font-weight:normal;color:#92878E;}
.keireki dl {margin:3px 0 0px 5px;text-align:left;background: url(../img/index/dot_line.png) no-repeat left top;}
.keireki dl dt{
	font-size:15px;
	padding: 10px 0 4px 10px;
	font-weight:bold;
	}
.keireki dl dd{
margin:0;
padding: 0px 0 15px 10px;
display:block;
color:#333;
background: url(../img/index/dot_line.png) no-repeat left bottom;
line-height:1.6em;
}

#inq {
clear:both;
background:url(../img/common/inq.png) no-repeat 0px 20px;
padding:50px 0 0 10px;
color:#60130C;
line-height:1.6em;
}
.inq_txtL {font-size:20px;}
.inq_txtM {font-size:14px;}
.inq_txtS {font-size:13px;color:#999;line-height:1.2em;}
.inq_form {display:inline-block; margin:5px 0 15px 0px; text-align:center; background:#FF7373; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color:#FFF;}
.inq_form p {padding:5px 15px 3px 15px; margin:0;}


.pagetitle {clear:both; margin:0 0 10px 0; padding:9px 0 8px; font-size:18px; font-weight:bold; letter-spacing:5px; color:#666; text-align:center; background-color:#E6F5FD;}

/* レッスン */ 
.lesson_box {
margin:0 5px 20px 5px; 
border:1px solid #CCC;
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
border-radius: 10px;
padding:10px 5px 10px 10px;
}
.lesson_n {color:#FF9673; font-size:16px; font-weight:bold;}
.lesson_box dl {margin:0;}
.lesson_box dl dt {margin:5px 0 0px 0px; padding: 5px 0 0px 0px; color:#333;line-height: 1.2em; font-size:13px; color:#00698C;}
.lesson_box dl dd {margin:0 0 5px 0px;line-height: 1.6em; font-size:13px;}

.lessontb dl dt {margin:10px 0 5px 0px; padding: 5px 0 5px 15px; color:#333;line-height: 1.2em; font-size:13px; background-color:#FFF8DC; border-bottom: dotted 1px #999999;border-top: dotted 1px #999999;}
.lessontb dl dd {margin:0 0 15px 10px;line-height: 1.8em; font-size:13px;}

.lesson_photo,.lesson_photo2 {text-align:center;}
.lesson_photo img,.lesson_photo2 img {width:90%;}
img.junior_b {width:50%;max-width:250px;}

/* アクセス */ 
.access_txt {margin:0 10px;}
.access_txt b {font-size:16px;}
.access_map {}
.access_photo {text-align:center;}
h2 {background:#FFE27C; width:100%; text-align:center; margin:30px 0 20px 0; padding:8px 0 6px;border-radius:50px; font-weight:normal; letter-spacing:3px; font-size:16px}

/* フォトアルバム */ 
#slider {margin:10px 0 0 0; line-height:3.0em;}
#carousel {width:100%; margin:10px auto 0 auto;position:relative; line-height:3.0em;}
#carousel li {margin-right: 6px; background-color:#FFF;}
#carousel img {display: block; opacity: .5; cursor: pointer; border: 3px solid #B3B3B3;}
#carousel img:hover {opacity: 1;border: 3px solid #FF7373;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;border: 3px solid #FF7373;}
.photo_copy { text-align:right; font-size:13px; margin:5px 0 0 0;}
.photo_bn2 {margin:50px 20px 0 20px;}
.photo_bn2 a {display:block; margin:-40px 0 0 0;}

/* お問い合わせフォーム */ 
#form-tbl table {width:99%; border-collapse:collapse; border-top:dotted 1px #999999; margin:0; padding:0;}
#form-tbl th {
	display:block;
	background:url(../img/lesson/tb_back.png) repeat 0 0;
	border-bottom: dotted 1px #999999;
	text-align: left;
	padding: 3px 10px 3px 20px;
	font-weight: normal;
}
#form-tbl td {display:block; padding: 10px 10px 40px 20px; border-bottom: dotted 1px #999999;}
#form-tbl table input, #form-tbl table select, #form-tbl table textarea {font-size: 100%;}
input[type="text"] {font-size:20px; width:90%; height:30px;}
textarea {width:90%;}
input[type="submit"],input[type="reset"] ,input[type="button"] {width:40%; display:inline-block; font-size:16px; margin:0 10px; padding:5px 0; border:none; color:#FFF;} 
#form-tbl .btnarea {text-align:center; margin-bottom:50px; margin-top:20px;}
}
input[type="submit"] {background-color:#FF7373;}
input[type="reset"],input[type="button"] {background-color:#7AB9FF;}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {background-color:#FFCC00;}

.inq_form a {display:block; width:100%; height:100%; color:#FFF !important; text-decoration:none; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.inq_form a:hover {background:#FFCC00;text-decoration:none;}

#form-tbl em {color:#FF7373; font-style:normal; padding-left:15px;}

.error { background:#FFD2DE; color:#F00; font-weight:bold; padding-left:10px;}