﻿@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



/*header
----------------------------------------------------*/
header{
	position:fixed;
    top:0;
    left:0;
	width:100%;
	height:60px;
	background:#0062B2;
	z-index:9999;
}

* html header,
* html #nav{     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}

header h1,
header p,
header .add-logo{
	float:left;
	margin-top:10px;
}

#box_head{
	float:right;
	width:470px;
	height:30px;
	background:#FFF;
}


/*navigation
----------------------------------------------------*/
#nav{
	position:fixed;
	top:60px;
    left:0;
	width:100%;
	height:40px;
	border-top:1px solid #C7B8A9;
	border-bottom:1px solid #C7B8A9;
	background:#000;
	font-size:1.2rem;
}

#nav ul{
	width:980px;
	height:38px;
	margin:0 auto;
	background:#000;
	border-left:1px solid #C7B8A9;
}

#nav ul li{
	float:left;
	width:139px;
	height:38px;
	border-right:1px solid #C7B8A9;
}

#nav ul li a{
	width:138px;
	height:38px;
	padding-top:8px;
	display:block;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	
}

#nav ul li a:hover{
	background:#333;
	text-decoration:none;
}

#toggle{ 
	display: none;
}


/*Contents layout
----------------------------------------------------*/
.base{
	width:980px;
	margin:0 auto;
}

.backColor{
	margin-bottom:30px;
	padding:20px 0;
	background:#F0ECE9;
}

#top_left{
	float:left;
	width:470px;
	margin-bottom:40px;
}

.add-h1{
    width: 980px;
    margin: 0 auto 30px auto;
    font-family: "Hannari",serif;
    font-size: 34px;
    line-height: 40px;
    color: #0062b2;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    letter-spacing: 2.3pt;
}

.add-p{
    font-size: 1.4rem;
    line-height: 1.6;
	width: 980px;
    margin: 0 auto 35px auto;
}

#top_right{
	float:right;
	width:470px;
	margin-bottom:40px;
}

#path{
	margin-bottom:40px;
	padding:5px;
	border-bottom:1px solid #B39E8A;
}

#sns_box{
	width:470px;
	margin:20px 0 40px 0;
}


#fb_box{
	float:left;
	width:230px;
	margin-right:5px;
}
#fb_box img{
	width:230px;
	henght:auto;
}
#fb_box2{
	float:left;
	width:470px;
}
#fb_box2 img{
	width:470px;
	henght:auto;
}
#ameba_box{
	float:left;
	width:230px;
	margin-left:5px;
}
#ameba_box img{
	width:230px;
	henght:auto;
}


/*main
----------------------------------------------------*/

/*top
------------------------------------*/
#slider4 img{
	width:100%;
	height:auto;
	margin-bottom:20px;
	border:1px solid #CCC;
}

.bx-custom-pager{
	position:absolute;
	margin-bottom:60px;
	background:#045594;
	z-index:0!important;
}

.bx-custom-pager .bx-pager-item{width:19%; margin:0.5% 0.5% 0 0.5%; background:#FFF; z-index:0!important;}
.bx-pager-item .active img{opacity: 0.6}

#h2_top_main{
	margin-bottom:40px;
	padding:15px 0 5px 0;
	background:#B39E8A;
	text-align:center;
}

section h2,.add-news{
	margin-bottom:30px;
}

.box_news{
	margin-bottom:0px;
}

.box_news a{
	color:#333;
}

.box_news img{
	float:left;
	margin-right:15px;
}

.box_news dl{
	float:left;
	width:470px;
	font-size:1.2rem;
}

.box_news dl dt{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px dotted #B39E8A;
}

.box_news dl dt.icon_osirase{
	padding-left:70px;
	background:url(../img/news/icon_osirase.gif) no-repeat;
	background-position:left 2px;
}

.box_news dl dd h3{
	margin-bottom:5px;
	display:block;
	text-decoration:underline;
	color:#0062B2;
}

.btn_newslist{
	margin-top:0px;
	padding-top:0px;
	border-top:0px solid #B39E8A;
	text-align:right;
}

.h3_change{
	float:left;
	width:210px;
	margin-bottom:10px;
	padding-left:10px;
	border-left:5px solid #009740;
	font-size:1.0em;
}

.ul_change{
	/*float:left;
	width:260px;*/
}

.ul_change li{
	float:left;
	margin-left:10px;
}

.ul_change li .change_studio{
	width:140px;
	padding:2px 5px;
	background:#B5636A;
	text-align:center;
	color:#FFF;
	display:block;
}

.ul_change li .change_pool{
	width:140px;
	padding:2px 5px;
	background:#516A98;
	text-align:center;
	color:#FFF;
	display:block;
}

.ul_change li .change_hot{
	width:140px;
	padding:2px 5px;
	background:#600;
	text-align:center;
	color:#FFF;
	display:block;
}

.box_facilities{
	float:left;
	width:192px;
	margin:0 5px 15px 0;
}

.box_facilities img{
	margin-bottom:10px;
	width:192px;
	height:auto;
}

.box_facilities h3 img,.box_facilities .add-information dt img{
	margin-bottom:10px;
	width:auto;
	height:auto;
}

.box_facilities_text{
	padding-left:5px;
	border-left:5px solid #009740;
}

.icon_address{
	padding-left:70px;
	background:url(../img/news/icon_address.gif) no-repeat;
	background-position:left 2px;
}

.map{
	width:755px;
	margin:0 115px 0 0;
}

.map_google{
	float:left;
	width:350px;
	margin-right:20px;
}

.map_google iframe{
	width:350px;
	height:353px;
	border:1px solid #373635;
}

.map_illust{
	float:left;
	width:385px;
	margin-bottom:15px;
}

#h2_top_parking{
	padding:2px 0 2px 0;
	/*background:#B39E8A;*/
	background:#A38A72;
	text-align:center;
	font-size: 32px;
	font-weight: bold;
	font-family: serif;
	color: white;
	letter-spacing: 15px;
}

#h2_top_parking.add-parking{
	padding:2px 0 2px 0;}

#h2_contents_main{
	margin-bottom:0;
	padding:15px 0 5px 0;
	background:#B39E8A;
	text-align:center;
}

.move {
	clear: both;
	height: 335px;
}
.move div {
	width: 400px;
	height: 315px;
	float: right;
}
.move iframe {
  width: 560px;
  height: 315px;
  float: left;
}

@media screen and (max-width: 560px) {
.move {
  width: 100%;
  height: auto;
}
.move iframe {
  width: 100%;
  height: 236px;
  float: none;
}
.move div {
  float: none;
  width: 100%;
  height: auto;
}
}


/*facirities
------------------------------------*/
#mainImage{
	margin:10rem auto 0 auto;
}
#mainImage img{
	max-width:100%;
}


section h1{
	margin-bottom:30px;
}

section h2.h2_contents{
	margin-bottom:3rem;
	border-bottom:2px solid #6D6E70;
	font-size:2.0rem;
	color:#94060A;
}

.navFacilities li{
	float:left;
	width:160px;
	margin-right:4px;
	margin-bottom:80px;
	text-align:center;
}

.navFacilities li a{
	padding:3px;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.4rem;
}

