@charset "utf-8";
/* CSS Document */
/*===============================================
画面の横幅が640pxまでの設定
===============================================*/
@media screen and (max-width:667px){
body {
	font-size:16px;
	line-height:1.5;
	word-wrap:break-all;
}
#all_wrap {
	overflow:hidden;
}
#mainvisual{
width:100%;
height:auto;
}
img{
max-width: 100%;
height: auto;
}
.inner {
    width:100%;
    margin:0 auto;
}
#contents,
#main_side_wrap,
#main,
#main h2,
#main h2.reigai_01,
#main h2.zaidan,
#main h3,
#main h3.reigai_02 {
	width:100%;
	box-sizing:border-box;
}
#main_side_wrap {
	overflow:auto!important;
}
#main_side_wrap table {
	word-break:break-all;
	width:100%!important;
}
#header {
	height:auto;
}
#header h1 {
	height:auto;
}
#header_logo,
#header_side,
#hlink {
	 float:none;
}
#header_logo {
	max-width:300px;
	margin:10px 15%;
}
#header_logo img {
	margin-top:10px;
}
#header_rightside {
	float:none;
	width:100%;
}
#hlink,
#fontSize_wrap {
	display:none;
}
#header_side {
	height:82px;
}
#header_rightside {
	height:80px;
}
#header_rightside_under {
	padding:20px 0;
	border-top:#00C7A8 solid 1px;
	width:100%;
}
#pankuzu {
	display:none;
}
#header_bg_02 {
	width:100%!important;
}
/*検索窓*/
#search-box_wrap,
#search-box {
	width:100%;
	box-sizing:border-box;
}
#search-box {
	left:45px;
}
#kensaku {
	left:10px!important;
}
#te {
	width:70%;
	height:40px;
}
#searchsubmit {
	left:inherit;
}
input[type=text] {
	width:100%;
	box-sizing:border-box;
}
input[type=image] {
	width:41px;
	height:40px;
}
#search-box #cse-search-box {
     position:inherit;
	 width:100%;
}
/*-----------------
ハンバーガーメニュー
-------------------*/

#h_menu_wrap {
display:block;
}
#openMenu{
position:absolute;
top: 10px;
right: 10px;
}
#openMenu img {
	max-width:72px;
}
#layerMenu{
display: none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
font-size:15px;
text-align:center;
z-index:9999;
}
#layerMenu .me_text{
	font-size:12px;
}
#layerMenu ul{
border-top: solid 1px #FFFFFF;
}
#layerMenu ul li{
background: #5D257F;
list-style: none;
border-bottom: solid 1px #FFFFFF;
}
#layerMenu ul li a{
position: relative;
padding: 10px;
text-decoration: none;
color: #FFFFFF;
display: block;
}
#layerMenu ul li ul{
	display:none;
}
#layerMenu ul li ul li{
	background-color:#DEF19A;
}
#layerMenu ul li ul li a {
	color:#5D257F;
}
#closeMenu {
	background-color:#5D257F;
	padding:10px;
}
/*-----------------
グローバルナビ
-------------------*/
#gnav {
	font-size:22px;
	clear:both;
	height:auto;
}

.toggle_menu { 
	cursor: pointer;
	background-color:#5D257F;
	padding:10px 0;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:#FFFFFF solid 1px;
	text-align:center;
	display:block;
	font-size:16px;
} 
.open_close {
	display:none;
} 
.open_close li a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}
.open_close2 {
	display:none;
} 
#gnav ul { 
	width:100%;
	overflow:inherit;
}
#gnav li {
	float:none;
	text-align:center;
}
#gnav li a {
	width:100%!important;
	display:block;
	padding:15px 0;
	height:auto!important;
}
#gnav .gnavi01,
#gnav .gnavi02,
#gnav .gnavi03,
#gnav .gnavi04,
#gnav .gnavi05,
#gnav .gnavi06,
#gnav .gnavi07,
#gnav .gnavi08 {
	background-color:#5D257F!important;
	color:#FFFFFF;
	font-weight:bold;
	width:100%;
	text-align:center;
	margin:0;
	background-image:none;
	font-size:16px;
}
#gnav .gnavi01_01,
#gnav .gnavi01_02,
#gnav .gnavi01_03,
#gnav .gnavi01_04,
#gnav .gnavi01_05,
#gnav .gnavi02_01,
#gnav .gnavi02_02,
#gnav .gnavi02_03,
#gnav .gnavi02_04,
#gnav .gnavi02_05,
#gnav .gnavi02_06,
#gnav .gnavi02_07,
#gnav .gnavi02_08{
	background-image:none;
}
#gnav .gnavi01,
#gnav .gnavi02{
	height:auto;
}
#gnav .gnavi01:hover,
#gnav .gnavi02:hover,
#gnav .gnavi03:hover,
#gnav .gnavi04:hover,
#gnav .gnavi05:hover,
#gnav .gnavi06:hover,
#gnav .gnavi07:hover,
#gnav .gnavi08:hover {
	background-image:none!important;
}

