@media screen and (max-width:782px) {
body{
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width  : 100%;
	height : 100%;
}
a:hover  img {
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
img{
	vertical-align:bottom;
}
#wrapper{
	width: 100%;
	min-width:100%;
	height:auto;
    min-height:auto;
	
}
.area{
	width: 98%;
	padding:0;
	margin:0 auto;
}
/* /////////////////ヘッダー ///////////////// */
.header{
	padding:0 0 0 0;
	position:relative;
	
}
.header h2{
	width: 50%;
	padding-top: 1em;
	margin-left:4em;
}
.header h2 img{
	width:100%;
	max-width:100%;
	height:auto;
}
.head p.tel{
	display:none;
	
}
p.telsp{
	display:block;
	text-align:right;
	margin-bottom:0.5em;
}
.header .topTime{
	padding:0 0 0 0;
	
}
#spMenu{
	display:block;
}
#nav{
	display:none;
}
#build-menu .menu{
	border:none;
	padding:0em 0.5em 0em 0.5em;
	margin-bottom:0em;
}

#build-menu .menu p.kazari{
	text-align:center;
	margin-top:-0.5em;
}
#build-menu .menu li a{
	padding:0;
}
#build-menu .menu li a:visited{
	padding:0;
}
#build-menu .menu li a:hover{
	padding:0;
}
#build-menu .menu li.active a{
	padding:0;
	
}
#build-menu .menu i{
	font-size:22px;
	width:30px;
}
#build-menu .menu ul{
	padding-top:0.5em;
}
#build-menu .menu li{
	padding:0.4em 0;
}