.navFacilities li a.navFacilities01{ background:#459484; }
.navFacilities li a.navFacilities02{ background:#B5636A; }
.navFacilities li a.navFacilities03{ background:#516A98; }
.navFacilities li a.navFacilities04{ background:#B76F42; }
.navFacilities li a.navFacilities05{ background:#785889; }
.navFacilities li a.navFacilities06{ background:#7F461C; }

.navFacilities li a:hover{ opacity:0.70;filter: alpha(opacity=70); }

.box_facilities_title{
	width:100%;
	padding-bottom:4rem;
	font-size:1.4rem;
	clear:both;
}

.h3_facilities{
	padding-top:2rem;
	font-family:'Hiragino Mincho ProN', serif;
	font-size:1.8rem;
	color:#000;
}

.box_tacilities_contents{
	padding-left:140px;
}

.ul_imageChange01{
	float:left;
	width:320px;
	font-size:1.6rem;
	font-weight:bold;
}

.ul_imageChange02,
.ul_imageChange03{
	float:left;
	width:260px;
	font-size:1.6rem;
	font-weight:bold;
}

.ul_imageChange04{
	float:left;
	width:240px;
	font-size:1.6rem;
	font-weight:bold;
}

.ul_imageChange05,
.ul_imageChange06,
.ul_imageChange07{
	float:left;
	width:300px;
	font-size:1.6rem;
	font-weight:bold;
}

.ul_imageChange06{
	margin-bottom:20px;
}

.ul_imageChange01 a,
.ul_imageChange02 a,
.ul_imageChange03 a,
.ul_imageChange04 a,
.ul_imageChange05 a,
.ul_imageChange06 a,
.ul_imageChange07 a{
	color:#333;
	text-decoration:none;
}

.ul_imageChange01 a:hover,
.ul_imageChange02 a:hover,
.ul_imageChange03 a:hover,
.ul_imageChange04 a:hover,
.ul_imageChange05 a:hover,
.ul_imageChange06 a:hover,
.ul_imageChange07 a:hover{ opacity:0.70;filter: alpha(opacity=70); }

.ul_imageChange01 span{	color:#B76F42; }
.ul_imageChange02 span{	color:#785889; }
.ul_imageChange03 span{	color:#785889; }
.ul_imageChange04 span{	color:#516A98; }
.ul_imageChange05 span{	color:#459484; }
.ul_imageChange06 span{	color:#B5636A; }
.ul_imageChange07 span{	color:#785889; }

.box_facilities_copy{
	float:left;
	width:775px;
	padding-left:10px;
}

.box_facilities_copy .h3_facilities{
	padding-top:0;
}

.copy01{ border-left:3px solid #459484; }
.copy02{ border-left:3px solid #B5636A; }
.copy03{ border-left:3px solid #516A98; }
.copy04{ border-left:3px solid #B76F42; }
.copy05{ border-left:3px solid #785889; }
.copy06{ border-left:3px solid #7F461C; }

.box_facilities_main{
	width:700px;
	margin:0 auto 80px auto;
	clear:both;
}

.box_facilities_main ul li{
	margin-bottom:0.8rem;
}

.box_facilities_main .ul_gym span{ color:#459484; }
.box_facilities_main .ul_studio span{ color:#B5636A; }
.box_facilities_main .ul_pool span{ color:#516A98; }
.box_facilities_main .ul_spa span{ color:#B76F42; }
.box_facilities_main .ul_service span{ color:#785889; }
.box_facilities_main .ul_salon span{ color:#7F461C; }

.box_facilities_main h4{
	font-family:'Hiragino Mincho ProN', serif;
	font-size:1.4rem;
}

.box_facilities_spa{
	padding-left:130px;
}

.box_facilities_spa img{
	float:left;
	margin:0 10px 10px 0;
}

.ul_spa01,
.ul_spa02{
	float:left;
	width:40%;
	font-size:1.5rem;
	font-weight:bold;
}

.ul_spa01 a{
	color:#526A98;
}

.ul_spa02 a{
	color:#B4636A;
}

.bxslider03 li img{
	margin:0;
	padding:0;
}

.bx-pager03{
	margin:-10px 0 25px 0;
}

.bx-pager03 img{
	margin-bottom:5px;
}

.box_personal{
	width:870px;
	margin:0 auto 70px auto;
	padding:20px;
	border:5px solid #469484;
	background-color:#E3EEEC;
	clear:both;
}

.box_personal h3{
	margin-bottom:20px;
}


.box_spa{
	/*width:870px;*/
	margin:0 auto 70px auto;
	border:5px solid #B76F43;
	background-color:#F2E6DD;
	clear:both;
}

.box_spa h3{
	margin-bottom:20px;
}


/*新仕様
----------------------------------*/

.tree{
	font-weight:normal;
	font-size:12px!important;
}

.tree img{
	width:100%;
	height:auto;
	margin:5px 0;
}

.tree h3{
	padding:0!important;
}

.color_brown{	color:#B76F42!important; }
.color_vioret{	color:#785889!important; }
.color_blue{	color:#516A98!important; }
.color_green{	color:#459484!important; }


/*program
------------------------------------*/
.box_program{
	width:100%;
	margin-bottom:30px;
	clear:both;
}

.box_program h2{
	margin-bottom:70px;
	padding-top:11px;
}

.h2_program01{	background:url(../program/img/ttl_program_bg01.jpg) no-repeat; }
.h2_program02{	background:url(../program/img/ttl_program_bg02.jpg) no-repeat; }
.h2_program03{	background:url(../program/img/ttl_program_bg03.jpg) no-repeat; }
.h2_program04{	background:url(../program/img/ttl_program_bg04.jpg) no-repeat; }

.box_program_inner{
	width:865px;
	margin:0 auto 70px auto;
	display:block;
	clear:both;	
}

.box_program_inner dl{
	float:left;
	width:255px;
	margin-right:50px;
}

.box_program_inner .dl_double{
	width:510px;
	margin-right:0;
}

.box_program_inner dl dt{
	margin-bottom:5px;
}

.box_program_inner dl dd h3,.box_program_inner .add_movie dt{
	font-family:'Hiragino Mincho ProN', serif;
	font-size:1.4rem;
}

.box_program_inner .add_movie dt{
	font-weight: bold;
	margin: 0;
}

.program01 dl dd h3 span{ color:#459484; }
.program02 dl dd h3 span,.program02 .add_movie dt span{ color:#B5636A; }
.program03 dl dd h3 span{ color:#516A98; }
.program04 dl dd h3 span{ color:#B76F42; }

.box_yoga{
	width:870px;
	margin:0 auto 50px auto;
	padding:20px 300px 290px 20px;
	border:5px solid #8A713C;
	background-color:#E5DAB7;
	background-image:url(../program/img/bg_box_yoga.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	clear:both;
}

.box_yoga h3{
	margin-bottom:20px;
}

.box_yoga h4{
	font-family:'Hiragino Mincho ProN', serif;
	font-size:1.8rem;
	color:#000;
}

.h3_yogaclass{
	width:870px;
	margin:0 auto 10px auto;
	color:#8A713C;
}

.h3_membersite{
	width:870px;
	margin:0 auto 0 auto;
	padding-bottom:10px;
	color:#0062B2;
}

.box_membersite{
	width:100%;
	margin:0 auto 50px auto;
	padding:15px 0;
	border-top:1px solid #0062B2;
	border-bottom:1px solid #0062B2;
}

.table_yogaclass{
	width:870px;
	margin:0 auto 30px auto;
}

.table_yogaclass th,
.table_yogaclass td{
	padding:5px 10px;
	border:1px solid #8A713C;
}

.table_yogaclass .th_lv1{
	border-left:1px solid #E5DAB7;
	border-right:1px solid #E5DAB7;
	background-color:#8A713C;
	text-align:center;
	color:#FFF;
}

.table_yogaclass .th_lv2{
	background-color:#E5DAB7;
	text-align:center;
	color:#8A713C;
}

.table_yogaclass td{
	text-align:center;
}

#tabBoxes{
	width:980px;
	margin:0 auto 30px auto;
}

.tabMenu{ width:900px; height:1.8em; margin:0 40px; border-bottom:1px solid #0062B2; }
.tabMenu li{ float:left; }
.tabMenu li a{
    display:block;
    width:150px;
	height:1.8em;
	padding:0!important;
	border:1px solid #0062B2;
	text-align:center;
}

#tabBox1,#tabBox2,#tabBox3,#tabBox4{
    width:980px;
	margin:0 auto;
}

#tabBox1{
}

#tabBox2{
	display:none;
}

#tabBox3{
    display:none;
}

#tabBox4{
    display:none;
}

.tabMenu li a.tab_on{
	background:#0062B2;
	color:#FFF;
}

#tabBox1 .box_kakomi01,
#tabBox2 .box_kakomi01,
#tabBox3 .box_kakomi01,
#tabBox4 .box_kakomi01{
	width:900px;
}



.tab{ overflow:hidden; width:900px; height:1.8em; margin:0; }
.tab li{ float:left; display:block; width:150px; height:1.8em; padding:0!important; border:1px solid #0062B2; text-align:center; }
.tab li img{ width:900px; }
.tab li.select{ background:#0062B2; color:#fff; }
.content li{ background:#fff; color:#000; }
.hide { display:none; }



/*price
------------------------------------*/
.h3_price{
	margin-bottom:35px;
	font-size:1.3em;
	color:#B72020;
}

.box_price{
	width:100%;
	margin-bottom:40px;
	border-bottom:2px dotted #B39E8A;	
}

.table_price{
	width:100%;
	margin-bottom:0;
	margin-top:18px;
}

.table_price th,
.table_price td{
	padding:10px;
	border:1px solid #CCC;
	vertical-align:middle;
	color:#333;
}

.table_price th{
	text-align:left;
}

.th_price01{background:#E9EEF8;}
.th_price02{background:#EBF4EB;}
.th_price03{background:#EEEFEF;}
.th_price04{background:#DFE8E0;}
.th_price05{background:rgba(218,119,0,0.1);}
.th_price06{background:rgba(243, 132, 128,0.5);}

.price_price{
	font-size:1.4em;
	font-weight:bold;
}

.table_price_option{
	width:100%;
	margin-bottom:10px;
	border:3px solid #B39E8A;
}

.table_price_option th,
.table_price_option td{
	padding:10px;
	border:1px solid #B39E8A;
	vertical-align:middle;
}

.table_price_option td img{
	margin:0 40px 0 0;
}

.table_price_option th{
	padding:5px 10px;
	background:#B39E8A;
	text-align:left;
	color:#FFF;
	font-size:1.1em;
}

.table_price_option th span{
	margin-left:0.5em;
	padding:0 10px;
	background:#FFF;
	color:#B39E8A;
}

.table_recruit{
	width:95%;
	margin:0 auto;
	margin-top:18px;
}

.table_recruit th{
	width:25%;
	padding:10px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	border-right:1px dotted #000;
	vertical-align:middle;
	background-color:#f4f7fc;
	color:#333;
}

.table_recruit td{
	width:70%;
	padding:10px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	vertical-align:middle;
	color:#333;
}
.table_price th{
	text-align:left;
}


.w50per{
	width:50%;
}

#price_enter{
	border-bottom:2px dotted #B39E8A;
}

#price_enter img{
	margin:8px 0;
}

.salon_box{
	width:700px;
	margin:0 auto 30px auto;
	
}
.salon_time span{
	 color:#7F461C;
	 margin:0;
	 padding:0;
}

.salon_time{
	float:left;
	width:315px;
	margin-right:5px;
}
	
.salon_time h4{
	font-size:13px;
	margin:0;
	padding:0;
}
	
.salon_link{
	float:left;
	width:380px;
	}


/*entry
------------------------------------*/
.box_ad01_entry{
	width:810px!important;
}

.box_ad02{
	width:auto;
	margin:0 20px 20px 20px;
	padding:15px 55px;
	background:#FFF;
}

.box_ad02 td{
	padding:10px 15px 0 0;
	vertical-align:top;
	font-size:0.8em;
}

.box_ad03{
	margin:0 auto 30px auto;
	padding:15px 10px 15px 10px;
	border:5px solid #E2DAC7;
}

.box_ad03_entry{
	width:750px!important;
}

.box_ad04,
.box_ad05{
	width:719px;
	padding:5px;
	border:3px solid #5B5229;
}

.box_ad04 img,
.box_ad05 img{
	float:left;
	padding-right:10px;
}

.box_ad06{
	padding:8px;
	border:3px solid #C6171E;
	font-size:0.85em;
	line-height:1.5em;
}

.box_ad06 img{
	float:left;
	padding-right:8px;
}

.box_ad07{
	width:749px;
	margin:0 auto 30px auto;
	padding:8px;
	border:1px solid #000;
	font-size:0.85em;
	line-height:1.5em;
}


.timetable{
	width:750px;
	margin:0 auto 40px auto;
}

.th_info{
	padding:5px 10px;
	background:#62542F;
	color:#FFF;
	text-align:center;
}

.td_info{
	padding:5px 10px;
	border-bottom:1px dotted #999;
}

.table_inq{
	width:710px;
	/*margin:0 20px 20px 20px;*/
	border-collapse:collapse;
	border:1px solid #62542F;
}

.table_inq td,
.table_inq th{
	padding:8px;
	border:1px solid #62542F;
}

.table_inq td{
	background:#FFF;
}

.table_inq th{
	background:#62542F;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-weight:normal;
	text-align:left;
}

.table_inq th img{
	vertical-align:middle;
}

.table_inq textarea,
.table_inq input{
	border:1px solid #CCC;
}

.map2{
	width:755px;
	margin:0 auto;
}

.map_google2{
	float:left;
	width:350px;
	margin-right:20px;
	padding-top:30px;
}
.map_google2 iframe{
	border:1px solid #373635;
}

.map_illust2{
	float:left;
	width:385px;
}



/*contact
------------------------------------*/
.box_ad01{
	width:770px;
	margin:40px auto;
	padding:30px;
	background:#E2DAC7;
}

.table_inq{
	width:710px;
	margin-bottom: 20px;
	border-collapse:collapse;
	border:1px solid #62542F;
}

.table_inq td,
.table_inq th{
	padding:8px;
	border:1px solid #62542F;
}

.table_inq td{
	background:#FFF;
}

.table_inq td input{
	width:35em;
}

#comment{
	width:35em!important;
}

.table_inq th{
	background:#62542F;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-weight:normal;
	text-align:left;
}

.table_inq th img{
	vertical-align:middle;
}

.table_inq textarea,
.table_inq input{
	border:1px solid #CCC;
}


/*underconstruction
------------------------------------*/
.underconstruction{
	width:100%;
	margin:3rem 0;
	padding:5rem 0;
	border:1px solid #CCC;
	text-align:center;
	font-size:1.8rem;
	color:#999;
}



/* table
------------------------------------- */
.table_normal{
	width:100%;
	margin-bottom:2rem;
}

.table_normal th,
.table_normal td{
	padding:0.8rem;
	border:1px solid #D9D9D9;
	vertical-align:top;
}

.table_normal th{
	background:#045594;
	color:#FFF!important;
	font-weight:normal;
}

.table_normal th.th_lv2{
	background:#F5F5F5;
	color:#333!important;
}

/* List
------------------------------------- */
.ul_dot{
	margin:0 0 1.5rem 0;
	padding:0;
	list-style:none;
}

.ul_dot li{
	margin-bottom:0.8rem;
	padding-left:18px;
	background:url(../img/icon_list.gif) no-repeat;
	background-position:0 5px;
}

.ol_number{
	margin:0 0 1.5rem 0;
	padding:1rem 0 1rem 2.5rem;
}

.ol_number li{
	margin-bottom:0.8rem;
	padding-left:0px;
}

.ol_number ol{
	padding:1rem 0 0 3rem;
	margin-left:0;
	list-style:upper-latin;
}

.ol_number ol li{
	padding:0 0 0 0;
}

/* kakomi
------------------------------------- */
.box_kakomi01,.box_kakomi02,.box_kakomi03,.box_kakomi04{
	margin-bottom:15px;
	padding:15px 15px 5px 15px;
}

.box_kakomi01{
	background:#FFFFE1;
	border:1px solid #EBEBD3;
}

.box_kakomi02{
	background:#ECF5FF;
	border:1px solid #BDDEEE;
}

.box_kakomi03{
	background:#F5F5F5;
	border:1px solid #D9D9D9;
}

.box_kakomi04{
	background:#FFF;
	border:1px solid #EBEBD3;
}

.box_kakomi01 h3,.box_kakomi02 h3,.box_kakomi03 h3,.box_kakomi04 h3{
	margin:0 0 10px 0!important;
	padding:0 0 5px 0!important;
	border-bottom:1px solid #D9D9D9;
	background:none!important;
	font-size:14px!important;
}

.box_kakomi01 h3{
	color:#C00;
}





/*page top
--------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 10px;
	border:1px solid #FFF;
	background:#FFF;
}
#page-top a {
	width:70px;
	height:70px;
	background:url(../img/btn_pagetop.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display: block;
}
#page-top a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}

/*page visit form*/
#visit-form{
	padding-bottom: 100px;
}
#mfp_overlay_background.hidden{
	opacity: 0 !important;
	/*display: none !important;*/
}
#mfp_overlay.hidden{
	opacity: 0 !important;
	/*display: none !important;*/
}
#visit-form .box_ad01 {
	width: 880px;
    padding: 0;
    background: #fff;
}
#visit-form form#mailformpro{
	padding: 0;
}
#visit-form .table_inq{
	width: 100%;
	margin:0;
	margin-bottom: 50px;
	border:1px solid #0062b2;
}
#visit-form .table_inq tr{
	height: 70px;
}
#visit-form .table_inq th{
	background: #0062b2;
	font-size: 16px;
	padding: 0 30px;
	width: 215px;
}
#visit-form .table_inq img{
	float: right;
	width: 45px;
	height: 21px;
}
#visit-form .table_inq td{
	background: #eaeaea;
	border: 1px solid #0062b2;
	padding-left: 16px;
}
#visit-form form#mailformpro input{
	height: 38px;
	padding-left: 10px;
	box-shadow: inset 0px 0px 3px 1px #e2e2e2;
}
#visit-form form#mailformpro textarea{
	width: 100% !important;
	min-height: 250px;
	box-shadow: inset 0px 0px 3px 1px #e2e2e2;
	padding:10px;
}
#visit-form .table_inq td label{
	display: inline-block;
	margin-right: 10px;
}
#visit-form .table_inq td input.input-telp{
	width: 250px;
}
#visit-form .table_inq td input.date-visit{
	width: 75% !important;
}
#visit-form form#mailformpro select{
	height: 30px;
	width: 75%;
	border-radius: 5px;
	background:#dbdbdc;
	padding-left: 10px;
	box-shadow: inset 0px 0px 3px 1px #e2e2e2;
	cursor: pointer;
}
#visit-form form#mailformpro select option{
	cursor:pointer;
}
#visit-form .date-input{
	display: inline-block;
}
#visit-form .date-input-select{
	display: inline-block;
	margin-left: 20px;
}
#visit-form .table_inq th.comment-visit-form{
	vertical-align: top;
	padding-top: 20px;
}
#visit-form .table_inq td, #visit-form .table_inq th{
	padding:15px;;
}
.btn-submit-visit:hover{
	opacity: 0.7;
}
#visit-form.check-form-visit .table_inq td{
	background: #fff;
}
#visit-form form#mailformpro input.btn-check-visit{
	background: #d90f13;
	border-radius: 10px;
	padding:10px 30px;
	box-shadow: 0px 5px 10px 0px #c3bebe;
	color: #fff;
	border:none;
	cursor: pointer;
}
#visit-form form#mailformpro input.btn-check-visit:hover{
	opacity: 0.7;
}
.visit-thanks-content{
	padding:35px 0;
}
#visit-form form#mailformpro input.btn-submit-visit{
	background: url(../visit/img/btn-send.png);
	width: 300px;
	height: 100px;
	cursor: pointer;
	border: none;
	outline: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left -20px top;
}
#visit-form .main-title-visit img{
	width: 980px;
	height: 65px;
}
#sunday-time-option, #saturday-time-option{
	display: none;
}
.pc-only{
	display: block !important;
}
.sp-only{
	display: none !important;
}
.margin-auto{
	margin:0 auto;
}
#visit-form .inquiry-type input{
	width: 20px;
	display: inline-block;
	margin-top:-3px;
	cursor:pointer;
	opacity: 0;
}
#visit-form .inquiry-type label{
	cursor:pointer;
	position: relative;
}
#visit-form .inquiry-type label:before{
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	border-radius: 100%;
	left: -25px;
	background: #fff;
	top: 0;
	border: 1px solid #d0cccc;
}
#visit-form .inquiry-type input:checked + label{
}
#visit-form .inquiry-type input:checked + label:before{
	background: #309af1;
}

