/*スマートフォン用スクールcss */
/*created:  2014.10.27 */
/* modified: 2015.04.08 */

/*------ リセット ------*/
#shopHeader,#wrap,h2.shopHeader{
margin:0;		padding:0;	border:0;		outline:0;
font-size:100%;					vertical-align:baseline;		background:transparent;
}
html,body{/*width:100%;*/}
body{background: #fff;}
.br{clear:both;font-size:0px;}/*回りこみ解除*/

header{background-color:#fff;}

#wrap{}
#mob_container{/*width:100%;*/background: url(../img/school/bg.jpg);background-color:#FCFAF4;}


/*--------------------------*/
/*------ 特集タイトル ------*/
/*--------------------------*/
h1{text-align:center;}
h1 img{width:100%;max-width:480px;margin:-10px 0 0 0;}

/* 店舗毎のボックス */
#shopPage{
	width:100%;	margin:0.5em auto 0.3em auto;
	border:0px solid #00B2BC;
	max-width:480px;
}

p#toPgTop{margin-top:1em;}

/* ---------------- */
/* スクール情報コンテンツ部 */
/* ---------------- */
#special_contents h2 img{width:100%;max-width:960px;}

/* グースクール */
.gooschool{
	background:#fff;width:100px;float:right;margin-top:2px;padding:1px;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 
}
.gooschool img{width:100%;max-width:200px;}


/* 店舗毎のボックス */
.schoolbox {
width:90%;margin:0 auto 20px auto;	padding: 10px;
background: none;/*背景色*/
/* box-shadow */
box-shadow:0px 0px 3px 3px #e9dac5;
-moz-box-shadow:0px 0px 3px 3px #e9dac5;
-webkit-box-shadow:0px 0px 3px 3px #e9dac5;
}

/* 業態 */
.school_category {
	width:25%;margin:0 auto;padding: 0.3em 1em;
	border: solid 0px #00B2BC;/*線*/
	color: #fff;	text-align: center;/* 文字色 */
	float:left;
	font-size:0.8em;
	background-color:#00A9AF;/*背景色*/
	transform: rotate(-2deg);
	font-weight:bold;
	line-height:1.2;
}
.color2 .school_category{background-color:#ED798E;}/* 背景色2 */

p.lessonName{text-align:left;float:left;padding:0.3em 0 0 0em;font-weight:bold;font-size:1.1em;width:100%;}


/* 左カラム(メインフォト) */
.schoolboxL {width: 100%;	max-width:480px; padding: 8px 0 0;text-align:center;}
.schoolboxL img{width:100%;	margin:0 auto;}

/* 右カラム */
.schoolboxR{width: 100%;	max-width:480px; padding: 8px 0 0;text-align:center;}

.lessonNote{font-size:1em;margin:1em 0em;text-align:left;line-height:1.4;}

/* サブフォト */
.subphoto{width: 100%;}
.subphoto img{width:100%;	margin:0 auto;}

/* 不使用 */
.gooschool2{width:80px;margin:3px;}
.gooschool2 img{width:100%;max-width:200px;}


.lessonbox {
	clear:both;display:block;padding: 0.5em;margin:1em 0 0.5em 0;
	background:#F1ECD4;
	border: solid 0px #00B2BC;
	text-align:left;
	float:left;
}

.about_lesson{font-weight:bold;color:#fff;background-color:#00A9AF;padding:0.5em;transform: rotate(-2deg);width:40%;text-align:center;margin-top:-1em;font-size:0.9em;}
.lessonbox p{font-size:0.9em;margin:0.5em;line-height:1.3;}
.midashi{font-weight:bold;color:#00A9AF;font-size:1.1em;}
.color2 .about_lesson{background-color:#ED798E;}/* 背景色2 */
.color2 .midashi{color:#ED798E;}

/*--------------------------*/
/*------ 店舗データの段組 ------*/
/*--------------------------*/
.innerbox{width:100%;}

.tbl_shopinfo{
	width:100%;			background:#fff;
	color:#445566;		font-weight:bold;
	border-collapse:separate;	border-spacing: 0;
	border-top: 1px solid #a4adb1;
	border-left: 1px solid #a4adb1;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.tbl_shopinfo th, .tbl_shopinfo td{
	padding:0.5em;
	border-right: 1px solid #a4adb1;	border-bottom: 1px solid #a4adb1;
	font-size:0.9em;	text-align:left;
}
.tbl_shopinfo td img{
	width:30%;
}

.tbl_shopinfo th{border-right: 0px solid #a4adb1;width:25%;}
.tbl_shopinfo tr:first-child td:last-child {border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0;}
.tbl_shopinfo tr:last-child th:first-child {border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px;}
.tbl_shopinfo tr:last-child td:last-child {border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0;}


/*--------------------------*/
/*------ テーブル ------*/
/*--------------------------*/
.tbl_lsn{
	background-color: #eaf6fd;
	padding:5px;
}

table.tbl_lsnprice{
/*border-collapse: collapse;
border-spacing: 0;*/
width: 100%;
border:#00B9EF solid 1px;
line-height:1.0em;
}


table.tbl_lsnprice td {
	padding: 3px;
	color: #333;
	border-color:#00B9EF;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	background-color: #eaf6fd;
	width:70%;
	font-size:small;
}

table.tbl_lsnprice th {
	padding: 0.5em;
	text-align: left;
	width:25%;
	font-weight: 500;
	color: #333;
	border-color:#00B9EF;
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	background-color: #eaf6fd;
	font-size:small;
}
table.tbl_lsnprice tr:last-Child th:first-Child ,table.tbl_lsnprice tr:last-Child td:first-Child{border:0;}



table.tbl_lsnprice2 {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

table.tbl_lsnprice2 td {
padding: 4px;
font-size: small;
border-bottom: solid 1px #FFF;
line-height: 1.2em;
vertical-align: top;
font-weight:normal;
}

table.tbl_lsnprice2 th{
width: 30%;			text-align: left;
font-size: small;	font-weight: bold;
padding: 4px;
vertical-align: top;
border-bottom: solid 1px #FFF;
border-right: dashed 1px #FFF;
}


.gooschool2{width:80px;}
.gooschool2 img{width:100%;max-width:200px;}

/*--------------------------*/
/*------ 店データのリンク範囲拡張 ------*/
/*--------------------------*/

#shopData ul a{
	display:block;
}

/*--------------------------*/
/*------ 一覧ページ ------*/
/*--------------------------*/

/* スクール種類 */
#shopPage .index_list .index_list_r .school_category{
	display:block;
	margin-top:0em;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}

/*--------------------------*/
/*------ 一覧ページ ------*/
/*--------------------------*/
#shopPage .index_list{
	clear:both;	width:90%;
	margin:0px auto 10px auto;	padding:10px;	background:none;
	/* box-shadow */
box-shadow:0px 0px 3px 3px #e9dac5;
-moz-box-shadow:0px 0px 3px 3px #e9dac5;
-webkit-box-shadow:0px 0px 3px 3px #e9dac5;
}
#shopPage .index_list a {display: block;}
#shopPage .index_list .image{width:40%;float:left;}
#shopPage .index_list .image img{width:100%;}
#shopPage .index_list .index_list_r{width:58%;float:right;padding:0;text-align:left;}

#shopPage .index_list .index_list_r h2{/* 文字色 */
	margin-top:1em;padding:0em 0 0 0px;
	font-size:0.9em;	color:#000;
	clear:both;
}

#shopPage .color2 .index_list_r h2{color:#000;}


.index_list .index_list_r .school_category{
	font-size:0.7em;margin:-1.5em 0.3em 0.5em 0;dislpay:block;width:35%;
}

.index_list .index_list_r .dishcolor{
	clear:both;
	margin-top:0.5em;margin-bottom:0.5em;padding:0px;	font-size:0.7em;	color:#888;	font-weight:bold;
}
.index_list .index_list_r .gooschool{width:70px;}


#shopListSection {	margin:0px;	padding:0px;	background-image:none;}
.shoplist{width:95%;}

/* ボタン */
.btn-detail{
	display:block;		clear:both;
	margin:5px 0 0 0;	padding:2%;
	color:#fff;			background-color:#000;
	font-size:0.7em;	text-align:center;	font-weight:bold;
	border:1px solid #fff;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	vertical-align:middle;
	overflow:hidden;
}
.btn-detail a{display:block;	color:#000;}

/* ボタン */
.btn-detail{
	display:block;		clear:both;
	margin:0.5em 0 0 0;	padding:2%;
	color:#fff;			background-color:#00b2bc;
	font-size:0.7em;	text-align:center;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	vertical-align:middle;
	overflow:hidden;
}
.btn-detail a{display:block;	color:#000;}


/*--------------------------------------
    Page Navigation
---------------------------------------*/
.page-nav {
/*position: relative;*/
display:block;
padding: 0.3em ;
border: solid 1px #EEE;
border-bottom: solid 1px #EEE;
margin:0px 0px 20px 0px;
font-size: 0.8em;
text-align: left;
clear: both;
/*background-color:#ff0000;*/
}

.page-nav p {
/*float: left;*/
margin: 0;
padding: 0;
}

.page-nav ul {
margin: 0 auto;
padding: 0;
list-style: none;
}

.page-nav ul li {
display:inline-block;
/*float: left;*/
border: 1px solid #CCC;
margin: 0.3em 0.5em 0.3em 0;
}

.page-nav ul li a,
.page-nav ul li span {
display: block;
width: 2.0em;
background-color: #FFF;
border: 1px solid #FFF;
text-decoration: none;
padding: 10px 10px;
text-align: center;
}

.page-nav ul li span {
color: #333;
}

.page-nav #page-nav-focused {
/*background-color: #0066cc;*/
background-color: #eeede8;
border: 1px solid #FFF;
color: #633;
}