@media only screen and (max-width:750px){
html{
	font-size:110%;
}


.wrapper{
	width:100%;
	max-width:768px;
	min-width:320px;
	margin:auto;
	text-align:left;
}

#pageTop {
	position: absolute;
	bottom: 0;
	right:0;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
}


img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.contentArea{
	padding:0 15px;
}

/* header---------------- */


header p#logoArea{
	max-width:100%;
	float:none;
	margin-right:0;
	text-align:center;
}

header p#contactArea{
	display:none;
}

header h1{
	max-width:100%;
	float:none;
	text-align:center;
	width:auto;
	padding:0 15px;
}



/* footer---------------- */



footer .wrapper{
	max-width:100%;
}

footer #infoArea ul{
	display: block;
}

footer #infoArea li{
	display:block;
}

footer #infoArea li strong{
	width:90%;
	display:inline-block;
	margin-bottom:10px;
}

footer #infoArea li span{
	padding-right:0;
	display:block;
}

#footerNaviArea{
	display:none;
}


footer .address ul{
	left:0;
	float: none;
	padding:0 15px;
}

footer .address li{
	left:0;
	float:none;
	padding-left:0;
	
}

footer .address ul img{
	margin-bottom:10px;
}

footer p{
	padding:0 15px;
}


/* 03 DOCUMENT STRUCTURE
---------------------------------------------------- */

.home h2{
	font-size:150%;
	border-left:solid 6px #9900cc;
}

/* アンカーリンクリスト----------------*/


.anchorLinkArea , .anchorLink4Area , .anchorLink2Area, .anchorLink5Area{
	margin-right:0;
	max-width:100%;
}

.anchorLinkArea li , .anchorLink4Area li , .anchorLink2Area li , .anchorLink5Area li{
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:5px;
}

.anchorLink4Area li , .anchorLink2Area li , .anchorLink5Area li{
	width:auto;
}

.anchorLinkArea , .anchorLink4Area , .anchorLink2Area , .anchorLink5Area{
	margin-right:0;
}

.anchorLinkArea li.linkAreaHr{margin-right:0;}


/* リンクボタン----------------*/

.btnArea{
	max-width:100%;
}



/* 共通テーブル　縦線無し----------------*/

.commonTable th, .commonTable td{
	padding:10px;
}


/* 共通テーブル　はみだした分をスクロール----------------*/

.scrollArea{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scrollArea::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scrollArea::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scrollArea::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


.scrollArea .commonTable th , .scrollArea .commonTable td{
	white-space:nowrap;
}
.scrollArea .commonTable02 th , .scrollArea .commonTable02 td{
	white-space:nowrap;
}

.scrollArea .priceTable th , .scrollArea .priceTable td{
	white-space:nowrap;
}


/* 写真3並び----------------*/

.column3photoArea ul {
	margin-right:0;
	max-width:100%;
}
.column3photoArea ul li {
	float:none;
	width:auto;
    height:auto;
	margin-right:0;
}

.column3photoArea ul li img{
	width:100%;
}


/* 写真4並び----------------*/


.column4photoArea ul {
	margin-right:0;
	max-width:100%;
}
.column4photoArea ul li {
	float:none;
	width:auto;
    height:auto;
	margin-right:0;
}

.column4photoArea ul li img{
	width:100%;
}

.fancybox img{
	border:none;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
     box-shadow:none;
}


/* 06.EACH
---------------------------------------------------- */


/* トップページ---------------- */

body.home .column3photoArea ul {
	padding:0 15px;
}

#newsArea{
	float:none;
	width:auto;
}

#newsArea p{
	max-width:100%;
	padding:0 15px;
}

#newsArea dl{
	max-width:100%;
	padding:0 15px;
	height:auto;
	overflow:visible;
}

#newsArea dt{
	float:none;
	width:auto;
	margin-top:20px;
}	
	
#newsArea dd{
	float:none;
	width:auto;
	margin-top:0;
	border-bottom:solid 1px #e4e4e4;
	padding-bottom:20px;
}	

#eventArea{
	float:none;
	max-width:100%;
	padding:0 15px;
	text-align:center;
}

#eventArea li{
	text-align:center;
}

#eventArea li img{
	width:100%;
}

.guideArea01 , .guideArea02{
	max-width:100%;
	padding:0 15px;
	margin-top:0;
}
.guideArea01{ margin-top:20px;}


.guideArea01 img , .guideArea02 img{
	width:100%;
}

.guideArea01{ float:none; }
.guideArea02{ float:none; }

.guideArea01 dd , .guideArea02 dd{
	height:auto;
	padding-bottom:20px;
}



/* 施設概要---------------- */

body.about .imgRight{
	float:none;
	margin-left:0;
	max-width:100%;
}

body.about .imgRight img{
	width:100%;
}

.aboutArea{
	float:none;
	width:auto;
}

.adminArea{
	float:none;
	width:auto;
}