.sp-sml{
	display: none !important;
}
/*#visit-form .inquiry-type input:checked + label:after{
    position: absolute;
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 100%;
    left: -18px;
    background: #fff;
    top: 6px;
}*/
/*footer
----------------------------------------------------*/
footer{
	width:100%;
	margin:0 auto;
	background:#0062B2;
	color:#FFF;
}

#footer_inner{
	width:980px;
	margin:0 auto;
	padding:20px 0 30px 0;
	font-size:1.1em;
}

#footer_left{
	float:left;
	width:470px;
	margin-bottom:30px;
}

#footer_left h2,
#footer_left h3,
#footer_left .add-footerlogo{
	margin-bottom:10px;
}

#footer_left .btn_footer_contact{
	background:#FFF;
}

#footer_left .tel{
	font-size:1.6em;
	font-weight:bold;
	color:#ffffff;
}

#footer_left .tel a {
	color:#ffffff;
}

#footer_right{
	float:right;
	width:470px;
	margin-bottom:30px;
}

#footer_left td,
#footer_right td{
	padding-bottom:5px;
	vertical-align:top;
}

#footer_left td img,
#footer_right td img{
	margin-top:3px;
}

#footer_right dt{
	float:left;
	width:4em;
	clear:both;
}

#footer_right dt{
	float:left;
}

