a {text-decoration: none; color: #666;}

#globalHeader .wrapper li.home {display: none;}

#skip {content: ""; display: block; width: 20px; height: 20px; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform:rotate(45deg); transform: rotate(45deg); position: absolute; left: 50%; margin-left: -10px;}

/* #globalHeader{background:#fff;} */

#main section {margin-bottom: 60px;}
#main #campaign,
#main #lab {width: 96%; margin: 0 auto 60px;}
#studioInfo #main #lab {margin: 20px auto 0px;}

#main h1 {font-size: 17px; font-weight: normal; /* margin: 0 0 1em;  */line-height: 1; color: #333;}
.more {font-size: 14px; float: right; margin: -40px 15px 0 0; line-height: 1;}
.more a:after {content: url("../sp_img/arrow_right_s.png"); margin-left: 5px; vertical-align: top;}

img{
	/* max-width: 100%; */
	height: auto;
	width /***/:auto; /*IE8*/
	border: 0;
	vertical-align: middle;
}

#right img{
	max-width: 100%;
}

.contentSection img {width: 236px;}
#product img {width: 88px; margin-bottom: 5px;}

.viewport {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {width: 10000px;}
.flipsnap:after {
  content: '';
  display: block;
  clear: both;
}

#main section ul {padding: 0; margin: 0;}

#main #mainCampaign {z-index: 1; height: auto; width: 100%; background: #f7f7f7; text-align: center; position: relative; margin-bottom: 0;}
#mainCampaign figure {margin: 0; min-height: 345px;}

.contentSection li a {position: relative; color: #fff; display: block; border:1px solid #efefef;}
.contentSection li a .title {position: absolute; bottom: 10px; left: 10px; z-index: 2; text-shadow: 1px 1px 3px rgba(0,0,0,.5); font-weight: bold; width: 90%;}
.contentSection li a:after {
	content: ""; display: block; position: absolute; top: 0; height: 100%; width: 100%;
	/*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 20%, rgba(0,0,0,0.2) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.04)), color-stop(100%,rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 20%,rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 20%,rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 20%,rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 20%,rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );*/
}

#main #information h1 {font-size: 15px;}
#information {margin: 0; width: 80%; clear: both;}
#information .date {display: block;
margin-bottom: 5px;
font-size: small;
color: #999;}

/* @media only screen and (max-width : 767px){ */
	#globalHeader #hGlobalNav .wrapper {display: none;}
	#main #lesson {margin:0;}
	#main #lesson ul {margin:0;}
	#main #lesson ul li {float:left; width:50%; text-align:center; font-size:11px; margin:0;}
	#main #lesson ul .schedule a {background-color:#f1ece4; color:#333; display:block; padding:10px 0;}
	#main #lesson ul .reservation a {background-color:#F87C00; color:#fff; display:block; padding:10px 0;}
	#main #lesson ul .tel a {background-color:#F87C00; color:#fff; display:block; padding:10px 0;}
	#main #lesson ul .map a {background-color:#f1ece4; color:#333; display:block; padding:10px 0; border-right:1px #FFF solid;}
	#main #lesson ul .price a {background-color:#f1ece4; color:#333; display:block; padding:10px 0;}
	#main #lesson ul li.wide {width:100%;}
	#main #mainNav {margin-bottom:55px; margin-top:1px;}
	#main #mainNav ul {margin:0;}
	#main #mainNav ul li {float:left; width:33%; text-align:center; font-size:11px; margin:0 1px 1px 0;}
	#main #mainNav ul li a {background:linear-gradient(top center, #f1ece4 0%, #e6dfd5 100%);
	/* Firefox */
	background: -moz-linear-gradient(top center, #f1ece4 0%, #e6dfd5 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#f1ece4), to(#e6dfd5)); color:#333; display:block; padding:10px 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
	#main #mainNav ul li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e6dfd5), to(#f1ece4));}
	#main img {vertical-align: bottom;}
	#main #mainCampaign {}
	#main .youtube{ }
	#main #campaign,
	#main #lab {width: 100%;}
	#main h1 {font-size: 17px; font-weight: normal; margin: 0 0px 20px; line-height:1.3em;}
	#main .ttl {font-size: 17px; font-weight: normal; margin: 0 0px 20px; line-height:1.3em; color:#555;}
	.contentSection img {width: 260px;}
	#product img {width: 106px; margin-bottom: 5px;}
/*	.more {margin: -35px 15px 0 0;}
*/	.more {margin:0 15px 0 0;}

	/* .viewport {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0);
	}
		 */
	#main section ul {padding: 0; /* margin: 0 0 0 15px; */}
	#main section li {
	    float: left;
	    list-style: none;
	    font-size: 14px;
	    width: 260px;
	    margin-right: 15px;
	}

	#main section li dt{color:#898989; font-size:14px;}
	#main section li dd{color:#000; font-size:14px; margin:0;}

	#main #product li {
		font-size: 13px;
    line-height: 1.1;
    width: 106px;
    text-align: center;
    margin-right: 15px;
	}

	/* p.controls {display: none;} */


  #information {width: 100%;}
  #main section#information li {height: auto;}
/* } */

/* @media screen and (min-width: 480px) and (max-width: 767px)  { */
	/* .viewport {width: 90%;} */
/* }
 */
/* @media screen and (max-width: 1200px){ */
	#mainCampaign figure {width: 100%;}
	#mainCampaign figure img {width: 100%; height: 100%; min-width: 320px;}

/* }

@media screen and (max-width: 480px){ */
	#mainCampaign .titleContainer a {left: 35%; color: #333; background: #fff;}
/* } */

#main .s_adress{border:3px #3a3732 solid; padding:20px; font-size:12px; margin:0 auto; width:245px;}
#main .map a {background-color:#f1ece4; color:#333; display:block; padding:20px 0; border-right:1px #FFF solid; text-align:center; font-size:12px;}
#main .direction li{float:none;}
#main .direction li{position:relative; display: block; padding:0px 0 0 20px; width:86%;}
#main .direction li:before,
#main .direction li:after{position:absolute; top:10px; left:5px; display: block; content: ''; width: 11px; height: 2px; background-color: #888;}
#main .direction li:before{margin-top:-4px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#main .direction li:after{margin-top:3px; -webkit-transform:rotate(-45deg); transform: rotate(-45deg);}

#studioMap  {background-color: #f7f7f7;}

.studioMap_box .studioname {font-size: 14px; font-weight: bold; color:#333;}

#studioMap #main section ul {margin:0px;}
#studioMap #main .studioMap_box li {margin:0px; width:290px;}
#studioMap #main h2 {margin:5px 15px 5px 0;}
#studioMap #main .address,#studioMap #main .tel {margin:5px 0px; font-size:12px;}

#studioMap #main .stylearea {
padding: 8px 10px 3px;
background: white;
position: relative;
margin: 2px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;}

#studioMap #main .stylearea:after {
content: "";
position: absolute;
display: block;
top: 50%;
right: 10px;
width: 9px;
height: 9px;
margin-top: -5px;
border-top: 3px #aaaaaa solid;
border-right: 3px #aaaaaa solid;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);}

#class h1,#class h2 {
font-size: 14px;
font-weight: bold;
color: #555;
margin:0px;
margin-top:10px;
line-height:1.5em;
}

