/*

ファイル名：style.css
概要：このcssファイルは20xx.9/10 ●●●・スマホの設定を記述
サイト名：BrushUP学び
URL：http://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/

/*common*/
header{overflow:hidden; width:100%; margin:0 auto}
header span{display:block; inline-block; float:left; margin:5px 10px 5px 5px; width:100px; height:26px; background:url(/sp/imagesRenew/sprite.png); background-size:200px 300px; text-indent:-9999px}
header h1{display:block; float:left; margin:8px 0 0; width:150px; text-align:left; font-size:10px; line-height:1.2em; font-weight:200}
.schoolDetail{width:94%;margin:1em auto;clear:both;overflow:hidden;text-align:left;}
.schoolDetail p{margin:.5em 0;padding:.5em 0;overflow:hidden;border-top:#999 dotted 1px;border-bottom:#999 dotted 1px}
.schoolDetail img{width:30%;margin:0 0 .5em .5em;float: right;}
.schoolDetail .scLink{display:block;text-align:right;}

/*article*/
.contents{ background:#fff}
.title{ width:320px}
.detail{ width:300px; margin:15px auto 0; text-align:left}
.detail img{ width:159px}
.detail span{ color:#7f9f24}
.detail b{ color:#f69}
.policy{ clear:both; width:300px; margin:15px auto 0; text-align:center; border:solid 3px #333}
.policy img{ width:155px}
.policy a{ display:block; margin:15px auto; text-decoration:underline}
.policy span{ display:block; width:100%; padding:10px 0; background:#333}
.form input[type='text'], 
.form textarea,.form input[type='number'],.form input[type='email'],.form input[type='tel']{ font-size:1.1em; width:100%; margin:10px 0 20px; padding:10px; border:0; border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,.2); box-shadow:inner 0 0 4px rgba(0,0,0,.2)}
.form input[type='image'] {width: 305px;margin: 10px auto;}
.form input.small{ width:150px}
.form textarea{ margin:10px 0 0}
.form{ width:300px; margin:20px auto 0; text-align:left}
.caption{ position:relative; padding:10px 30px 10px 10px; color:#fff; background:#819f24}
.caption b{ position:absolute; top:12%; right:5px; display:inline-block; padding:3px 5px; color:#809f24; border-radius:20px; background:#fff}
b.free{ color:#333}
.caption span{ font-size:80%; line-height:1.3; display:block}
p.count{ text-align:right}
p.count span{ color:#f69}
b.tx{ display:block; margin:10px 0 0}
p.ex{ margin:0 0 20px}
p.ex b{ display:block; color:#819f24}
.address p{ font-weight:700; display:block; margin:10px 0 0}
.address p span{ color:#f69}
label {padding: 5px 15px 0 0}
label input {margin: 0 10px 0 0}
.address input[type='text'],.address input[type='number'],.address input[type='email'],.address input[type='tel']{ margin:5px 0 0}
.address input[type='image']{ width:305px; margin:20px auto}
p.err {color: #f69;font-weight: 200;margin: 5px 0 -10px;}
/*conf*/
.conf dt{padding:10px; color:#fff; background:#819f24;margin: 0 0 10px}
.conf dd {margin: 0 0 10px}
.conf ul{width:100%}
.conf ul li{padding:10px 0 0;}
.conf ul li span{color:#f69}
.confBtn{margin:0 auto;text-align: center;}
/*fin*/
.fin {padding: 0 0 20px;}
.fin h2 {font-weight: 700;font-size: 120%;margin: 0 0 10px;}
.fin a {text-decoration: underline;}