@charset "UTF-8";
/* CSS Document */


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:249px;/*height+5*/
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height:249px;/*height+5*/
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height:244px;/*height*/
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/*HEADER*/


/*BODY*/

#eventpdf {font-size:11px;color: #666666; margin:0; padding:6px 0 0 0;border-right:#666666 1px dotted;}
#eventpdf.right {padding-left:6px;}


/*FOOTER*/

ul,li
{list-style-type: none; }

#footer {width:100%;} 

#footer #footer_navi {
	height: 1%;
	padding: 14px 0;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	overflow: hidden;
	font-size:13px;
	line-height:150%;
	/*background-color:#C6C*/

}

#footer #footer_navi dd { margin:0; padding:0;
}

#footer #footer_navi ul {
	width: 156px;
	margin: 0 0 0 2px;
	float: left;
	display: inline;
	/*background-color:#36F*/
}

#footer #footer_navi ul.lastside {
	width: 160px;
}

#footer #footer_navi ul.lastside#Index {
	width: 320px;
}

#footer #footer_navi ul li {
	margin: 4px 0;
	font-size: 85%;
}

#footer #footer_navi ul li a {
	color: #777/*#530311*/;
	text-decoration: none;
}

#footer #footer_navi ul li a:hover {
	text-decoration: underline;
}

#footer p#copyright {
	margin: 15px 0;
	text-align: center;
}


/*営業時間表示*/
#footer #footer_navi dl{
	padding-left:4px; border-left:solid #A9A9A9 2px;
}


/*Index date*/
em {
	font-style: normal;
	font-weight: bold;
}


#pricelist strong {
	color: #ff4500;
}

/*DATATABLE*/