#gnav .gnavi02,
#gnav .gnavi03 {
	border-top:#FFFFFF solid 1px;
}
#gnav .gnavi03,
#gnav .gnavi04,
#gnav .gnavi05,
#gnav .gnavi06,
#gnav .gnavi07,
#gnav .gnavi08,
#gnav .gnavi01_01,
#gnav .gnavi01_02,
#gnav .gnavi01_03,
#gnav .gnavi01_04,
#gnav .gnavi02_01,
#gnav .gnavi02_02,
#gnav .gnavi02_03,
#gnav .gnavi02_04,
#gnav .gnavi02_05,
#gnav .gnavi02_06,
#gnav .gnavi02_07,
#gnav .gnavi02_08{
	border-bottom:#FFFFFF solid 1px;
	height:auto!important;
}
#gnav .gnavi01_01,
#gnav .gnavi01_02,
#gnav .gnavi01_03,
#gnav .gnavi01_04,
#gnav .gnavi02_01,
#gnav .gnavi02_02,
#gnav .gnavi02_03,
#gnav .gnavi02_04,
#gnav .gnavi02_05,
#gnav .gnavi02_06,
#gnav .gnavi02_07,
#gnav .gnavi02_08{
	background-color:#DEF19A;
	color:#5D257F;
}
#gnav .gnavi01_01 a,
#gnav .gnavi01_02 a,
#gnav .gnavi01_03 a,
#gnav .gnavi01_04 a,
#gnav .gnavi02_01 a,
#gnav .gnavi02_02 a,
#gnav .gnavi02_03 a,
#gnav .gnavi02_04 a,
#gnav .gnavi02_05 a,
#gnav .gnavi02_06 a,
#gnav .gnavi02_07 a,
#gnav .gnavi02_08 a{
	color:#5D257F;
}
#gnav .gnavi01 span,
#gnav .gnavi02 span,
#gnav .gnavi03 span,
#gnav .gnavi04 span,
#gnav .gnavi05 span,
#gnav .gnavi06 span,
#gnav .gnavi07 span,
#gnav .gnavi08 span {
	z-index:1;
	position:relative;;
}
#gnav .gnavi01 span.bor,
#gnav .gnavi02 span.bor,
#gnav .gnavi03 span.bor,
#gnav .gnavi04 span.bor,
#gnav .gnavi05 span.bor,
#gnav .gnavi06 span.bor,
#gnav .gnavi07 span.bor,
#gnav .gnavi08 span.bor {
	border:none;
	height:auto;
}
li.gnavi02:hover ul.open_close2 {
	top:45px;
}
.slick-dotted.slick-slider {
	margin-bottom:0!important;
}
/*-----------------
コンテンツ
-------------------*/
#main,
#main2 {
	padding:0 10px;
	float:none;
	width:100%;
	box-sizing:border-box;
	margin-bottom:0;
}
#contents {
	padding-top:9px;
}
#contents h1 {
	margin-left:10px!important;
}
#main h2,
#main h2.reigai_01,
#main h2.zaidan {
	background-size:cover;
	background-position:center top!important;
	display:inherit;
	font-size:18px;
	padding-top:8px;
}
#main h2#event_info {
	width:100%;
	height:45px;
	background:url(../images/hdg_01_sp.png) center top no-repeat;
}
#main h2 span{
	z-index:-1;
	position:relative;
}
#event {
	width:100%;
	height:auto;
}
iframe {
	width:100%;
}
div#barrier_free,
div#charge,
dl#riyou_jikan,
dl.riyou_ryoukin {
	width:100%;
}