#footer_right .weekday{
	font-weight:bold;
}

#footer_right .sat{
	font-weight:bold;
	/*color:#C0EB8D;*/
}

#footer_right .sun{
	font-weight:bold;
	/*color:#FF9999;*/
}

#copyright{
	width:100%;
	padding:10px;
	background:#000;
	color:#FFF;
	text-align:center;
}
#copyright small{
    font-size: 14px;
}

/*サイド固定メニュー
----------------------------------------------------*/
.btn_fixed {
	width: 40px;
	position: fixed;
	top: 120px;
	right: 0;
	background:#FFF;
	z-index: 9999;
}

.btn_fixed ul li {
	font-size: 0;
	line-height: 0;
}




@media screen and (max-width:740px){
	.pc-only{
		display: none !important;
	}
	.sp-only{
		display: block !important;
	}
}

@media screen and (max-width:640px){

/*header
----------------------------------------------------*/
header{
	position:fixed;
    top:0;
    left:0;
	width:100%;
	height:80px;
}

* html header,
* html #nav{     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}

header .base{
	width:100%;
	margin:0;
}

header h1,
header p,
header .add-logo{
	float:none;
	position:absolute;
	top:0;
	width:80%;
	margin:10px 0;
	padding-left:10px;
	text-align:left;
	z-index:999;
}

header h1 img,
header p img,
header .add-logo img{
	width:100%;
	height:auto;
	margin-bottom:1rem;
}

#box_head{
	float:none;
	width:100%;
	height:auto;
	margin-top:70px;
}