/* /////////////////ヘッダー ///////////////// */
/* /////////////////フッター ///////////////// */
#footer{
	padding:2em 0 1em 0;
}	
.footMenu{
	margin-bottom:2em;	
}
.footMenu ul{
  left: auto;
  float: none;
}
.footMenu li{
	padding:10px 1%;
	width:48%;
	
	left: auto;
	border-right:none;
}
.footMenu li a{
	display:block;
	text-decoration:underline;
}
/* /////////////////フッター ///////////////// */
.contents{
	padding:2em 0;
}
.conLeft{
	float:none;
	width:100%;
	display:none;
}
.conRight{
	float:none;
	width:100%;
}
}
@media screen and (max-width:600px) {
/* /////////////////ヘッダー ///////////////// */
.head{
	padding:0.2em 0;
}
.head h1{
	font-size:11px;
	line-height:1.2;
}
.header{
	margin-bottom:0.5em;
}
.header h2{
	float:none;
	width:70%;
	margin:0 auto;
	padding-top:0.5em;
}
p.telsp{
	display:none;

}
.header .topTime{
	display:none;
	
}
.sideSp{
	display:block;
}
.sideInfo{
	border:3px solid #ff8a00;
	
}
.sideInfo p.title{
	
	font-size:13px;
	padding-bottom:0.3em;
	padding-top:0.1em;
}
.sideInfoArea{
	padding:0em 0.5em;
}

.sideInfoArea p.time{
	font-size:13px;
	
	margin-bottom:0.1em;
	
}
.sideInfoArea p.time i{
	font-size:20px;
	
}
.sideInfoArea p.week{
	
	font-size:12px;
}
.sideInfoArea p.week span{
	font-size:12px;
}


.sideInfoArea li{
	padding:0.4em 0;
}

.sideInfoArea p.mail a:link{
	font-size:12px;

}

.sideInfoArea p.mail i{
	font-size:22px;
}

/* /////////////////ヘッダー ///////////////// */
.contents{
	padding-top: 0em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 1em;
}
.mainPhoto{
	position:relative;
	margin-bottom:1em;
}
.mainPhoto h3{
	top:40%;
	margin-top:0px;
	width:60%;
}
.mainPhoto h3 img{
	width:100%;
	max-width:100%;
	height:auto;
}
.mainPhoto p.im img{
	width:98%;
	max-width:98%;
	height:auto;
}
.mainTitle{
	margin-bottom:2em;
}
.mainTitle h4{
	font-size:18px;
	margin-bottom:0.5em;
	letter-spacing:2px;
	font-weight:bold;


}
.mainTitle li span{
	padding-right:0.2em;
}
.mainTitle p.im{
	width:40%;
	padding-top:1em;
	padding-left:0.2em;
}
.mainTitle p.im img{
	width:100%;
	max-width:100%;
	height:auto;
}
.mainTitle ul{
	padding-left:0.2em;
	margin-bottom:0.5em;
}
.mainTitle li{
	font-size:14px;
	letter-spacing:0em;
	margin-bottom:0.5em;
	line-height:1.4;
}
.mainTitle p.tx{
	font-size:12px;
	letter-spacing:0em;
	line-height:2.4;
}
.topSemi{
	margin-bottom:2em;
}
.topSemi h4{
	font-size:18px;
	margin-bottom:0.5em;
	letter-spacing:2px;
	font-weight:bold;
}
.topSemi p.title{
	font-size:13px;
	margin-bottom:1em;
	line-height:1.8;
}
.topSemi p.tx{
	font-size:12px;
	line-height:2.4;
	margin-bottom:2em;
}
.topSemi li{
	float:none;
	margin-right:0em;
	margin-bottom:1.5em;
}
a.link{
	font-size:13px;
	letter-spacing:0.1em;
	
}
.otherTitle{
	font-size:16px;
}
.otherTitle i{
	font-size:20px;
	border-radius: 50%;
	line-height: 40px;
	width:40px;

}
/*-----------------------------------------------
	他
-----------------------------------------------*/
.other h4{
	font-size:16px;
	
	margin-bottom:1em;

}
/*-----------------------------------------------
	当院について
-----------------------------------------------*/
.about,.greeting{
	margin-bottom:2em;
}
.about p.ii{
	width:40%;
	margin-top:-30px;
}
.about p.ii img{
	width:100%;
	max-width:100%;
	height:auto;
}
.about p{
	font-size:12px;
	line-height:2;
	margin-bottom:1em;
}
.greeting p{
	font-size:12px;
	line-height:2;
	margin-bottom:1em;
}
.greetingLeft{
	float:none;
	width:100%;
}
.greetingRight{
	float:none;
	padding-top:0em;
}
.greeting p.name{
	text-align:left;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
/*-----------------------------------------------
	LINEUP
-----------------------------------------------*/
.lineupTable {
	margin-bottom:2em;
}

.lineupTable th{
	
	padding:10px 1%;
	font-size:12px;
	
}
.lineupTable td{
	
	padding:10px 1%;
	font-size:11px;
}
/*-----------------------------------------------
	アクセス
-----------------------------------------------*/
.access p.title{
	font-size: 13px;
	margin-bottom: 0.5em;
}



.access h4{
	font-size:14px;
	
}
.access h4 em{
	font-size:22px;
}

.accessBox{
	padding-top: 1em;
	padding-bottom: 1em;
}
.accessBox p.tx{
	line-height:1.8;
}
.accessBoxLeft{
	float:none;
	width:100%;
}
.accessBoxRight{
	float:none;
	padding-top:0.5em;
	width:90%;
	margin:0 auto;
}
.accessBoxRight p.im img{
	width:100%;
	max-width:100%;
	height:auto;
}
/*-----------------------------------------------
	流れ・料金
-----------------------------------------------*/

.nagare{
	padding-left:0.5em;
	padding-top:0em;
	margin-bottom:2em;
}
.nagare p.ii{
	width: 45%;
}
.nagare p.ii img{
	width:100%;
	max-width:100%;
	height:auto;
}
.nagareLeft{
	float:none;
	width:100%;
}
.nagare dl{
	margin-bottom:1em;
	
}
.nagare dt{
	float:none;
}

.nagare dt span{
	
	font-size:14px;
	line-height:28px;
	width:28px;
}
.nagare dd{
	float:none;
	padding-left:0.5em;
	padding-top:0.1em;
}
.nagare p{
	line-height:1.6;
}
.nagare p.title{
	font-size:13px;
	margin-bottom:0.5em;
}
.price{
	padding-left:0.5em;
	margin-bottom:2em;
}
.price p{
	line-height:1.6;
}
.price p.title{
	font-size:14px;
	margin-bottom:0.5em;
}

.price p.tx{
	margin-bottom:1em;
}
.price p.tt{
	margin-bottom:1em;
}
.priceBox{
	margin-bottom:0.5em;
	
}
.priceLeft{
	float: none;
	width: 100%;
}
.priceRight{
	float: none;
	width: 100%;
	text-align:center;
}

.price table.lineupTable{
	width:100%;
}
/*-----------------------------------------------
	セミナー
-----------------------------------------------*/

.semi1{
	margin-bottom:2em;
}
.semi1 p{
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 0.5em;
}
.semi1Left{
	float:none;
	width:100%;
}

.semi1Right{
	float:none;
	width:80%;
	margin:0 auto;
}
.semi1Right p.im img{
	width:100%;
	max-width:100%;
	height:auto;
}
.semi2{
	margin-bottom:2em;
}
.semiBox{
	padding:0.5em;
	margin-bottom:1em;
}
.semiBox p.title{
	font-size:13px;
	font-weight:bold;
	padding:0 0 0.3em 1em;
	line-height:1.8;
	margin-bottom:1em;
}
.semiBox dl{
	padding:0;
	margin-bottom:0.5em;
}
.semiBox dt{
	width: 35%;
	float: none;
	margin-bottom: 0.5em;
}
.semiBox dd{
	width:100%;
	float:none;
	
}
.semi3{
	margin-bottom:2em;
}
.semi3 p{
	font-size:13px;
	margin-bottom:1em;
}
.semi3 dl{
	padding:0em 0.5em 0 0.5em;
	margin-bottom:1em;
}
.semi3 dt{
	width: 35%;
	padding: 0.2em 0;
	float: none;
	margin-bottom: 0.5em;
}
.semi3 dd{
	width: 100%;
	float: none;
}


.semi4{
	margin-bottom:2em;
}
.semi4 p.title{
	margin-bottom:1em;
	font-size:13px;
}
.semi5{
	margin-bottom:2em;
}
.semi5 li{
	float:left;
	width:45%;
	margin-right:0.5em;
}

.semi6{
	margin-bottom:2em;
}
p.atten{
	margin-bottom:1em;
	font-size:14px;
}
p.atten2{
	margin-bottom:1em;
	font-size:15px;
}
}