.aboutArea table{
	margin-right:0;
}

body.about table.commonTable{
	width:100%;
	border-top:solid 1px #c7c7c7;
}

body.about table.commonTable th , body.about table.commonTable td{
	max-width:100%;
	display:block;
	border:solid 1px #c7c7c7;
    border-style: none solid solid;
    border-width: medium 1px 1px;

}
body.about .commonTable th{
	text-align:center;
	background-color:#fafafa;
}

body.about .commonTable td.borderNoneSP{
	border-bottom:none;
}

/* 施設案内---------------- */

body.profile .imgLeft{
	float:none;
	margin-right:0;
	max-width:100%;
}

body.profile .imgLeft img{
	width:100%;
}


body.profile .commonTable02{
	border:none;
	width:100%;
	border-top:solid 1px #c7c7c7;
}

body.profile .commonTable02 th , body.profile .commonTable02 td{
	max-width:100%;
	display:block;
    border-style: none solid solid;
    border-width: medium 1px 1px;

}
body.profile .commonTable02 th{
	text-align:center;
	font-weight:bold;
	width:auto;
}

body.profile .commonTable02 td .layoutTable td{
	border:none;
}

/* 耳より情報 */
.mimiyori{
	padding:15px;
}


/* 各ページへのリンク */
.profLinkArea{
	margin-right:0;
}

.profLinkArea div{
	width:auto;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}

.profLinkArea dl{
	height:auto;
}

.profLinkArea dd:before{
	margin-top:5px;
	content:"\f054";
	font-family: FontAwesome;
	display: inline-block;
	font-size:100%;
	color:#9900cc;
	padding-right:10px;
}


/* 画像3カラム調整 */
body.profile .column3photoArea ul li img{
	width:100%;
}

/* 画像4カラム調整 */
body.profile .column4photoArea ul li img{
	width:100%;
}


/* スペック左画像エリア */

p.icon_zoom{
	display:none;
}

.galleryArea01 , .galleryArea02{
	width:100%;
	float:none;
	margin-right:0;
}

.galleryArea01 p img , .galleryArea02 p img{
	width:100%;
}

.galleryArea01 ul{ margin-right:0; }
.galleryArea02 ul{ margin-right:0; }

.galleryArea01 li{
	float:none;
	margin-right:0;
}

.galleryArea02 li{
	float:none;
	margin-right:0;
}

.galleryArea01 li img{ width:100%; }
.galleryArea02 li img{ width:100%; }




/* スペックエリア */
.profAboutArea{
	float:none;
}

.profAboutArea .commonTable02{
	width:100%;
}

.profAboutArea .commonTable02 th{
	width:auto;
}


.profAboutArea h4{
	text-align:center;
}

h4.aboutH4{
	text-align:center;
}

table.aboutH4 th{
	width:auto;
}

/* スペックエリア　リンクボタン */
.profBtnArea{
	margin-right:0;
	margin-top:15px;
}

.profBtnArea li{
	display:inline-block;
	margin-right:0;
	width:100%;
}




/* ご利用案内---------------- */

.guide .imgLeft{
	float:none;
	margin-right:0;
}

.calendarTable{
	max-width:100%;
	width:100%;
}

.calendarDlList{
	float:none;
	width:auto;
}

body.guide .imgRight{
	float:none;
	margin-left:0;
}


.priceTable{
	margin-right:0;
}

.priceTable th{
	width:auto;
}


/* 教室　大会----------------*/


body.event .taikaiTable{
	width:100%;
	border-bottom:none;
}

body.event .taikaiTable th{ width:auto; }
body.event .taikaiTable th , body.event .taikaiTable td{
	max-width:100%;
	display:block;
	border:solid 1px #c7c7c7;
    border-style: none none solid;
    border-width: medium 1px 1px;

}

body.event h4{ text-align:center; }


/* 施設利用料---------------- */

body.charge .centerArea p{
	margin-top:50px;
}

body.charge .commonTable02{
	width:100%;
}

body.charge .cellPrice{
	width:auto;
}


/* アクセス---------------- */


body.access table.commonTable{
	width:100%;
	border-top:solid 1px #c7c7c7;
}

body.access table.commonTable th , body.access table.commonTable td{
	max-width:100%;
	display:block;
	border:solid 1px #c7c7c7;
    border-style: none solid solid;
    border-width: medium 1px 1px;

}
body.access .commonTable th{
	text-align:center;
	background-color:#fafafa;
}



body.access .commonTable02{
	border:none;
	width:100%;
	border-top:solid 1px #c7c7c7;
	float:none;
	margin-right:0;
}

body.access .commonTable02 th , body.access .commonTable02 td{
	max-width:100%;
	display:block;
    border-style: none solid solid;
    border-width: medium 1px 1px;

}
body.access .commonTable02 th{
	width:auto;
	text-align:center;
	font-weight:bold;
}




}