#box_head span{
	background:#F0ECE9;
	text-align:center;
	display:block;
}

#box_head a{
	background:#B72020;
	text-align:center;
	display:block;
}

#box_head img{
	float:none;
}



/*navigation
----------------------------------------------------*/
#nav{
	position:absolute;
	width:100%;
	height:50px;
	top:0;
    left:0;
	border:0px;
	background:none;
	font-size:1.2rem;
}

#nav ul{
	width:100%;
	height:auto;
	margin:0 auto;
	background:none;
}

#nav ul li{
	float:left;
	width:100%;
	height:auto;
	background:#0062B2;
	border-top:1px solid #D3EBFE;
	display:block;
}

#nav ul li.link24 {
	background: #54babe;
}

#nav ul li a{
	width:100%;
	height:auto;
	padding:1rem 0;
	display:block;
}

#nav ul li a:hover{
	background:#4F88B4;
	text-decoration:none;
}
#menu{
    display: none;
}

#toggle{
    display: block;
    position: relative;
    width: 50px;
	float:right;
}

#toggle a{
    display: block;
    position: relative;
    padding: 10px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
	

/*Contents layout
----------------------------------------------------*/
.base{
	width:94%;
	margin:0 3%;
}

.backColor{
	width:100%;
	margin-bottom:30px;
	padding:20px 0;
	background:#F0ECE9;
}

#top_left{
	width:100%;
	margin-bottom:40px;
}

#top_right{
	width:100%;
	margin-bottom:40px;
}

#sns_box{
	width:100%;
	margin:25px 0 40px 0;
	text-align:center;
	clear:left;
}


#fb_box{
	width:49%;
	margin-right:2%;
	float:left;
}
#fb_box img{
	width:100%;
	henght:auto;
}

#fb_box2{
	width:100%;
	float:none;
}
#fb_box2 img{
	width:100%;
	henght:auto;
}

#ameba_box{
	width:49%;
	margin:0 auto;
	float:right;
}
#ameba_box img{
	width:100%;
	henght:auto;
}


/*main
----------------------------------------------------*/

/*top
------------------------------------*/
.slider_sm{
	margin-top:1.8em;
}

#h2_top_main{
	margin-bottom:20px;
	padding:15px 0 5px 0;
	background:#B39E8A;
	text-align:center;
}

.add-h1{
    width: 94%;
    margin: 0 3% 20px 3%;
    font-size: 32px;
    line-height: 32px;
}

.add-p{
	width: 94%;
    margin: 0 3% 20px 3%;
}

#h2_top_main img,
#h2_contents_main img{
	width:96%;
	height:auto;
}

#top_left h2,
#top_right h2{
	width:100%;
	margin-bottom:2rem;
	overflow:hidden;
}

#top_left h2 img,
#top_right h2 img{
	width:470px;
	height:auto;
}

#top_left .center img{
	width:100%;
	height:auto;
}

section h2{
	width:100%;
	margin-bottom:30px;
	overflow:hidden;
}

section h2 img{
	width:100%;
	height:auto;
}

.h2_full{
	overflow:hidden;
}

.h2_full img{
	width:980px!important;
	height:auto!important;
}

.box_news{
	width:100%;
	margin-bottom:1rem;
}

.box_news a{
	padding-bottom:1rem;
	/*border:1px solid #CCC;*/
	color:#333;
	display:block;
}

.box_news img{
	float:none;
	margin:0 auto 1rem auto;
	display:block;
}

.box_news dl{
	float:none;
	width:100%;
	font-size:1.4rem;
}

.box_news_change img{
	width:100%!important;
	height:auto!important;
}

.ul_change li{
	width:100%;
	margin-left:0;
	margin-bottom:10px;
}

.ul_change li .change_studio{
	width:auto;
	padding:5px 0;
}

.ul_change li .change_pool{
	width:auto;
	padding:5px 0;
}

.ul_change li .change_hot{
	width:auto;
	padding:5px 0;
}

.box_facilities{
	float:none;
	width:100%;
	margin:0 0 15px 0;
	font-size:1.4rem;
}

.box_facilities img{
	margin:0 auto 1rem auto;
	display:block;
	width:90%;
}

.box_facilities h3 img{
	margin-bottom:10px;
	width:auto;
	height:auto;
}

.box_facilities_text{
	padding-left:0;
	border-left:0;
}

.box_access img{
	display:block;
}

.map{
	width:100%;
	margin:0 auto;
}

.map_google{
	float:none;
	width:100%;
	margin-right:0;
	padding-top:0;
	margin-bottom:1rem;
}

.map_google iframe{
	width:100%;
	height:30rem;
	border:1px solid #373635;
}

.map_illust{
	float:none;
	width:100%;
	height:auto;
	margin-bottom:1rem;
}

.map_illust img{
	width:100%;
	height:auto;
}
.map2{
	width:100%;
	margin:0 auto;
}

.map_google2{
	float:none;
	width:100%;
	margin-right:0;
	padding-top:0;
	margin-bottom:1rem;
}

.map_google2 iframe{
	width:100%;
	height:30rem;
	border:1px solid #373635;
}

.map_illust2{
	float:none;
	width:100%;
	height:auto;
	margin-bottom:1rem;
}

.map_illust2 img{
	width:100%;
	height:auto;
}

#h2_top_parking{
	padding:2px 0 2px 0;
	/*background:#B39E8A;*/
	background:#A38A72;
	font-size: 22px;
	text-align:center;
	font-family: serif;
	font-weight: bold;
	color: white;
	letter-spacing: 5px;
}

#h2_top_parking img{
	width:94%;
	height:auto;
}


/*facirities
------------------------------------*/
#mainImage img{
	width:100%;
	height:auto;
	margin:2.5rem auto 0 auto;
}