#class #main h3 { font-weight:normal; margin:0px; margin-top:10px; margin-left:-7px; font-size:20px;}
#class #main h3 span{ font-size:14px;}

#class #main p {
	margin:0px;
	margin-top:5px;
}

.bx-controls{display:none;}

.bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
left: 0;
overflow: visible !important;
/* background: #fff; */}

.bx-wrapper{margin-bottom:0px; margin-bottom:30px; height:auto; margin-top:110px;}

#mainCampaign .titleContainer h1 {position: absolute; max-width: 150px; top: 40px; left: 25%;}
#mainCampaign .titleContainer h1 img {width: auto; max-width: 100%;}

/* @media screen and (max-width: 1200px){ */
	#mainCampaign .titleContainer h1 {max-width: 110px;}
	#mainCampaign figure {overflow: hidden;}
/* }

@media screen and (max-width: 480px){ */
	#mainCampaign .titleContainer h1 {left: 5%; max-width: 110px;}
/* } */

.si_taiken_btn a{border:1px solid #666; padding:10px; width:270px; margin:0 auto; text-align:center; display:block;}

/*instructor*/
#instructor #main h1 span{ font-size:12px; color:#666; display:block; padding:5px 0;}
#instructor #main .intro{ font-size:12px; padding:0 4%; margin:0;}
#instructor #main h2{ font-size:16px;}
#instructor .facultyBox{ margin:0; padding:0; overflow:hidden;}
#instructor .facultyBox li{ position:relative; width:98%;}
#instructor .facultyBox li:after{ content:""; position:absolute; display:block; top:50%; right:10px; width:9px; height:9px; margin-top:-5px; border-top:3px #aaa solid; border-right:3px #aaa solid; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
#instructor .facultyBox .photo{ float:left; width:30%;}
#instructor .facultyBox h3{ font-size:12px; float:right; width:60%; padding:35px 0;}
#instructor h4{ background:-moz-linear-gradient(center top , #f1ece4 0%, #e6dfd5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background:-webkit-gradient(linear, center top, center bottom, from(#f1ece4), to(#e6dfd5));; color:#333; padding:5px; font-size:12px; font-weight:normal; display:block;}
#instructor .other_facultyBox{ margin:0 0 20px 0; overflow:hidden;}
#instructor .other_facultyBox li{ float:left; width:28%;}
#instructor .other_facultyBox li img{ padding-bottom:10px; width:100%; height:auto;}
#instructor .other_facultyBox p{ font-size:10px; margin:0;}

#instructor .photos{ float:left; width:40%; margin:0 10px 0 0;}
#instructor .photos li{ margin:0 0 10px 0;}
#instructor .photos img{ width:45%; height:auto;}
#instructor .info h3{ margin:0 0 10px 0; font-size:12px;}
#instructor .info p{ font-size:12px; margin:0;}
#studioNav {margin-bottom:55px; margin-top:1px;}
#studioNav ul {margin:0;}
#studioNav ul li {float:left; width:33%; text-align:center; font-size:11px; margin:0 1px 1px 0;}
#studioNav ul li a {background:linear-gradient(top center, #f1ece4 0%, #e6dfd5 100%);
/* Firefox */
background: -moz-linear-gradient(top center, #f1ece4 0%, #e6dfd5 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#f1ece4), to(#e6dfd5)); color:#333; display:block; padding:10px 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#studioNav ul li a:hover {background: -webkit-gradient(linear, left top, left bottom, from(#e6dfd5), to(#f1ece4));}

/*price*/
#price #main h1{ margin-bottom:0;}
#price #main h2{ font-size:16px; font-weight:normal; border-bottom:1px solid #ccc;}
#price #main .requirement{ margin:0; overflow:hidden;}
#price #main .requirement li{ float:left; width:49%; min-height:35px; text-align:center; font-size:11px; margin:0 1px 1px 0; background:linear-gradient(top center, #f1ece4 0%, #e6dfd5 100%);
/* Firefox */
background: -moz-linear-gradient(top center, #f1ece4 0%, #e6dfd5 100%);
/* Chrom と Safari */
background: -webkit-gradient(linear, center top, center bottom, from(#f1ece4), to(#e6dfd5)); color:#333; display:block; padding:10px 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#price #main .note{ font-size:12px; clear:both; margin:10px 0 20px 0;}
#price #main table{ font-size:12px; font-weight:normal; border:1px solid #ccc; width:100%;}
#price #main table th{ color:#fff; background:#725d3e; padding:5px; border:1px solid #fff; width:50%;}
#price #main table .con_ths{ background:#d0c1ac; color:#333; font-weight:normal;}
#price #main table td{ padding:5px; border:1px solid #ccc;}
#price #main table .center{ text-align:center;}
#price #main table.freeMember th{ width:33%;}
#price #main table.freeMember td{ text-align:center;}

#contents{width:960px; margin:0 auto;}

/**/
#left #about .image{ float:right; padding:0 0 0 20px; width:40%;}

/*top news*/
.top_news {background-color:#f7f7f7; width:425px; padding:20px; float:left;}
.top_news.news_right {float:right;}
#main section.top_news li {width: 425px;}

.message_box{clear:both;}

.top_news .stylearea { padding: 8px 10px 3px; background: white; position: relative; margin: 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}

#main .top_news p.tel {margin: 5px 0px; font-size: 12px;}
#main .top_news .studioname {font-size: 12px; font-weight: bold; color: #555;}

#main .top_news .stylearea:after {
content: "";
position: absolute;
display: block;
top: 50%;
right: 10px;
width: 9px;
height: 9px;
margin-top: -5px;
border-top: 3px #aaaaaa solid;
border-right: 3px #aaaaaa solid;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#main .message_box p{margin:0px; padding:0px; margin-bottom:20px; font-size:14px; max-width:100%;}

#main .top_news p.ttl,
#main .message_box h3{font-size:17px; font-weight:normal; line-height:1.3em; margin:0 0 20px;}

/*event news*/
#main section.event_news{background-color:#f7f7f7; width:730px; padding:20px; float:left;}
#main section.event_news p{width:700px;}
#main section.event_news li{width:94%;}
#main section.event_news .stylearea{ padding:8px 10px 3px; background: white; position: relative; margin:2px 0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;}
#main section.event_news .stylearea h2{ margin:0 0 20px; font-size:14px;}
#main section.event_news .stylearea dt{float:left; height:25px;}
#main section.event_news .stylearea dd{font-weight:bold; color:#333; height:25px; font-size:12px;}
#main section.event_news .stylearea dd h2,
#main section.event_news .stylearea dd h3{font-weight:bold; color:#333; height:25px; font-size:12px; display:inline;}
#main section.event_news .stylearea:after{
content:"";
position:absolute;
display:block;
top:50%;
right:10px;
width:9px;
height:9px;
margin-top:-5px;
border-top:3px #aaaaaa solid;
border-right:3px #aaaaaa solid;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
#main section.event_news select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
  background: #fff url(../img_2015/select_arrow.png) no-repeat 180px center;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  width:195px;
  height:30px;
}


/*about*/
#about{position:relative;}
#about .inBox{height:150px; overflow:hidden;}
#about h1{color:#e60012; padding:90px 60px 0 50px; font-size:26px; vertical-align:100%;}
#main #left #about .logo{position:absolute; top:0; left:40%; margin:0 !important;}
#about h2{ color:#e60012; font-size:26px;}
#about h2 em{color:#e60012; font-size:34px;}
#about p span{color:#e60012;}
#about .left{float:left;}
#about .right{float:right;}
#about .rule_box{border:1px solid #9f9e9e; padding:15px; font-size:18px; margin-bottom:40px;}
#about .rule_box dt{border-bottom:1px solid #9f9e9e; padding-bottom:5px; margin-bottom:10px;}
#about .rule_box dd{margin:0;}
#about .rule_box dd h3{display:inline; font-weight:normal; font-size:18px;}
#about .comment li{height:60px; margin:0 0 20px 0; float:none; font-size:13px; width:730px;}
#about .comment .pt01{ background:url(/basipilates/img_2015/about/fukidashi01.png) no-repeat; padding:20px 0 0 20px;}
#about .comment .pt02{ background:url(/basipilates/img_2015/about/fukidashi02.png) no-repeat; padding:20px 0 0 170px;}
#about .navi{margin:60px 0 0 0;}
#about .navi li{float:none; width:730px; border-bottom:1px solid #afadab; margin:0; height:120px;}
#about .navi li:first-child{border-top:1px solid #afadab;}
#about a:hover, #about a:hover img{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6;}

/*media_box*/
.media_box_wrap{ margin-bottom:20px;}
.media_box{ width:960px; margin:0 auto; border:1px solid #CC0000; padding:5px; font-size:10px; margin-bottom:5px; text-align:center; font-weight:bold;}
.media_box a{ color:#CC0000;}
.media_box a:after{ content:" > ";}
#reservation .media_box_wrap{ margin-top:50px;}
#reservation .media_box{ width:98%; background:none;}

.studio_dtl img,.map_area img {max-width:730px;}
.studio_pht img { max-width: 270px;}

/*greeting*/
.greeting_old,
.greeting_new { border: 1px solid #453917; padding: 10px; margin: 0 auto; width: 960px;}
.greeting_old p,
.greeting_new p { font-size: 14px; line-height: 1.8; max-width: 100% !important; margin: 0 !important;}
.greeting_old p em,
.greeting_new p em { display: block; text-align: center; font-weight: bold; color: #453917; padding-bottom: 10px; font-style: normal;}
.greeting_old p span,
.greeting_new p span { display: block; text-align: right;}

/*home 新店バナー*/
#main .home .new_open p {margin:0;}
.home .new_open{margin-bottom:20px !important;}
.home .new_open li{ margin-bottom:1px;}
.home .new_open li a{ display:block; background:#d05f47; padding:10px; position:relative; color:#fff;}
.home .new_open li a:hover { opacity:0.7; filter:alpha(opacity=70); color:#FFF !important;}
.home .new_open li a:after { content: ""; position:absolute; top:50%; right:15px; display: block; width: 9px; height: 9px; border-top: 3px #fff solid; border-right: 3px #fff solid; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.home .new_open li p{ font-size:12px; padding:0; margin:0;}
.home .new_open li p em{ font-size:18px; font-style:normal;}

/*sidebar 新店バナー*/
#main .sidebar_newopen p {margin:0;}
.sidebar_newopen {margin-bottom:20px !important;}
.sidebar_newopen li{ margin-bottom:1px;}
.sidebar_newopen li a{ display:block; background:#d05f47; padding:10px; position:relative; color:#fff;}
.sidebar_newopen li a:hover { opacity:0.7; filter:alpha(opacity=70); color:#FFF !important;}
.sidebar_newopen li a:after { content: ""; position:absolute; top:50%; right:10px; display: block; width: 5px; height: 5px; border-top: 3px #fff solid; border-right: 3px #fff solid; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.sidebar_newopen li p{ font-size:10px; padding:0; margin:0;}
.sidebar_newopen li p em{ font-size:13px; font-style:normal; color:#ffffff;}

/*スタジオ選択*/

.priceBox select {
    width: 100%;
    height: 40px;
    padding: 10px;
    background-color: #f1ece5;
    border: none;
    border: 1px solid #c7baac;
    margin-bottom: 20px;
}

/*#left p {
    padding: 10px 0px;
}
*/
.sidebar_newopen li p em{ font-size:13px; font-style:normal; color:#ffffff;}

.studio_route {
    border: #C8CAAD 1px solid;
    padding: 10px 10px 5px 10px;
    background: rgb(247, 247, 239);
    margin-bottom: 20px;
}

.mgb{
    margin-bottom: 5px;
}


#campaign_contents img{
    width: 720px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*マイページだけにバナーを表示する*/

.myPage_show{display:none;}

#myPage .myPage_show{display:block;}