@charset "UTF-8";

/*------------------------------------------------------------
	スマフォ用CSS
------------------------------------------------------------*/
@media screen and (max-width:640px){
#wrapper {
	width: auto;
	background-color: #fff;
	margin: 0 auto 0;
	padding: 0 15px;
	}

#header {
	margin: 15px auto 10px;
	height: 38px;
	padding: 0;
	}
	
#header .site-id {
	width: 250px;
	height: 38px;
	}
	
#container {
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	}

#mainimage {
	padding: 0 0 20px;
	}

#main {
	float: none;
	width: 100%;
	}

#content {
	clear: both;
	width: 100%;
	height: auto;
	margin: 20px 0 0;
	padding: 0;
	}

#content h2.title {
	font-size: 130%;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	}
	
#content-second {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	}

#content-second .qr {
	display: none;
	width: 0;
	margin: 0;
	}

#content-second .text {
	float: none;
	width: 100%;
	margin: 0;
	}

#content-second .text p {
	font-size: 12px;
	}
	
#top_info {
	clear: both;
	margin: 0 auto 0;
	padding: 0;
	}

#top_info .info_title {
	width: 100%;
	height: 18px;
	}
	
#top_info .info_inner {
	padding: 0;
	}

#top_info .info_title img {
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	width: 120px;
	height: 18px;
}

/* 一覧を見る */
.list_link {
	float: right;
	margin: 0;
	}

.list_link a {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	line-height: 1.7;
	display: block;
	width: 85px;
	height: 18px;
	background-color: #999;
	border-radius: 3px;
	}
	
#top_info ul {
  margin: 15px 0 15px;
}

	
div.info_li_inner {
	width: 100%;
	height: 25px;
}

.info_inner a {
	clear: both;
	line-height: 1.0;
}

#header .site-id img {
	width: 250px;
	height: 38px;
	}
	
#nav {
	display: none;
	}

.utility {
	clear: both;
	position: static;/* スマートフォン用の表示ではposition:static */
	width: 100%;
	height: 80px;
	margin: 15px auto 0;
	padding: 0;
	text-align: center;
	}

.utility ul li {
	line-height: 1.5;
	font-size: 10px;
	letter-spacing: -1px;
	list-style: none;
	display: inline;
	margin-left: 0;
	}

.utility #search {
	clear: both;
	float: none;
	width: 270px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
	
.utility #search input#s {
	font-size: 11px;
	width: 200px;
	border: 1px solid #aaa;
	padding: 0 5px;
	}

.utility #search #searchsubmit {
	background: url(../images/btn_search.png) no-repeat right center transparent;
	border: none;
	cursor: pointer;
	font-size: 100%;
	width: 50px;
	height: 22px;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
	display: block;
	}
	
/*------------------------------------------------------------
	トップイメージ
------------------------------------------------------------*/
#mainimage {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding:0;
	}

#mainimage img {
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
	vertical-align: middle;
	}

/*------------------------------------------------------------
	ページイメージ
------------------------------------------------------------*/
#pageimage-new,#pageimage-about,#pageimage-etc,#pageimage-sokuhou,#pageimage-jyousei,#pageimage-g-annai,#pageimage-g-houkoku,#pageimage-book,#pageimage-jissen-s,#pageimage-kinkyu,#pageimage-sonota,#pageimage-impo,#pageimage-goannai,#pageimage-goaisatsu,#pageimage-idea,#pageimage-k-enquete {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	padding:0;
	background-size: cover;
	}

.pagetitle-new,.pagetitle-about,.pagetitle-etc,.pagetitle-sokuhou,.pagetitle-jyousei,.pagetitle-g-annai,.pagetitle-g-houkoku,.pagetitle-book,.pagetitle-jissen-s,.pagetitle-kinkyu,.pagetitle-sonota,.pagetitle-impo,.pagetitle-goannai,.pagetitle-goaisatsu,.pagetitle-idea,.pagetitle-k-enquete {
	position: relative;
	top: 10px;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	}
	
.pagetitle-new p,.pagetitle-about p,.pagetitle-etc p,.pagetitle-sokuhou p,.pagetitle-jyousei p,.pagetitle-g-annai p,.pagetitle-g-houkoku p,.pagetitle-book p,.pagetitle-jissen-s p,.pagetitle-kinkyu p,.pagetitle-sonota p,.pagetitle-impo p,.pagetitle-goannai p,.pagetitle-goaisatsu p,.pagetitle-idea p,.pagetitle-k-enquete p {
	color: #fff;
	font-size: 16px;
	line-height: 1.0;
	text-align: center;
	margin: 0;
	padding: 5px 0 0;
	}

/*------------------------------------------------------------
	マップ
------------------------------------------------------------*/
.map {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding:0;
	}

.map img {
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
	vertical-align: middle;
	}

.soshikizu {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding:0;
	}

.soshikizu img {
	width: 100%;
	height: auto;
	margin: 0;
	padding:0;
	vertical-align: middle;
	}
	
/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/	
#sidebar {
	clear: both;
	width: 100%;
	height: auto;
	float: none;
	margin: 30px auto 0;
	}

#sidebar ul.pagemenu {
	width: 100%;
}

#sidebar ul.pagemenu li {
	width: 100%;
	}
	
#sidebar a {
	margin: 0;
	padding: 0;
	}

#sidebar .side-image {
	clear: both;
	width: 215px;
	height: auto;
	margin: 0 auto 15px;
	padding: 0;
	overflow: hidden;
	}

#sidebar .side-image img {
	margin: 0;
	padding: 0;
	}
	