section h1{
	width:100%;
	overflow:hidden;
}

section h2 img{
	width:100%;
	height:auto;
}

.navFacilities{
	margin-bottom:2rem;
}

.navFacilities li{
	width:100%;
	margin-right:0;
	margin-bottom:0.1rem;
}

.box_facilities_title{
	padding-bottom:2rem;
}

.box_facilities_title .florNo{
	float:none!important;
	width:20%;
	height:auto;
}

.box_tacilities_contents{
	padding-left:0;
}

.ul_imageChange01,
.ul_imageChange02,
.ul_imageChange03,
.ul_imageChange04,
.ul_imageChange05,
.ul_imageChange06,
.ul_imageChange07{
	float:none;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
}

.ul_imageChange06{
	margin-bottom:0;
}

#flor2,
#flor1{
	width:100%;
	height:auto;
}

section h3{
	width:100%;
	overflow:hidden;
}

.box_facilities_copy{
	width:100%;
	margin-top:10px;
}

.box_facilities_main{
	width:100%;
	margin:0 auto 3rem auto;
}

.box_facilities_main img,
.spaImage img{
	width:100%;
	height:auto;
}

.box_facilities_spa{
	padding-left:0;
}

.box_facilities_spa img{
	float:none;
	margin:0 10px 10px 0;
}

.ul_spa01,
.ul_spa02{
	float:none;
	width:100%;
	margin-bottom:10px;
}

.ul_spa01 a{
	color:#526A98;
}

.ul_spa02 a{
	color:#B4636A;
}

.bx-pager03 img{
	width:23%;
	height:auto;
	margin-bottom:5px;
}

.salon_box{
	width:100%;
	margin:0 auto;
}

.salon_time{
	float:none;
	width:100%;
	margin-right:0;
	padding-top:0;
	margin-bottom:1rem;
}
.salon_time h4{
	font-size:14px;
	margin:0;
	padding:0;
}

.salon_link{
	float:none;
	width:100%;
	height:auto;
	margin-bottom:1rem;
}


/*program
------------------------------------*/
.box_program{
	width:100%;
	font-size:1.6rem;
}

.box_program h2{
	margin-bottom:3rem;
	padding-top:11px;
}

.box_program h2 img{
	width:auto;
	height:40px;
}

.h2_program01{	background:url(../program/img/ttl_program_bg01.jpg) no-repeat; }
.h2_program02{	background:url(../program/img/ttl_program_bg02.jpg) no-repeat; }
.h2_program03{	background:url(../program/img/ttl_program_bg03.jpg) no-repeat; }
.h2_program04{	background:url(../program/img/ttl_program_bg04.jpg) no-repeat; }

.box_program_inner{
	width:100%;
	margin:0 auto 0 auto;
}

.box_program_inner dl{
	float:none;
	width:100%;
	margin:0;
}

.box_program_inner .dl_double{
	width:100%;
}

.box_program_inner dl dt{
	text-align:center;
}

.box_program_inner dl dd{
	margin-bottom:2rem;
}

.box_program_inner dl dd h3,.box_program_inner .add_movie dt{
	font-size:1.8rem;
}

.box_program_inner .add_movie dt{
	text-align: left;
}

.box_yoga{
	width:100%;
	margin:0 auto 3rem auto;
	padding:10px 10px 20rem 10px;
	border:5px solid #8A713C;
	background-color:#E5DAB7;
	background-image:url(../program/img/bg_box_yoga.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:96%;
	clear:both;
}

.box_yoga h3{
	text-align:center;
}

.h3_yogaclass{
	width:100%;
	margin:0 auto 10px auto;
	color:#8A713C;
}

.table_yogaclass{
	width:100%;
	margin:0 auto 30px auto;
}

.box_personal{
	width:100%;
	margin:0 auto 3rem auto;
	padding:10px 10px 10px 10px;
	border:5px solid #469484;
	background-color:#E3EEEC;
	clear:both;
}

.box_personal h3{
	text-align:center;
}

.box_personal img{
	width:100%;
	height:auto;
}

.schedule{
	display:none;
}

#tabBoxes{
	width:100%;
	margin:0 auto 30px auto;
}

.tabMenu{ width:100%; height:1.8em; margin:0; border-bottom:1px solid #0062B2; }
.tabMenu li{ float:left; width: calc(100%/2); }
.tabMenu li a{
    display:block;
    width:100%;
	height:1.8em;
	padding:0!important;
	border:1px solid #0062B2;
	text-align:center;
}

#tabBox1,#tabBox2,#tabBox3,#tabBox4{
    width:100%;
	margin:0 auto;
}

#tabBox1{
}

#tabBox2{
}

#tabBox3{
    display:none;
}

#tabBox4{
    display:none;
}

#tabBox1 .box_kakomi01,
#tabBox2 .box_kakomi01,
#tabBox3 .box_kakomi01,
#tabBox4 .box_kakomi01{
	width:100%;
}

.tabMenu li a.tab_on{
	background:#0062B2;
	color:#FFF;
}

.tab{ width:100%; height:1.8em; margin:10% 0; padding:0 auto!important; text-align:center; }
.tab li{ float:left; display:block; width:16.666%; height:1.8em; padding:0!important; border:1px solid #0062B2; text-align:center;}
.tab li img{ width:100%; border:1px #666 solid; }
.tab li.select{ background:#0062B2; color:#fff; }
.content li{ background:#fff; color:#000; display:none; }
.content li:first-child { display:block; }
.content li img{ width:100%; }/*border:1px #666 solid;*/
.hide {display:none;}


/*price
------------------------------------*/
.table_price_option td{
	text-align:center;
}

.table_price_option td img{
	margin:0 0 10px 0;
	width:100%;
}

.table_price_option td span{
	display:block;
}

/*entry
------------------------------------*/
.box_ad01_entry{
	width:100%!important;
	margin-bottom:20px!important;
}

.box_ad01_entry img{
	width:100%;
	height:auto;
}

.box_ad01_entry .ml20{
	width:100%;
	height:auto;
	margin:0 auto 10px auto!important;
}

.box_ad02{
	width:100%;
	margin:0 0 10px 0;
	padding:10px!important;
}

.box_ad02 td{
	padding:10px 15px 0 0;
	vertical-align:top;
	font-size:0.8em;
}

.entrytable td {
	display: block;
}

.entrytable td h2{
	margin:0;
}

.box_ad03_entry{
	width:100%!important;
	margin:0 0 20px 0!important;
}

.box_ad03_entry img{
	width:100%;
	height:auto;
}

.box_ad04,
.box_ad05{
	width:100%;
}

.noresize{
	width:auto!important;
	height:auto!important;
}

.box_ad06 img{
	float:none;
	padding-bottom:8px;
	display:block;
}

.box_ad07{
	width:100%;
}

.timetable{
	width:100%;
	margin:0 auto 40px auto;
}

.timetable th,
.timetable td{
	display: block;
}

.th_info{
	padding:5px 10px;
	background:#62542F;
	color:#FFF;
	text-align:center;
}

.td_info{
	padding:5px 10px;
	border-bottom:1px dotted #999;
}

.table_inq{
	width:710px;
	margin:0 0px 20px 0px;
	border-collapse:collapse;
	border:1px solid #62542F;
}

.table_inq td,
.table_inq th{
	padding:8px;
	border:1px solid #62542F;
}

.table_inq td{
	background:#FFF;
}

.table_inq th{
	background:#62542F;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-weight:normal;
	text-align:left;
}

.table_inq th img{
	vertical-align:middle;
}

.table_inq textarea,
.table_inq input{
	border:1px solid #CCC;
}


/*contact
------------------------------------*/
.box_ad01{
	width:100%;
	margin:10px auto;
	padding:10px;
}

.table_inq{
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	border:1px solid #62542F;
}

.table_inq td,
.table_inq th{
	padding:8px;
	border:1px solid #62542F;
}

.table_inq td{
	background:#FFF;
}

.table_inq td input{
	width:100%;
}

#comment{
	width:100%!important;
}

.table_inq th{
	background:#62542F;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-weight:normal;
	text-align:left;
	width: 30%;
}

.table_inq th img{
	vertical-align:middle;
}

.table_inq textarea,
.table_inq input{
	border:1px solid #CCC;
}









/*page top
--------------------------------------------*/
#page-top {
	position:fixed;
	width:100%;
	text-align:center;
	background:#045594;
	border:0;
	border-top:1px solid #FFF;
	bottom:0;
	right:0;
	z-index:999;
}
#page-top a {
	width:100%;
	height:30px;
	margin:0 auto;
	background:url(../img/btn_pagetop_sp.gif) no-repeat;
	background-position:center;
	text-indent:-5000px;
	overflow:hidden;
	display: block;
}
#page-top a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}
/*page visit*/
#visit-form .box_ad01{
	width: auto;
}
#visit-form .table_inq th {
    width: 117px;
    padding: 10px;
}
#visit-form .table_inq td, #visit-form .table_inq th {
    padding: 10px;
}
#visit-form .table_inq td label {
    margin-right: 10px;
}
#visit-form .table_inq th img{
    float: none;
    display: block;
}
#visit-form .date-input-select {
    display: inline-block;
    margin-left: 0;
}
#visit-form .date-input {
    margin-bottom: 20px;
}#visit-form .date-visit {
    margin-left: 5px;
}
#visit-form .table_inq td input.input-telp {
    width: 100%;
}
#visit-form .btn-submit-visit{
	width: 100%;
}
#visit-form .main-title-visit img{
	width: 640px;
	height: auto;
}
/*footer
----------------------------------------------------*/
footer{
	width:100%;
	margin:0 auto;
	background:#0062B2;
	color:#FFF;
	font-size:1.4rem;
}

