@charset "utf-8";

/***********************************************************************
　　タブレット用
***********************************************************************/
@media screen and (max-width: 970px) {
body{margin:0 20px;}
#content, #main, #side, .inner, #topimg{width:100%;}

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* ヘッダ・フッタ
----------------------------------------------------------- */
header,footer{margin:0 -20px;}
footer ul{ margin-left:15px;}
#Copyright{ padding-right:15px; padding-left:15px;}


/* メイン
----------------------------------------------------------- */
.flexslider{height: auto;}

#close, #jokyo, #link{width:49%;}
#close,#link{float:left;}
#jokyo{float:right;}
#address{clear:both;}

}

/* タブレット用 END */


/***********************************************************************
　　スマホ用
***********************************************************************/
@media screen and (max-width:640px) {
#topimg{position:static;}

/* 角丸なし */
.flexslider,#month h2{
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
/* 角丸3px */
#month,#new, #boshu{
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}


#topimg #txt{
	position:static;
	background-color: transparent;
}
.flexslider {
	margin: 0 -20px 10px !important;
	background: #fff;
	border: none !important;
	-webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important;
}

#main h2{font-size:110%;}

/* 新着情報・お知らせ -------------------------------------------- */
.newslist dt,.newslist dd{padding:0;}
.newslist dt{width: auto; float: none; padding-left:1em; padding-top:0.3em;}
.newslist dd {padding-left:1em; padding-bottom:0.3em;}
.list{margin-top:5px;}
#new .list ,#boshu .list {position:static; text-align:right;}


/* 毎月おこなっている行事 ----------------------------- */

#month{
	background:#fff;
	margin-top:0;
	padding:15px;
	position:static;
	-webkit-box-shadow: 0 4px 1px 1px #E5E6E6;
	box-shadow: 0 4px 1px 1px #E5E6E6;
	position:relative;
}
#month h2{
	position:static;
	background:#fff;
	border-left:solid 3px #6CB5AE;
	margin-left:-15px;
	margin-bottom:6px;
	padding-left:15px;
	color:#6C7572;
}
#month ul{display: block;}
#month li{
	display:block;
	background: none;
	border-right: none;
	padding:0;
	margin:0 -15px;
	border-bottom:dotted 1px #D6D6D6;
}
#month li a{
	display:block;
	padding:0.3em 15px;
}
#month li a:hover{background:#ECECEC;}
.data{display:none;}


/*******************************************************
 サイド
*********************************************************/
.device_j {letter-spacing:-.40em; margin-bottom:10px;}
.device_j li{
	background:none !important;
	padding-left:0 !important;
	margin-left:0 !important;
	width:50%;
	display:inline-block;
	letter-spacing:normal;
}

.device_j a{
	display:block;
	text-align:center;
	background:#fff;
	color:#666;
	font-weight:bold;
	padding:5px;
	margin:5px;
	box-shadow: 0 2px 1px 1px #E5E6E6; -webkit-box-shadow: 0 2px 1px 1px #E5E6E6; 
}
.device_j a:hover{background:#E5E6E6;}

#close,#jokyo,#link{width:100%; float:none;}

.banner p{ display:inline-block; width:48%; text-align:center;}
}
/* スマホ用  END */

@media screen and (max-width:480px) {
.banner p{ display:block; width: inherit; text-align:center;}

}