.DATA {table-layout: fixed; width: 100%;margin-bottom: 25px;border-left : 1px solid #a1a5a9;border-bottom : 1px solid #a1a5a9;}	
.DATA th, .DATA td { color: #000; padding: 5px; vertical-align: top; text-align: left; border-top: 1px solid #a1a5a9;border-right : 1px solid #a1a5a9 ;}
.DATA { color: #000; }
td.lastArea,th.lastArea {border-right :0}
.coution {color: #CC0000}
.add { background-color:#ccc;}
.note_black {color: #000000}
.style1 {color: #EFEFEF}
.right_title {color: #666666}
.right_txt { text-align:right;color: #666666; padding-right:12px;}
.right_txt_b { text-align:right;color: #000; padding-right:12px;}


/*メルマガ登録フォーム--END*/

form#mailform { padding: 0;}

#image-btn {
    border: 0px;
    width: 100px;
    height: 30px;
    background: url(image_btn.png) left top no-repeat;
}

/*STORE--END*/

#pre_navi ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#pre_navi ul li { display: inline; }
#pre_navi ul li a {
	text-decoration: none;
	padding: .2em 1em .2em 0;
	color: #A00621;
}

#pre_navi ul li a:hover
{
color: #fff;
background-color: #A00621;
}


/*STORE-PRE--END*/
.STOREDATA {table-layout: fixed; width: 100%;margin-bottom: 12px;border-left : 1px solid #a1a5a9;border-bottom : 1px solid #a1a5a9;}	
.STOREDATA th, .STOREDATA td { color: #000; padding: 5px; vertical-align: top; text-align: left; border-top: 1px solid #a1a5a9;border-right : 1px solid #a1a5a9 ;}
.STOREDATA th, .STOREDATA td { font-size:11px;}
#Pcode {
	color: #600;
	font-weight: bold;
}
.STOREDATA td strong {
	color: #D11D24;
}


/*campain*/
#promo-pic{ width:800px; margin:0;}
#promo-pic img { margin:0 0 12px; border-bottom:1px solid #999;}
#promo-pic img.last { margin:0 0 12px; border-bottom:1px solid #fff;}


/*120406Twitter-jquery.tweet-*/

.tweet,.twiSQCUBE {color: #cc0000;}

	.tweet_list {
		/*-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
		list-style: none;
		margin: 0;
		padding: 0;*/
	border: 1px solid #dfdfdf;
	width: 702px;
	height:100%;
	padding: 5px 8px;
	font-size:12px;
	line-height:150%;
	overflow-y: hidden;
	/*background-color: #e8e8e8;*/
	}
	
	.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em 0;
	list-style-type: none;
		}
		
	.tweet_list li a {color: #2583b3;}
		
	.tweet_list .tweet_even {background-color: #fafafa;}
		
	.tweet_list .tweet_avatar {padding-right: .5em; float: left;}
		
	.tweet_list .tweet_avatar img {vertical-align: middle;}
	
	
	/*20150613追加--dl横並び*/
	dl.list {margin:0; padding:0;}
	dl.list dt {float:left; min-width:5em;}
	dl.list dd{overflow:hidden;zoom: 1;/*IE6,7に対応 */
	}
	
	
	/*TOP営業情報用*/

div#open-info{font-size:14px; margin:0; padding:0; line-height:170%; position:relative;}
div#open-info h4{font-size:16px; margin:0; padding:8px 8px 10px 14px; background-color:#E6EBF0;}
div#open-info p{font-size:12px; margin:8px; padding-left:14px;}

div#open-info dl {line-height:1.7;margin-top:12px; padding-left:14px;}
div#open-info dt {font-size:16px;margin:8px 0 4px;padding:16px 0 0; border-bottom:1px solid #999;}
div#open-info dd {font-size:14px;margin-left:14px; padding:0;}
div#open-info dd.subinfo {margin-left:2em;}
div#open-info dd.sample {font-size:14px;margin:.4em 2em; padding:8px; border:4px solid #ececec;}

div#open-info dd.tel {font-size:14px; margin:0 1.2em; padding:8px; border: 3px solid #ececec;}
.time {color:#cc0000;}

div#open-info dd.comentinfo { padding:12px 0 8px;}
div#open-info dd.last { padding:24px 0 0px;}

div#open-info dd.telinfo {font-size:14px;margin-left:14px; padding:8px 0; margin-right:8px; border-top:1px solid #999; border-bottom:1px solid #999;}
div#open-info dd.telinfo-note {font-size:14px;margin:8px 0 1.2em 14px;  padding:8px 0 1em 1.2em; border-bottom:1px solid #999;}


.newicon:after { content:url(../../iMg/common/new02.gif); padding-left:.6em;}

.day-off:before { content:"臨時休館日："; padding-right:.6em;}
.day-off-summer:before { content:"夏季休館日："; padding-right:.6em;}


/* jQuery タブ */
.tab{overflow:hidden;}
.tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
.tab li.select{background:#eee;}
.content li{background:#eee; padding:20px;}
.hide {display:none;}

/*キャプテンコメント*/
/*E-news*/
#E-news {font-size:14px; line-height:170%; margin:0px 23px 12px 23px; padding:6px; border-right:1px solid #333;border-left:1px solid #333;border-bottom:1px solid #333;}
#E-news h4,#E-news dt {font-size:14px; color:#000;padding-bottom:8px;}
#E-news dd ul { margin:12px 0 0 0; padding:0;}
#E-news small {font-size:11px; font-weight:normal;}

#E-news h1{font-size:18px;margin-top:1em;padding-bottom:12px;}
#E-news p {margin-top:1em;padding:0;}

#E-news dd img {padding:18px 0;}

.POINT {color: #B10E0C}

/*エスキューブログ新着情報*/
#archives {padding-left:1em; padding-top:.2em;}
#archives a {color: #2583b3;}


/* お知らせ全店舗用---mini-nav*/

ul{margin: 0;padding: 0;}
.nav {
    display: table;
	table-layout:fixed;
    width: 100%;
    /*background: #ececec;*/
}
.nav_item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nav_item + .nav_item {
    /*border-left: 1px solid #fff;*/
}
.nav_item a {
    display: block;
    padding: 15px 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.nav_item a:hover {
 color :#ececec;

}
.y-back {
  background: /*#81051A*/#A1001B;
}
.s-back {
  background: #246BD6;;
}
.sai-back {
  background: #FE6600;
}


/*イベント一覧用*/
.now-on {font-size:14px !important;line-height: 1.5; padding: 12px !important; background-color: #ececec !important;}
.now-on_title {font-size: 16px !important; margin: .6px 0;}

/*リンク用：外部サイトへ*/
.external-link {color:#fff; font-size:11px !important; padding:.8px .4px !important; background-color: #000 !important;border-radius:1px;}

/*リンク用：外部サイトへ：TOPとお知らせ限定*/
div.index-info ul li a[target="_blank"]:after,
div.infoPage ul li a[target="_blank"]:after,
div.infoContent a[target="_blank"]:after
{
content: url(../../iMg/common/external-link.png);
   padding-left: 5px;
   color: /*red*/#000;	
}


/*イベントリンク*/
.event-link { 
	text-decoration: none !important; font-size: 24px; color: #fff !important; margin:12px 0; padding: 12px;border-radius:16px; background: #A1001B;
	border: 3px solid #A1001B;
}
.event-link:hover {
	color: #A1001B !important;
	background: #fff;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;


}


/*料金表 2018vr*/

/*PRICETABLE*/
.PRICE {table-layout: fixed; width:100%;margin-bottom: 0px;border-left : 1px solid #a1a5a9;border-bottom : 1px solid #a1a5a9;}	
.PRICE th, .PRICE td { color: #000; padding: 5px; vertical-align: top; text-align: left; border-top: 1px solid #a1a5a9;border-right : 1px solid #a1a5a9 ;}
.PRICE { color: #000; }
td.lastArea,th.lastArea {border-right :0}
.coution {color: #CC0000}
.add { background-color:#ccc;}

#pricelist
 {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sanserif;
	font-size: 13px;
	line-height: 1.7;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; /* for IE 5* */
	color: #000000;
}

#pricelist h1{text-align:center; font-size:24px; color:#5D5D5D;padding:0; margin:1.6em 0 3em;}
#pricelist h2{font-size:18px;font-weight: 700; line-height: 1.5; margin:1.8em 0 8px 0;}
#pricelist h2.school-lesson-price{
	text-align:center; font-size:24px; font-weight:400;padding:0; margin:3em 0 3em;
}
#pricelist h2.sq-visitor {padding-left:12px; border-left:6px solid #0B9063;}
#pricelist h2.sq-member {padding-left:12px; border-left:6px solid #df1a13;}
#pricelist h2.sq-school {padding-left:12px; border-left:6px solid #007fb9;}


/*駐車場の説明*/
#pricelist h4.sub-price-info{
color:#666;
margin:0;padding-bottom:.6em;
font-weight:100;}
#pricelist h4.sub-price-info:before {
content: "ー";
}

#pricelist ul.sub-price-info {margin-bottom:1.4em; padding:0; font-size: 13px;}
#pricelist ul.sub-price-info li {margin:0; padding:0; line-height: 1.7;}


#pricelist p.sub-price{
font-size:16px;line-height: 1.5;
}
#pricelist p.lesson-info{
font-size:16px;line-height: 1.5;padding-left:8px; border-left:solid 3px #ececec;
}

#pricelist em{text-decoration:line-through; padding-right: 1em;}

/*料金表*/
#pricelist ul.notes{ margin-top:1em; padding:0;}
#pricelist ul.notes li {list-style-type:square; margin-left:1.4em;}


#container {
	width: 680px;
	background: #FFFFFF;
	margin: 0 auto;
	/*border: 1px solid #000000;*/
	text-align: left;
}

.coution1 {color: #CC0000}
.coution2 {color: #CC0000}

/*キャンペーンタグ*/
span.tag-campain-yokohama {color:#fff; padding: 6px; background: #81051A; border-radius: 12px;}
span.tag-campain-sapporo {color:#fff; padding: 6px; background: #246BD6; border-radius: 12px;}
span.tag-campain-saitama {color:#fff; padding: 6px; background: #F3661B; border-radius: 12px;}

/*キャンペーンテキスト枠*/
.campain-txtwaku-yokohama {font-size:16px;line-height: 1.5;padding: 8px; border:1px solid #81051A; border-radius: 12px;}
.campain-txtwaku-sapporo {font-size:16px;line-height: 1.5;padding: 8px; border:1px solid #246BD6; border-radius: 12px;}
.campain-txtwaku-saitama {font-size:16px;line-height: 1.5;padding: 8px; border:1px solid #F3661B; border-radius: 12px;}


/*TWO180514*/
.table-ul {
  background-color: #E9E9E9;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
 margin: .4em 0;
}
.table-ul li {
	font-size: 0.9em;
color: #fff;
  border-right: 12px solid #fff;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
.table-ul li:last-child {
  border-right: 0;
}
.table-ul li a {
  color: #232323;
  display: block;
  text-decoration: none;
}

.table-ul li a:hover {
  color: #80101a;
}

/*お知らせキャンペーン用*/

.campain-list
{padding-bottom: 2em;}
.campain-list dd
{padding-top: .6em;}

/*お知らせニュース・ダイナムカップ等*/
.infoContent dl.news,newsL{
	color: color:#5D5D5D;
	font-size:14px;
	line-height:150%;
	margin:0 0 0.5em 0;
}
.infoContent dl.news dt{
  clear: left;
  float: left;
  margin: 0 0 0.5em 2em;
  width: 5em;
  /*border-right: solid 2px #fff;*/
  padding: 0 5px;
  color:#000;
  font-weight:bold;

}
.infoContent dl.news dd {
  margin-bottom: 0.5em;
  margin-left: 7.5em;
  padding-left: 5px;
}

.infoContent dl.newsL dt{
  clear: left;
  float: left;
  margin: 0 0 0.5em 2em;
  width: 12em;
  /*border-right: solid 2px #fff;*/
  padding: 0 5px;
  color:#000;
  font-weight:bold;
}
.infoContent dl.newsL dd {
	overflow:hidden;
	zoom: 1;/*IE6,7に対応 */

  margin-bottom: 0.5em;
  margin-left: 0.5em;
  padding-left: 5px;
}
	
.infoContent ul.news-list li{
	list-style: circle;
	}



/*イベントページ*/

img.eventthum {
	float:right;
	width:253px;
	height:253px;
}

.eventpage-thum {
	padding-left: 14px;
}



ul.event-menu {
	font-size: 14px;
	margin-bottom: 1em;
	padding: 0;
}

.event-menu-title {
	text-align: center;
	font-size:18px;
font-weight: bold;
	line-height: 1.7;
	padding: 2.4em 1.2em;
/*	padding: 12px 8px;*/
	border: 1px solid;
	border-radius: 2em;
}

.junior-mark::before{}

.event-menu-comment {
	font-size: 14px;
	line-height:1.5;
	margin-bottm: 8px;
	padding: 0;
}

.event-menu-note {
	font-size: 12px;
	padding-bottm: 1px;
	margin: 0;
	font-weight: bold;
}
.event-menu-note-coach {
	font-size: 12px;
	padding-bottm: 1px;
	margin: 0;
}

.event-table-date {
	font-size: 70%;
	padding-left: 1em;
}

a.event-table-date{
	display: inline-block;
	margin-left: 1em;
/*
	padding: 0.2em 0.8em;
	color:#fff;
	background: #474747;
	border-radius: 1.2em;
*/
	text-decoration: none;
}

 a.event-table-date:hover{
	color:#80101a;
}

 a.event-table-date::before {
  content: "»»";

}
.event-rule ul {
	font-size: 14px;
	margin-top: 0;
	padding: 8px;
	line-height: 150%;
}

.event-rule-title:not(:first-of-type) {
	padding-top: 1.2em !important;	
}

.event-rule-title {	
	font-size: 16px;
}

.event-rule-note {
	margin:0 0 8px;
	padding: 1em !important;
	line-height: 150%;
	background: #ededed;
}

.event-rule-note-sub {
	margin-bottom:8px;
	padding: 1em !important;
	line-height:150%;
	border:solid 3px #ededed;
}
.infoContent {
	margin-top: 24px;
}

/*190406*/
.sticky {
  position: -webkit-sticky; /* safari対応 */
  position: sticky;
  top:0px;　/* 上端から10pxのところで固定 */
}


.event-reserve-day {
	text-align: center;
	margin: 0 .4em .4em;
	padding: .4em 0;
	border: 1px solid #999;
}
.event-note {
	color: #000;
	margin: 0;
	padding-bottom: .4em;
}