#footer_inner{
	width:94%;
	margin:0 3%;
	padding:1.5rem 0;
}

#footer_left{
	float:none;
	width:100%;
	margin-bottom:1.5rem;
}

#footer_left h2,
#footer_left h3,
#footer_left .add-footerlogo{
	margin-bottom:1.5rem;
}

#footer_left h2 img,
#footer_left h3 img,
#footer_left .add-footerlogo img{
	width:100%;
	height:auto;
}

#footer_left .btn_footer_contact{
	background:#FFF;
}

#footer_left .btn_footer_contact img{
	width:100%;
	height:auto;
}

#footer_right{
	float:none;
	width:100%;
	margin-bottom:1rem;
}

#copyright,#copyright small{
	padding-bottom:35px;
	font-size:1.2rem;
}


/*サイド固定メニュー
----------------------------------------------------*/
.btn_fixed {
	width:100%;
	position:relative;
	top:auto;
	right:auto;
	z-index: 999;
}

.btn_fixed ul li{
	float:left;
	width:50%;
}

.btn_fixed ul li img{
	width:100%;
	height:auto;
}


.special_info_sp {
	width:96%;
	text-align:center;
	margin:0 2% 5%;
}
.special_info_sp a {
	width:100%;
}
.special_info_sp img {
	width:100%;
}

.special_info {
	display:none;
}
.spnone  {
	width:100%;
}
.pcnone  {
	display:none;
}

}


@media screen and (min-width:641px){


.special_info {
	width:980px;
	margin:0 auto 40px auto;
}
.special_info img {
	width:980px;
	text-align:center;
}

.special_info_sp {
	display:none;
}
.pcnone  {
	width:100%;
}
.spnone  {
	display:none;
}
}


.box_daikou {
	margin-bottom:10%;
}

@media screen and (min-width:641px){
.studio-title {
	background:#008002;
	width:100%;
	padding:10px 0;
	margin:0 !important;
	text-align:center;
}
.studio-title h2 {
	color:#fff;
	margin:1% 0 !important;
}

.pool-title {
	background:#0070c0;
	width:100%;
	padding:10px 0;
	margin:0 !important;
	text-align:center;
}
.pool-title h2 {
	color:#fff;
	margin:1% 0 !important;
}
.bg-gray {
	background:#c9caca;
	color:#fff;
}
.point-color {
	color:#db051f;
}
.daikou-table {
	width:100%;
	height:auto;
	clear:both;
	text-align:center;
	color:#000;
	margin-bottom:5%;
}
.daikou-table tr {
}
.daikou-table td {
	width:auto;
	height:auto;
	padding:2% 0;
	border:solid 1px #595757;
	border-collapse:collapse;
}
}

@media screen and (max-width:640px){
.studio-title {
	background:#008002;
	width:100%;
	padding:10px 0;
	margin:0 !important;
	text-align:center;
}
.studio-title h2 {
	color:#fff;
	margin:1% 0 !important;
}

.pool-title {
	background:#0070c0;
	width:100%;
	padding:10px 0;
	margin:0 !important;
	text-align:center;
}
.pool-title h2 {
	color:#fff;
	margin:1% 0 !important;
}
.bg-gray {
	background:#c9caca;
	color:#fff;
}
.point-color {
	color:#db051f;
}
.daikou-table {
	width:100%;
	height:auto;
	clear:both;
	text-align:center;
	color:#000;
	margin-bottom:5%;
}
.daikou-table tr {
}
.daikou-table td {
	width:auto;
	height:auto;
	padding:5% 2px;
	border:solid 1px #595757;
	border-collapse:collapse;
}
}
@media screen and (max-width:480px){
	.sp-sml{
		display: block !important;
	}
}

@media screen and (min-width:741px){
	.bnr-contact  {
		    width: 980px;
		    margin: 0 auto 30px;
		    clear: both;
		    display: inline-block;
		  }
	.bnr-contact li {
		    width: 470px;
		    margin: 0 10px;
		    float: left;
		  }
	.bnr-contact li  img {
		    width: 100%;
		    height:auto;
		  }
}

@media screen and (max-width:740px){
	.bnr-contact  {
		    width: 100%;
		    margin: 0 0 10%;
		    padding: 0 3%;
		    clear: both;
		    display: inline-block;
		  }
	.bnr-contact li {
		    width: 100%;
		    margin: 0 0 5%;
		    float: none;
		  }
	.bnr-contact li  img {
		    width: 100%;
		    height:auto;
		  }
}

.logo_area {
	width: 100%;
    padding: 15px 0;
    clear: both;
    border-top: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items:center;
    flex-wrap: wrap;
    margin: 0 auto;
}
/*
.logo_area p {
	width: 335px;
    margin-right: -4%;
}
*/
.logo_area a {
	width:280px;
	margin: 0 5px;
}
.logo_area a img {
	width:100%;
	height:auto;
}
@media screen and (max-width:1160px)and (min-width:641px){
.logo_area a {
	width:260px;
}
}
@media screen and (max-width:640px) {
.logo_area {
	width:100%;
	padding: 5%;
	clear:both;
	border-top:1px solid #fff;
	display:inline-block;
	margin-top:5%;
}
/*
.logo_area p {
	width:100%;
	float:none;
	text-align:center;
}
*/
.logo_area a {
	width:100%;
	margin: 0 auto 10px;
	display:block;
}
}