div#barrier_free div {
	margin-right:0px!important;
	margin-bottom: 5px!important;
	width:49%;
	height:auto;	
	display:inline-block;
	float:none;
}

.cate_center {
	margin:0!important;
}
dl#riyou_jikan dt {
	float:none;
	width:100%;
}

dl#riyou_jikan dd {
	float:none;
	width:100%;
}

dl.riyou_ryoukin dt {
	float:none;
	width:100%;
}

dl.riyou_ryoukin dd {
	float:none;
	width:100%;
}
#event dt {
	position:static;
	padding:10px 0 0;
	width:auto;
}
#event dd {
	padding:0 0 10px 0!important;
}
.tab01 {
	background:url(../../images/gymnasium/tab_01_off.png) center top no-repeat!important;
}
#tab .tab01:hover {
	background:url(../../images/gymnasium/tab_01_on.png) center top no-repeat!important;
}
.select .tab01 {
	background:url(../../images/gymnasium/tab_01_on.png) center top no-repeat!important;
}
.tab02 {
	background:url(../../images/gymnasium/tab_02_off.png) center top no-repeat!important;
}
#tab .tab02:hover {
	background:url(../../images/gymnasium/tab_02_on.png) center top no-repeat!important;
}
.select .tab02 {
	background:url(../../images/gymnasium/tab_02_on.png) center top no-repeat!important;
}
#tab .tab03 {
	background:url(../../images/gymnasium/tab_sp_03.png) center top no-repeat!important;
}
#tab.poolbtn .tab03 {
	background:url(../../images/gymnasium/tab_sp_03_po.png) center top no-repeat!important;
}
#tab.ochibtn .tab03 {
	background:url(../../images/gymnasium/tab_sp_03_och.png) center top no-repeat!important;
}
#tab.stbtn .tab03 {
	background:url(../../images/gymnasium/tab_sp_03_st.png) center top no-repeat!important;
}
#tab.gybtn .tab03 {
	background:url(../../images/gymnasium/tab_sp_03_gy.png) center top no-repeat!important;
}
#tab .tab03:hover {
	background:url(../../images/gymnasium/tab_sp_03_on.png) center top no-repeat!important;
}
#tab .select.tab03 {
	background:url(../../images/gymnasium/tab_sp_03_on.png) center top no-repeat!important;
}
#tab.poolbtn .select.tab03 {
	background:url(../../images/gymnasium/tab_sp_03_po.png) center -45px no-repeat!important;
}
#tab.ochibtn .select.tab03 {
	background:url(../../images/gymnasium/tab_sp_03_och.png) center -45px no-repeat!important;
}
#tab.stbtn .select.tab03 {
	background:url(../../images/gymnasium/tab_sp_03_st.png) center -45px no-repeat!important;
}
#tab.gybtn .select.tab03 {
	background:url(../../images/gymnasium/tab_sp_03_gy.png) center -45px no-repeat!important;
}
.tab04 {
	background:url(../../images/gymnasium/tab_04_off.png) center top no-repeat!important;
}
#tab .tab04:hover {
	background:url(../../images/gymnasium/tab_04_on.png) center top no-repeat!important;
}
.select .tab04 {
	background:url(../../images/gymnasium/tab_04_on.png) center top no-repeat!important;
}
/*-----------------
トップお知らせ
-------------------*/
#main dd {
	width:auto;
	word-wrap:break-word;
}
#main h2#news {
	height:45px;
	font-size:16px;
}
#main h2#news span {
	z-index:0;
}
#news_conts {
	width:100%;
	height:auto;
}
.tab_wrap {
	height:auto;
}
.tab01,
.tab02,
.tab03,
.tab04 {
	background-position:center top!important;
	width:25%;
}
.select.tab01,
.select.tab02,
.select.tab03,
.select.tab04 {
	background-position:center top!important;
}
#news_conts dt,
#news_conts_2 dt,
#news_conts_3 dt,
#news_conts_4 dt {
	position:static;
	padding:0;
	width:100%;
}
#news_conts dd,
#news_conts_2 dd,
#news_conts_3 dd,
#news_conts_4 dd {
	padding:0 0 10px 0!important;
}
#main h2#fac_info {
	width:auto;
	background:url(../../images/gymnasium/hdg_04.png) center top no-repeat!important;
}
#main h2#sport_org {
	width:auto;
	background:url(../../images/gymnasium/hdg_05.png) center top no-repeat!important;
}
table.shi_table,
table.shi_table2,
table.shi_table3 {
	width:100%;
}
table.shi_table tr,
table.shi_table2 tr,
table.shi_table3 tr {
	display:flex;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
table.shi_table td,
table.shi_table2 td,
table.shi_table3 td {
	padding:1%;
}
.btn_box_wrap {
	width:100%;
	margin-top:10px;
}
.btn_box_wrap ul li {
	margin-right:0;
	margin-bottom:0;
	float:none;
	display:inline-block;
	width:49%;
	text-align:center;
}
.list_box_wrap p {
	margin:0 auto;
	display:inline-block;
	width:49%;
	vertical-align:top;
	float:none;
}
#calendar_wrap {
	width:250px;
	margin:0 auto;
	text-align:center;
}
#top_bosyu p {
	margin-right:0;
	float:none;
	width:100%;
}
/*施設概要*/
#top_bosyu p:nth-child(2),
#top_bosyu p:nth-child(3) {
	margin-top:0;
}
/*教室情報*/
#ken_table {
	width:100%;
	height:auto;
}
#main #ken_table h3,
#main2 #ken_table h3 {
	width:100%;
	margin:0!important;
}
#ken_table table {
	width:100%;
	margin-top:10px;
}
#ken_table td,
#ken_table th {
	display:block;
}
.moushikomi {
	width:340px;
	margin:20px 0!important;
}
.cl_title_table,
.cl_title_table_sub,
.cl_table {
	width:100%;
}
#main table th,
#main table td {
	width:auto!important;
}
.f_left,
.f_right {
	width:auto;
}
.news_list_wrap {
	width:100%;
}
#main p {
	clear:both;
	margin-bottom:0;
}
/*-----------------
サイドナビ
-------------------*/
#banner {
	text-align:center;
	float:none;
	width:100%;
	margin-bottom:0;
}
#calender_wrap,
#class_kensaku {
	width:250px!important;
	margin:0 auto 25px!important;
}
.list_title {
	margin:0 auto!important;
}
.list_link {
	width:250px;
	margin:0 auto 10px;
}
/*メールフォーム*/
div.t_form {
	width:100%!important;
	margin-bottom:15px;
}
.t_form th {
	text-align:left!important;
}
.t_form td,
.t_form th {
	display:block;
	width:100%;
	box-sizing:border-box;
}
.t_form input[type=text] {
	height:40px;
}
.t_form textarea {
	width:100%;
}
.mtop-50 {
	margin-top:0;
}
/*教室講座マニュアル*/
.ma_kari {
	width:100%;
}
/*-----------------
フッター
-------------------*/
#footer_01 {
	display:none;
}
#footer_02,
#footer_03 {
	height:auto;
}

#footer_02_inner {
	width:100%;
	padding-top:0;
}
#footer_03 {
	padding:0 10px!important;
}
#footer_03_inner {
	width:100%;
}
#footer_02_inner p {
	float:none;
	text-align:center;
	border-bottom:#FFFFFF solid 1px;
	padding:15px 0;
	margin:0;
	font-size:15px;
}
#footer_logo {margin-bottom: 20px;}
#footer_logo,
#footer_info {
	float:none;
	height:auto;
	width:100%;
    margin-left: 10px;
}
.address {
	text-align:left;
	font-size:13px;
}
#copyright {
	text-align:center;
	margin:20px 0 0;
	font-size:13px;
}
.form_txt {
    width: auto;
    float: none;
    margin-right: 0 !important;
}
.form_img {
    float: none;
}
}

@media screen and (max-width:480px){
#header_logo {
	max-width:200px;
}
#openMenu img {
	max-width:57px;
}
#te {
	width:70%;
}
}
@media screen and (max-width:340px){
#footer_logo {
	width:80%;
}
#header_logo {
	margin:10px 8%!important;
}
}