#sidebar .bnr {
	clear: both;
	width: 215px;
	height: 60px;
	margin: 0 auto 7px;
	padding: 0;
	overflow: hidden;
	}

#footer {
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
	}

#footer .footer_info h4 {
	font-size: 13px;
	margin: 0 0 5px;
	padding: 0;
	}
	
#footer .footer_info p {
	font-size: 10px;
	}
	
#footer p.copy {
	font-size: 9px;
	}
	
/*------------------------------------------------------------
	行事案内
------------------------------------------------------------*/
table {
	clear: both;
	width: 100%;
	color: #333;
	margin: 0 0 30px;
	padding: 0;
	border: none;
	}

table a {
	color: #333;
	}

tr,th {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	}

th {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	background-color: #fafafa;
	border: none;
	padding: 7px;
	}

.nendo-yotei th {
	float: left;
	width: 100%;
	}
	
th.day {
	font-size: 100%;
	width: 100%;
	padding: 3px 7px;
	}
	
p.month {
	width: 100%;
	margin: 0 auto 2px;
	}
	
.yotei-left {
	float: left;
	width: 100%;
	}
	
.yotei-center {
	float: left;
	width: 100%;
	padding: 0;
	}

.yotei-right {
	clear: none;
	float: right;
	width: 100%;
	}

.yotei-left table, .yotei-center table, .yotei-right table {
	width: 100%;
	}

.yotei-left table th, .yotei-center table  th, .yotei-right table th {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	background-color: #fbfbfb;
	border: none;
	padding: 5px;
	}

.yotei-left table th.day-d, .yotei-center table th.day-d, .yotei-right table th.day-d {
	height: auto;
	width: 18px;
	}

.yotei-left table th.day-y, .yotei-center table th.day-y, .yotei-right table th.day-y {
	width: 18px;
	}

div.photo-katsudou0 {
	float: left;
	margin: 0;
	padding: 0 0 20px 0; 
	}

div.text-katsudou0 {
	float: left;
	margin: 0;
	padding: 0; 
	width: auto;
	}

div.photo {
	float: left;
	margin: 0;
	padding: 5px 0 20px 0; 
	}
	
li.katsudou {
	font-size: 100%;
	}

.iinkai {
	clear: both;
	height: auto;
	margin: 0;
	padding: 0 0 25px;
	}

.iinkai-image {
	float: none;
	width: 200px;
	height: 140px;
	margin: 0 0 10px;
	}

.iinkai-text {
	float: none;
	width: 400px;
	}
/*------------------------------------------------------------
	サイトマップ
------------------------------------------------------------*/
div#sitemap {
	clear: both;
	margin: 0;
	}
	
ul.sitemap {
	margin: 0 0 15px;
	}

div.sitemap-left {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

div.sitemap-right {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

/* お問い合わせ */
.wpcf7-form {
	background-color: #efefef;
	padding: 20px;
	margin: 30px 0 20px;
	}

.wpcf7-form span.req {
	color: #aa0000;
	font-size: smaller;
	}

.wpcf7-form p {
	margin: 0 0 10px;
	}

.wpcf7-form input {
	margin: 5px 0;
	width: 94%;
	}

.wpcf7-form textarea {
	width: 94%;
	color: #555;
	font-weight: normal;
	margin: 5px 0;
	padding: 5px;
	border: 3px solid #fff;
	}

.wpcf7-form p.submit-button {
	margin: 20px 0 0;
	text-align: center;
	}

p.submit {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}


input.wpcf7-submit {
	clear: both;
	width: 200px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

 /* テキストフォームの設定 */
.wpcf7-text {
	color: #555;
	font-weight: normal;
	padding: 5px;
	background-color: #fff;
	border: 3px solid #fff;
   }
   
 /* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus {
	background-color: #fff;
	border: 3px solid #ddd;
   }
   
.wpcf7-form textarea:focus {
	background-color: #fff;
	border: 3px solid #ddd;
   }

div#content div.wpcf7-mail-sent-ng {
    border: 10px solid #ff0000;
	}

/* 記入もれ表示 */
.wpcf7 span.wpcf7-not-valid-tip {
    display: block;
    border: none;
	width: auto;
	margin-left: 0;
	padding: 2px;
    color: #fff;
	background-color: #cd5c5c;
	text-align: center;
	position: relative;
	top:5px; left:0;
	float: right;
	}

.wpcf7 .wpcf7-response-output {
	float: right;
	margin: 0;
	padding: 0;
	}
	
/* 入力不備表示 */
.wpcf7 .wpcf7-validation-errors {
    display: block;
    border: none;
	width: auto;
	padding: 2px;
    color: #fff;
	background-color: #cd5c5c;
	margin: 0 0 20px;
	text-align: center;
	position: relative;
	top: 10px; left:5px;
	}
/* 送信完了表示 */
.wpcf7 .wpcf7-mail-sent-ok {
    display: block;
    border: none;
	width: auto;
	padding: 5px;
    color: #fff;
	background-color: #cd5c5c;
	margin: 0 0 20px;
	text-align: right;
	position: relative;
	top: 10px; left:5px;
	}
	
	}

/*------------------------------------------------------------
	スマフォ メニュー
------------------------------------------------------------*/
div.menu {
	float: right;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	}

div.menu a {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	clear: both;
	vertical-align: middle;
	}

div.menu a img {
	margin: 0;
	padding: 0;
    position: relative;
    display: block;
	left: 0;
	}

body.sidr-open div.menu a img {
	top: 0;
	}
	
@media screen and (min-width:641px){
div.menu {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	}

span.sp {
	display: none;
	}
}

@media print {
	div.menu {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	}

span.sp {
	display: none;
	}
	
}