.area-cp { display:table; width:980px; height:auto; border:#9e9e9e 1px solid; padding:20px; clear:both; margin: 0 auto 50px; }
.area-cp h2 { font-family: "Hannari",serif; background:#009740; padding:10px 0; text-align:center; color: #fff; margin-bottom:20px; clear:both; font-size:1.7em; }
.area-cp img { width:55%; height:auto; margin-right:5%; float:left; }
.area-cp .txt { width:40%; height:auto; padding:0 0 5%; float:left; }
.area-cp .txt h3 {  font-family: "Hannari",serif; color:#0062b2; margin-bottom:10px; font-size:1.5em; }
.area-cp .txt p { color:#666666; }

.cta_btn01 { float:left; margin: 20px 1% 0 0; width:49%; display:block; }
.cta_btn02 { float:right; margin: 20px 1% 0 0; width:49%; display:block; }
.cta_btn01 img,.cta_btn02 img { width:100% !important; height:auto; }


@media screen and (max-width:640px) {
.area-cp { width:94%; padding:3%; margin: 0 3%10%; }
.area-cp h2 { width:100%; padding:5px 0; font-size:1.3em; margin-bottom:10px; }
.area-cp img { width:100%; margin-right:0; float:none; }
.area-cp .txt { width:100%; margin-right:0; float:none; }
.area-cp .txt h3 { font-size:1.5em; }
.area-cp .txt p {  }

.cta_btn01 { float:none; margin: 5% 0; width:100%; display:block; }
.cta_btn02 { float:none; margin: 0 0 5% 0;  width:100%; display:block; }
.cta_btn01 img,.cta_btn02 img {  }
}

.box_swlesson {
	width: 865px;
    margin: 0 auto 70px auto;
    display: block;
    clear: both;
}
.box_swlesson h3 {
	font-family:'Hiragino Mincho ProN', serif;
	font-size:20px;
	background:url('https://sunpia-sendai.jp/sports/program/img/bg_border.png') no-repeat;
	background-size:100%;
	height:30px;
	text-align:center;
	margin:50px 0;
	background-position: center;
}
.box_swlesson h3 span {
	background:#fff;
	padding:0 30px;
	display:inline-block;
}
.list_swlesson {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:50px;
}
.list_swlesson li {
	border:#526a97 2px solid;
	padding:0 0 15px 15px;
	width:278px;
	margin:0 15px 15px 0;
}
.list_swlesson li:nth-of-type(3n) {
	display:block;
	border:#526a97 2px solid;
	padding:0 0 15px 15px;
    width: 278px;
    margin: 0 0 15px 0;
}
.list_swlesson li h4 {
	font-family:'Hiragino Mincho ProN', serif;
	font-size:16px;
	width:70%;
	float:left;
	margin: 15px 0 20px;
}
.list_swlesson li h4:before {
	display:inline-block;
	content:'';
	background:#526a97;
    width: 8px;
    height: 30px;
    margin: 0 10px -8px 0;
}
.list_swlesson li div {
	font-size:12px;
	width:30%;
	float:right;
	padding:15px 5px;
	color:#fff;
	background:#526a97;
	text-align:center;
}
.list_swlesson li p {
    clear: both;
    padding-right:15px;
    font-size:13px;
}
.about_swlesson {
	border-top:1px solid #666;
	font-size:16px;
}
.about_swlesson tr {
	border-bottom:1px solid #666;
	padding: 10px 0;
    display: block;
}
.about_swlesson th {
	width:230px;
    padding: 10px 20px;
	text-align:center;
	border-right:1px solid #666;
}
.about_swlesson td {
    padding: 10px 20px;
	margin:5px 0;
}
.about_swlesson td .forprice {
	background:url('https://sunpia-sendai.jp/sports/program/img/bg_btn.jpg') no-repeat;
	background-size:100%;
	height:45px;
	text-align:center;
	width:230px;
	color:#fff;
	display:block;
	font-size: 14px;
    padding: 10px 0;
}
@media screen and (max-width: 640px) {
    .box_swlesson {
        width: 100%;
        margin: 50px  0 80px;
    }
    .box_swlesson h3 {
        font-size:18px;
        height:30px;
        margin:30px 0;
    }
    .box_swlesson h3 span {
        padding:0 30px;
    }
    .list_swlesson {
        display:block;
        flex-wrap:wrap;
        margin-bottom:50px;
    }
    .list_swlesson li {
        padding:0 0 15px 15px;
        width:100%;
        margin:0 15px 15px 0;
    }
    .list_swlesson li:nth-of-type(3n) {
        padding:0 0 15px 15px;
        width:100%;
        margin:0 15px 15px 0;
    }
    .list_swlesson li h4 {
        font-size:16px;
        width:70%;
        margin:15px 0 20px;
    }
    .list_swlesson li h4:before {
        width: 8px;
        height: 30px;
        margin: 0 10px -8px 0;
    }
    .list_swlesson li div {
        font-size:12px;
        width:30%;
        padding:15px 5px;
    }
    .list_swlesson li p {
        padding-right:15px;
        font-size:13px;
    }
    .about_swlesson {
        font-size:14px;
    }
    .about_swlesson tr {
        padding: 10px 0;
    }
    .about_swlesson th {
        width:100%;
        padding: 10px 20px 0;
        display:block;
        text-align:left;
        border-right:none;
    }
    .about_swlesson td {
        padding: 10px 20px;
        margin:5px 0;
        display:block;
        width:100%;
    }
    .about_swlesson td .forprice {
        height:45px;
        width:230px;
        font-size: 14px;
        padding: 10px 0;
    }
}


/* 230401施設見学CTAボタン修正 */
img.btn_03_pc {
    display: block;
    width: 100%;
    margin-top: 20px;
   }
    
img.btn_03_sp {
    display: none;
   }
    
@media screen and (max-width: 640px) {
img.btn_03_pc {
    display: none;
   }

img.btn_03_sp {
    display: block;
    width: 100%;
    margin: 10px 0;
   }}

/* 230701 1日体験案内 */
.oneday_2307 {
    border: 1px solid #0000cd;
    margin: 36px 50px 50px;
    padding: 12px 14px;
}
@media screen and (max-width: 640px) {
.oneday_2307 {
    border: 1px solid #0000cd;
    margin: 32px 0px 40px;
    padding: 12px 14px;
}
}

/* 250901追加 重要な案内 */
.top-info-important {
    text-align: center;
    border: 2px solid #2f2b97;
    background-color: white;
    font-size: 2rem;
    margin: 25px 100px 15px;
    padding: 20px 5px 20px;
    color: #2f2b97;
    /* font-family: serif; */
    /* font-weight: bold; */
    letter-spacing: 1px
}
@media screen and (max-width: 640px) {
.top-info-important {
    border: 2px solid #2f2b97;
    background-color: white;
    font-size: 1.6rem;
    margin: 0px 0px 10px;
    padding: 15px 5px 15px;
    color: #2f2b97;
    /* font-family: serif; */
    /* font-weight: bold; */
    letter-spacing: 0px;
}
}