@charset "UTF-8" ;


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

a:link {
	color: #003300;
	text-decoration: underline;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #CC6600;
	text-decoration: none;
}

a:hover img.hoverImg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}
	
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

.u10px{margin-bottom:10px;}

ul,li {padding: 0;margin: 0;}

/* Googleカレンダー設定 */
.gc_wrapper {
  max-width: 800px; 
  min-width: 300px; 
  margin: 2.0833% auto;
}
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media screen and (max-width: 479px) {
    .big-container {
        display: none;
    }
    .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media screen and (min-width: 479px) {
    .small-container {
        display: none;
    }
}



/* ボディ */
body{
	margin: 0;		/* スペース */
	padding: 0;		/* 余白 */
	font-size: 14px;	/* 文字サイズ */
	line-height: 1.618;	/* 行の高さ */
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	background-color: #fff7c8;
}

.wrapper{
	background-image: url(../images/back_02.png);
	background-repeat: repeat-y;
	width: 920px;
	margin: 0px auto;
	padding: 0px 11px 0px 11px;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ボディ */
	body{font-size: 13px ;	/* 文字サイズ */}
	
	.wrapper{
		width: auto;
		margin: 0px auto;
		background-image : none;
		background-color:#FFFFFF;
		padding: 0px;
	}
}

/* ヘッダー */
.header{
	text-align: center;			/* テキスト、画像の真ん中寄せ */
	padding: 1em 0;			/* 上下の余白 */
	margin-bottom: 2em;			/* 他のブロックとのスペース */
	width: 920px;
	margin: 0px;
}

/* ロゴ画像 */
.logo-wrapper{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}

/* ロゴ画像 */


/* ロゴ画像上テキスト */
.header h1{
	font-size: 12px;
	font-weight: normal;
	color: #1E1E1E;
	text-align: center;
	margin: 3px 0 ;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ヘッダー */
	.header{
		width: auto;
		padding: 0;

	}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {display: block !important;}
.sp {display: none !important;}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width:479px)
{
	.pc {display: none !important;}
	.sp {display: block !important;}
}

/* フッター */
.footer{
	text-align: center;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em;			/* 他のブロックとのスペース */
	padding: 100px 0 0 0;			/* 上下の余白 */
	background-image: url(../images/footer.jpg);
	background-size: auto 270px;
	background-repeat: no-repeat;
	height: 170px;
}

@media screen and (max-width:479px)
{
	.footer{
		background-size: cover;
		background-position: center;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.contents-wrapper{
	width: 898px;
	margin: 0 auto;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0;			/* 上下左右の余白を0にしておく */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.contents-wrapper{
		width: auto;
		padding: 0 10px;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main{
	width: 650px;
	padding-right: 20px;					/* 右に15pxの余白 */
}

.contents{
	padding:10px;
	margin-bottom:20px;
}

table.t1{
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
	width:95%;
}

table.t1 th{
	padding:10px; 
	background-image:linear-gradient(-135deg, #FFFFFF, #C2F5FF);
	width:27%;
}

table.t1 td{
	padding:10px; 
}

table.t2{
    margin: 0 auto;
	border:solid 1px #CCCCCC;
    border-collapse: separate;
    border-spacing: 0px 1px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	width:95%

}

table.t2 th{
	padding:5px;
	width:27%;
	vertical-align:top;
	border-bottom:dotted 1px #ccc;
}

table.t2 td{
	padding:5px;
	vertical-align:top;
	border-bottom:dotted 1px #ccc;
}

table.t3{
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
	width:90%;
	background-color:#CCCCCC;
}

table.t3 td{
	padding:2px; 
	background-color:#FFFFFF;
}

.side{
	width: 218px;
	padding-left: 10px;
}
.menulist-pc ul li,.menulist-sp ul li{list-style: none;}


.menulist-sp,.st-sp,.form-sp,.iframe-sp,#jikohyouka-sp{display: none;}	/* PCでは隠す */

.st-sp{
	font-weight:900;
	font-size:16px;
	margin-top:1em;
	padding:3px 5px;
	border:outset 2px #abd6ff;
	color: #2675c5;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.main{
		width: auto;
		padding: 0;		/* 余白 */
		border: none;		/* 枠線 */
	}
	.side{width: auto;padding:0;}
	.menulist-pc,.st-pc,.form-pc,.iframe-pc,#jikohyouka{display: none;}	/* スマホでは隠す */
	.menulist-sp,.st-sp,.form-sp,.iframe-sp,#jikohyouka-sp{display: block;}	/* スマホでは出す */
	
	.iframe-sp{transform:scale(0.55);-o-transform:scale(0.55);-webkit-transform:scale(0.55);-moz-transform:scale(0.55);-ms-transform:scale(0.55);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main{float: right;}

.side{float: left;}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.main , .side{float: none ;}
}

.contents-wrapper{overflow: hidden ;}

/* GoogleMap レスポンシブ */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* スタッフ紹介ページ */
.staff{padding:20px;border-bottom:dotted 4px #88AECE;}
.staff .staff-img img{width:200px;float:right;padding-left:30px;}

@media screen and (max-width:479px)
{
	.staff .staff-img img{max-width:60%;float:none;padding:0;}
	.staff-img{text-align:center;}
}

/* 療育プログラムページ */

.contents p{margin-bottom:2em;}

.contents h2{
	font: bold 120%;
	color:#2675c5;
	border-bottom:double 4px #88AECE; 
}

@media screen and (max-width:479px)
{
	.contents h2{font-size:120%;}
}

.staff p{margin:0;}


.iframe-content {
	position:relative;
    width:100%;
    height:0;
    padding-top:75%;
	overflow:auto; /* scrollからautoに変更 */
	-webkit-overflow-scrolling:touch;
}
.iframe-content iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

iframe {
  width:100%;
  height:100%;
  border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}