@charset "Shift_JIS";
/* CSS Document */



* { 
margin: 0;
 padding: 0;
  border: 0;
   list-style: none; 
   }

p {
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0px;
	line-height: 1.5em;
}

a {
	color: #0090EC;
	text-decoration: none;
} 
/*
a:visited {
	color: #F46A00;
	text-decoration: none;
} 
a:hover {
	color: #E1001C;
} 
a:active {
　　color: #CC0066; 
} 

*/
table{
	border:1px solid #666;
}
table th,table td{
	border:1px solid #666;
	padding:10px;
}

ul,ul li{
	list-style-type: disc;
}
ol,ol li{
	list-style-type: decimal;
}
/**/
.photo {
	border: 10px solid #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}

/*---------------------------------------------------------
  						clearfix
---------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
.clea{
	clear:both;	
	}
* html .clearfix {
    height: 1px;
    /*?*//*/
    height: auto;
    overflow: hidden;
    /**/
}



h1 {
	text-align: left;
	/*margin-left: auto;
	margin-right: auto;*/
}
h1 img {
	max-width: 301px;
	width: 100%;
}

h2 {
	padding-left: 1em;
	padding-bottom:0.3em;
	background: linear-gradient(transparent 30%, #ffc6c5 10%);
	margin-bottom:1.5em;
	font-size: 34px;
	font-weight: normal;
	text-align: left;
	/*background-image: url(../img/bg_h2.png);
	border-radius: 10px;
	border-bottom: 2px solid #fe96b2;
	border-right: 3px solid #fe96b2;
	
	/*text-shadow: 1px 1px 3px #216D9E*/
	/*文字縁取り*/
	text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
   white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
	color: #81511c;	/*文字縁取り*/
	/*background-position: left bottom;*/
	font-family: 'Kosugi Maru', sans-serif;
	line-height: 1.2em;
}
h2.nidan{
	background-image: url(../img/bg_h2_big.png);
	line-height: 1.2em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
#mainbox01 h2 {
	margin-top:0;

}

h3 {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	color: #67210D;
	font-size: 22px;
	-moz-background-size: 100% auto;
	font-weight: normal;
	padding-bottom: 4px;
	padding-left: 34px;
	margin-top: 20px;
	padding-top: 4px;
	background-image: url(../img/bg_h3.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-family: 'Kosugi Maru', sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #8fc31f;

}


h4 {
	font-size: 20px;
	font-weight: normal;
	color: #F84C67;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Kosugi Maru', sans-serif;
}
h5 {
	font-size: 24px;
	font-weight: normal;
	color: #7D5E37;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Kosugi Maru', sans-serif;
	text-align:center;
}

img {
	vertical-align: bottom;
	border: 0px;

}



main a:hover img {
	opacity: 0.7;
	-moz-opacity:0.7; 
	filter: alpha(opacity=70);
	zoom: 1;
}




/*ページ構成*/
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Kosugi Maru', sans-serif;
	font-size: 16px;
	color: #81511c;
	background-image:url(../img/bg.png);
}

#system_main {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	background-image: url(../img/bg.png);
}
/*ヘッダ固定隠れている部分表示*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 214px;
}
/**/
header {
	height: 214px/*auto*/;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/header.png);
	background-position: center top;
	background-repeat: repeat-x;
	position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
z-index:100;



}



header:after{
	    content: "."; 
    clear: both;
    height: 0;
    visibility: hidden;
}
	/*スマホ用*/
#mini{
	display:none;
}/*PC用*/
#big{
	display:inherit;
}
/**/


#headerbox {
	max-width: 1200px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	position: relative;
	top:0;
}
#menu_info {
	position: absolute;
	top:10px;
	right: 70px;
	width: 110px;
}
#menu_info img {
	width: 100%;
}

#menu_photo {
	position: absolute;
	top:10px;
	left: 70px;
	width: 110px;
}
#menu_photo img {
	width: 100%;
}


#mainnav {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	

}
#mainnav ul {
	max-width: 1200px;
	min-width:680px;
	height:53px;
	margin-right: auto;
	margin-left: auto;
    display: flex;


}
#mainnav ul li{
	list-style-type: none;



}
#mainnav ul.big li{
	display:inherit;
	flex-direction: row;
	width: calc(1200px / 6);
	
}
#mainnav ul.big li img{
	max-width:193px;
	width:100%;
}


#mainnav ul li.mini{
	/*width: 16%;/*4つなので*/
	margin-top:27px;
	list-style-type: none;
	float: left;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:21px;
	padding-right:25px;
	line-height: 1.2em;
}

#mainnav ul li.mini:after{
   content: "."; 
    clear: both;
    height: 0;
    visibility: hidden;
}
	/**/

/**/


	
main {
	font-size: 14px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	clear: both;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 2em;
	background-color: #FFFFFF;
	
}





footer {
	width: 100%;
	text-align: center;
	/*background-color: #9FE461;
	border-top: 10px solid #FFFFFF;
	padding-bottom: 20px;*/
	background-image: url(../img/footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	/*height:184px;*/
	height:250px;
}
footer .copy {
	text-align: center;
	font-size: 12px;
	color: #5A3D1C;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FFFFFF;*/
	padding-top: 0px;
	padding-bottom: 30px;
}
footer .copy img {
	max-width:255px;
	width:100%;
	}
footer .address {
	text-align: center;
	font-size: 12px;
	color: #5A3D1C;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FFFFFF;*/
	padding-bottom: 120px;
	line-height: 21px;
}
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px;
	background-image: url(../img/footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}



.pagetop {
	text-align: right;
	/*padding-top: 1em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;*/
	width: 94%;
	position:fixed;
right:100px;
bottom:0;
transition:1s;
z-index:6;/*一番階層低いのが0*/
}
.pagetop img{
	max-width:150px;
	width:100%;
	max-height:119px;
	height:auto;
}

/**/

/*--------スライダー部分-------------*/

/*スライダー表面イラスト*/

#header_02{/**/
	height:auto;
	max-width:1200px;
	width:100%;
	height:100%;
	margin:0 auto;
	margin-bottom:20px;


	
}
#header_02 img{/*header02 heightも変更のこと*/
	max-width:1200px;
	
	max-height:450px;
	height:auto;
	width:100%;
	

}
#header_02{
	position:relative;
	right:0;
	bottom:0;
	

}
#header_02:after{
	    content: "."; 
    clear: both;
    height: 0;
    visibility: hidden;
}

	
#header_02 img.text{
position:absolute;
	top:-80px;
	left:0;
	max-height:135px;
	max-width:1200px;
	width:100%;
	height:auto;
	z-index:5;/*一番階層低いのが0*/
	

}
#header_02 img.text:after{
	    content: "."; 
    clear: both;
    height: 0;
    visibility: hidden;
}
/*スライダー表面イラスト*/
/*--------------↑スライダー部分↑----------*/


.bg1 {
background-image:url(../img/bg.png);
	/*padding-top: 5px;*/
	padding-bottom: 40px;
	/*margin-top:214px;*/
	padding-top:214px;/*ヘッダ固定分調整https://qiita.com/becolomochi/items/a4b944c37ace12aba9f0*/

	
}




#mainbox {
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	

}
#mainbox01 {/*index 以外*/
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	/*padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	border-radius: 30px;*/

	
}

/* トップ */

#top {
	margin-bottom: 20px;
	

	}
	
#top img {
	width: 100%;
}
#t-b{
	display:flex;
	max-width:800px;
	width:98%;
	margin: 0 auto;
	flex-wrap: wrap; /* 折返し指定 */
}
.t-bImg {
	width: calc(31% - 6px); /* margin padding分を引く */
	margin: 1px;
	padding: 5px;
}
.t-bImg img{
	max-width:250px;
	width:100%;
}


#t-b:after{ content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#t-b a:hover img{
	opacity:0.5;
}


#news {
	padding-bottom: 50px;
	width:95%;
	margin:0 auto;
 	}
#news ul{
	height: 13em;
	overflow: scroll;
}
#news ul li{
	list-style-type: none;



}
#news ul li{
	width: 95%;
	padding: 10px;
	font-size:18px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #a6937c;

	padding-left:35px;
	text-align:left;
	}
#news ul li .date{
	font-size:12px;
	color:#999;
	margin-right:30px;
}
#moku{
	width:90%;
	margin:0 auto;
	border-radius:15px;
	background-color:#FFFFFF;
	padding:40px;

	text-align:left;
	font-size:large;
	background-image:url(../img/main_b01.png), url(../img/sun.png);
	background-repeat:no-repeat;
	background-position:bottom right,top left;
	background-size:contain;
	min-height:200px;
	height:auto;
	
	}
	#moku p{
		padding-left:50px;
		padding-right:50px;
	}
/*page_link*/
#page_link{
	
	max-width:900px;
	width:100%;
	margin:0 auto;
	padding-top:20px;
}
#page_link ul{
	display:flex;
	 justify-content: center;
  align-items: center;
}
#page_link ul li{
	list-style-type: none;



}
#page_link ul li{
	width:40%;
	margin:2em;
	position: relative;

	border-radius:30px;
	 box-shadow:1px 1px 3px #ccc;
	 background-color:#FFF;

	
}

#page_link ul li  a:hover{
	opacity:0.5;
}

#page_link ul li img{
	
	width:100%;
	border-radius:30px 30px 0 0 ;
	 

}

#page_link ul li h3{
  font-size: xx-large;
  	/*文字縁取り*/
	text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
   white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
	color: 81511c;	/*文字縁取り*/
	border-bottom:none;
	margin-bottom:1em;
}

hr.line{
	background-image: url(../img/line.png);
	height:25px;
	margin:15px;
}
.outline_wrap{
	margin-bottom: 10px;
			width:90%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		margin-bottom:2em;
}
.outline_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.outline_wrap table{
	border-radius:15px;
	border: 2px solid #c7b299;
	width:100%;
	}
.outline_wrap table tr th{
	padding:10px;
	background-color:#c7b299;
	text-align:center;
	font-size:21px;
	letter-spacing:1em;
	color:#FFFFFF;
	  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 400;
  font-style: normal;
  	border-bottom-style: dashed;
	border-bottom-color: #fff;
	
	border-bottom-width: 2px;
}
.outline_wrap table tr:first-child th{
	border-radius:13px 0 0 0;
}

.outline_wrap table tr:last-child th{
	border-radius:0 0 0 13px;
	border-bottom:none;
}

.outline_wrap table tr td{
	padding:10px;
	text-align:left;
	border-bottom-style: dashed;
	border-bottom-color: #c7b299;
	
	border-bottom-width: 2px;
}

.outline_wrap table tr:last-child td{
	border-bottom:none;
	
}
.outline_wrap p{
	padding: 10px;
	width: 98%;
	font-size:18px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #a6937c;
	background-image: url(../img/top_houshin_dot.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left:35px;
}

#map {
	width:90%;
	margin:0 auto;
	border-radius:15px;
	box-shadow:1px 1px 3px #ccc;
	}
#map:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
	margin-bottom:2em;
}	
#map iframe{
    width: 100%;
    height: 300px;
	border-radius:15px;
}
/**/
.down-l{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.down-l p{
	font-size:large;
}
.down-l ul li{
	list-style-type: none;



}
.down-l ul li{
	background-image: url(../img/dott01.png);
	background-repeat:no-repeat;
	margin-top:10px;
	height:30px;
	background-position: 10px 3px;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
	
}
.down-l ul li a{
	display:block;
	font-size: 18px;

	color:#81511C;
}
.down-l ul li a:hover{
	opacity:0.5;
}
.down-l .pdf_area:after{
	    content: "."; 
    clear: both;
    height: 0;
    visibility: hidden;

}


/*---------------outline(index注outlineあり)----------------*/

.outline03_wrap{
	padding-bottom:2em;

}
.outline03_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}




.outline03{
	width:90%;
	margin:0 auto;
	border-radius:15px;
	background-color:#FFFFFF;
	padding:40px;

	font-size:large;
	background-image:url(../img/main_b02.png);
	background-repeat:no-repeat;
	background-position:bottom right,top left;
	background-size:contain;
	min-height:100px;
	height:auto;
	
	}
.outline03 p{
		padding-left:50px;
		padding-right:50px;
	}
/**/
.outline04_wrap{
	padding-bottom:2em;
	text-align:left;

}
.outline04_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.outline04{
	padding-bottom:1em;
	width:80%;	margin:0 auto;
}

.outline04 ol li{

	margin-bottom:1em;
	list-style-type: decimal;
	text-align:left;
	font-size:21px;
	line-height: 1.3em;
}




.outline04 p{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.outline05_wrap{
	padding-bottom:2em;
	text-align:left;

}
.outline05_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.outline05{
	padding-bottom:1em;
	width:90%;	margin:0 auto;
}

.outline05 h3{
	margin:0 auto;
	text-align:left;
	background-image: url(../img/dott02.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	margin-bottom:1em;
}
.outline05 p{
	margin:0 auto;
	text-align:left;
	margin-bottom:1em;
	width:95%;
}
.outline05 ul li{
	margin-bottom:1em;
	text-align:left;
	line-height: 1.3em;
	list-style-type: none;
	background-image: url(../img/dott03.png);
	background-repeat: no-repeat;
	background-position: left -2px;
	padding-left:25px;
}
.outline05 img{
	max-width:600px;
	max-height:142px;
	width:90%;
	height:auto;
}
/**/
.outline06_wrap{
	padding-bottom:2em;
	text-align:left;

}
.outline06_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.outline06_wrap h3{
	margin:0 auto;
	text-align:left;
	background-image: url(../img/dott04.png);
	background-repeat: no-repeat;
	background-position: left center;
	width:90%;
	margin:0 auto;
	padding-left:40px;
	margin-bottom:1em;
	width:90%;
}
.outline06{
	padding-bottom:1em;
	background-color: #FFF;
	padding:20px;
	border-radius:15px;
	width:90%;
	margin:0 auto;
	display:flex;
	align-items:center;
}
.outline06-left{
}
.outline06 img{

	padding:0.5em;
	max-width:155px;
	max-height:155px;

}

.outline06 h3{

}
/*---------------------*/
.daily_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


.daily_wrap {
	margin-bottom: 2em;
	
}
.daily{
	width:95%;
	margin:0 auto;
	line-height: 1.5em;
	margin-bottom:2em;
}
.daily h3{
	border:none;
	color:#FFFFFF;
	padding-left:inherit;

}
.daily .photo_warp{
	display:flex;
	justify-content:center;
	align-items:center;
}
.daily .photo_warp .photo03{
	width:32%;
	margin:0.5em;
	padding:0.3em;
	background-color:#FFF;
	box-shadow:#999  0 0 2px;
}
.daily .photo_warp .photo03 img{
	width:100%;
	height:auto;
}
.daily02{
	margin-bottom:2.5em;
}
.daily02 h3 #bg{
	padding:10px;
	border-radius:15px;
	background-color: #FAA923;
}
.daily03 h3 #bg{
	padding:10px;
	border-radius:15px;
	background-color: #99CC00;
}
.daily table {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 1px solid #666;
}
.daily th {
	text-align: center;
	padding:5px;
	width:30%;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;


}
.daily02 th{
		background-color: #FFEBC1;
}
.daily03 th{
	background-color: #E9F8C7;
}
.daily td{
	text-align:left;
	padding:5px;
	padding-left:15px;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

/*↓----------year box---------------*/
#year_wrap{
		
		width:100%;
		margin:0 auto;
		margin-bottom:1.5em;

}
.year{
    margin:0;

    display:flex;
	flex-wrap: wrap;/*改行*/
    width:100%;
	margin-left:auto;
	margin-right:auto;
	
}
/*--760で2枚設定　480で1枚--*/
.photo_warp02{
	display:flex;
	flex-wrap: wrap;/*改行*/
	justify-content:center;
	align-items:center;
	width:100%;
	margin:0 auto;

}

.photo_warp02 .photo04{
	width:22%;
	margin:0.2em;
	padding:0.3em;
	background-color:#FFF;
	box-shadow:#999  0 0 2px;
}
.photo_warp02 .photo04 img{
	width:100%;
	height:auto;
}

/*------------dl dt dd-----*/
.year dl {
		/*margin:0 10px 10px 0;
	padding:2px;*/
	width:30%;
	/*background-color:#FFFFE1;*/
	list-style:none;
	border-radius:15px;
	margin-bottom:20px;
		-webkit-box-shadow: 1px 1px 3px #A09790;
	box-shadow: 1px 1px 3px #A09790;
	margin-left:auto;
	margin-right:auto;
	 }
.year dl dt{
	font-size:21px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	text-align:center;
	background-image:url(../img/t_bg_year.png);
	height:50px;
	width:100%;
	/*　↓上下左右　センター*/
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 	/*　↑上下左右　センター*/
		/*文字縁取り*/
	text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
   white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
	color: #963;	/*文字縁取り*/
	 }
.year .year01{
	background-image: url(../img/y_02_dt.png);
	border-radius:15px 15px 0  0;
}
.year .year02{
	background-image: url(../img/y_02_dt.png);
	border-radius:15px 15px 0  0;
}
.year .year03{
	background-image: url(../img/y_02_dt.png);
	border-radius:15px 15px 0  0;
}
.year .year04{
	background-image: url(../img/y_02_dt.png);
	border-radius:15px 15px 0  0;
}
.year dl dd {
	padding:10px;
	text-align:left;
	line-height: 1.5em;
    }
.year_wrap dl.none {
		margin:0 10px 10px 0;
	padding:2px;
	border:none;
	border-radius: 0;
			-webkit-box-shadow: none;
	box-shadow:none;
	 background-color:#fff;
	 }
#year_wrap dl.none dt{
	border-bottom-style: none;
	border-bottom-color: none;
	background-image:none;
	background-color:#fff;
	 }


.year dd img {
	width: 80%;
	border: 1px solid #996600;
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}
/*↑ボックスのサイズをそろえる↑*/

#y_text{
	padding-bottom:2em;
	text-align:left;
	width:95%;
	margin:0 auto;
}


/*↑-------yearボックス----------*/

/*-shien*/

.shien_wrap{
	margin-bottom: 10px;
			width:95%;
		margin:0 auto;
		text-align:left;
}
.shien_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.shien{
	width:95%;
	margin:0 auto;
	display:flex;
	 align-items: center; 
	margin-top:1.5em;
	margin-bottom:1.5em;
	border-radius:15px;
	background-color:#FFFFFF;
	padding:2em;
}

.shien h3{
	padding-left:inherit;
}


.shien ul li{
	list-style-type: none;
	background-image: url(../img/dott05.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;

}
.shien ul li a:hover{
	color:#930;
}

.shien ul{
	width:100%;
	margin:0 auto;
	margin-top:2em;
}
.shien02{
	text-align:left;
	width : -webkit-calc(100% - 300px) ;
   width : calc(100% - 300px) ;
   margin-right:2em;
}
.shien03{
  margin-right:10px;
  margin-bottom:10px;
  max-width:250px;
  width:100%;
  height:auto;
  padding:5px;
	/*border: 1px solid #333;*/
	box-shadow: 1px 1px 3px #A09790;
}
.shien02 p{

}
.shien03 img{
	width:100%;
	height:auto;
}

/*--------------annai-----------------*/

/**/
.annai_wrap {
	margin-bottom: 2em;
			width:90%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
}
.annai_wrap h3 {
	padding-bottom: 4px;
	padding-left: 34px;
	margin-top: 20px;
	padding-top: 4px;
	background-image: url(../img/dott06.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-family: 'Kosugi Maru', sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #8fc31f;
}
.annai{
	margin-bottom:2em;
}
.annai p{
	margin-bottom:1em;
}
.annai ul li{
	list-style-type: none;
	background-image: url(../img/dott05.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;

}
.annai ul li a:hover{
	color:#930;
}

.annai ul{
	width:100%;
	margin:0 auto;
	margin-top:2em;
}


/*------------------------------	*/


/*---------------------*/
/*---------blog------------*/
.blog_wrap {
	margin:0 auto;
	margin-bottom: 10px;
			width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		display:flex;
		align-items: flex-start;/*高さを揃えない*/
}
.blog_wrap:after{
	    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;

}


#blogside {
	width: 30%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align:left;
	margin-top:0;
	border-radius:15px;
	/*background-image: url(../img/blogside_h2_bg.png);*/
	box-shadow:0px 0px 5px #CCC;
	background-color:#FFFFFF;
	margin-left:0;

}
#blogside ul{
	width:95%;
	text-align:left;
	margin:0 auto; 
}
#blogside ul li{}

#blogside h2{
	height:45px;
	
	font-size: 24px;
	background-color: none;
	border-radius:15px 15px  0px  0px;
	text-align:center;
	padding-top:20px;
	padding-left:inherit;
	height:30px;
	background:inherit;
	background-image:url(../img/blogside_h2_bg.png);
	
	}
#blogside a{
	display:block;
	text-decoration:none;
	color:#FF6666;
}
#blogside a:hover{
	color:#996C33;
}

#blogside li {
	list-style-type: none;

	padding-left: 10px;
	min-height:30px;
	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-bottom:1em;
}
#blogbox {
	width:65%;
	margin:0 auto;

}


.category p {
	text-align:right;
	font-size:12px;
	background-color: #6C6;
	border-radius:10px;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	display: inline-block;/*文字の長さだけ背景*/
}
.category p a{
	display:block;
	color:#fff;
}
.blog{
	margin-bottom:30px;
	
}

.blog ul,.blog ul li{
	width:95%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
}
.blog ol,.blog ol li{
		width:95%;
	margin:0 auto;
		margin-top:10px;
	margin-bottom:10px;
}


.blog h2{
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	color: #67210D;
	font-size: 22px;
	-moz-background-size: 100% auto;
	font-weight: normal;
	padding-bottom: 4px;
	padding-left: 34px;
	padding-top: 10px;
	background-image: url(../img/bg_h3_02.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-family: 'Kosugi Maru', sans-serif;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #006837;
	border-radius:0;
	
	
}
.blogdate {
	font-size:12px;
	text-align:right;
	color:#006837;
}
.blog .photoarea{
	width:98%;
	display:flex;
	margin:0 auto; 
	flex-wrap: wrap;
}
.blog .photoarea:after{
	    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;

}
.blog .photoarea .photoblog03{
	width:30%;
	
	margin:5px;
	padding:5px;
}
.blog .photoarea p{
	font-size:14px;
	text-align:center;
	line-height: 0.7em;
	width:100%;	
	}

.blog .photoarea .photoblog03 img{
	width:100%;
box-shadow: 1px 1px 3px #A09790;
margin-bottom:0.8em;
}



.blog .youtube iframe{
	max-width:800px;
	width:100%;
	margin:0 auto;
		margin-top:10px;

}
.blog .pdf_area{
	display:flex;
	align-items:center;
	border-radius:10px;
	background-image: url(../img/blog_pdf.png);
	margin-top:10px;
}

.blog .pdf_area:after{
	    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;

}
.blog .pdf_area p{
	margin-top:15px;
}
.blog .pdf_area p a{
	display:block;
	text-decoration: underline;
	color:#060;
}
.blog .pdf img{
	width:64px;
	margin:15px;

}

/*ページナビ*/
.pagination-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}
.pagination-2 li{
	list-style-type: none;
}
.pagination-2 a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-radius: 25px;
    background-color: #f2f2f2;
    color: #3c8645;
}
.pagination-2 a:hover{
	background-color: #93CE9A;
	color: #fff;
}

.pagination-2 a:not(:hover) {
    text-decoration: none;
}

.pagination-2 .current a {
    background-color: #3c8645;
    color: #fff;
    pointer-events: none;
}

.pagination-2 .prev a,
.pagination-2 .next a {
    gap: 0 4px;
    width: auto;
    padding: .5em .8em;
    line-height: 1;
}

.pagination-2 .prev a::before,
.pagination-2 .next a::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    content: '';
}

.pagination-2 .prev a::before {
    border-bottom: 1px solid #3c8645;
    border-left: 1px solid #3c8645;
}

.pagination-2 .next a::after {
    border-top: 1px solid #3c8645;
    border-right: 1px solid #3c8645;
}
/*--------------

.photoarea {
	margin-bottom: 30px;
}
.photoarea table {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.photoarea td {
	width: 25%;
	text-align: center;
}
.photoarea td img {
	width: 95%;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 3px #B5A7A7;
	box-shadow: 1px 1px 3px #B5A7A7;
}
.photoarea td img.none{
	border:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.font_left{
	text-align:left;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.img_right{
	text-align:left;
	width:30%;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

.img_right img{
	width:80%;

}*/
/*-------------form------------------*/

.form{

	width:90%;
	margin:0 auto;
}
.form02,.form03{
	margin:20px;
	background-color:#f1e8dc;
	border-radius:15px;
	font-size:16px;
	padding:20px;
	width:80%;
	margin:0 auto;
	margin-top:20px;
}
.form02 img{
	max-height:273px;
	height:auto;
	max-width:555px;
	width:100%;
	margin:20px;
}
.form02 dl,.form03 dl {
	text-align:left;
	

}
.form02 dt,.form03 dt{
	padding:10px;
	font-size:21px;
}
.form02 dd,.form03 dd{
	padding:10px;
	margin-left:50px;
	margin-left:0;
}


.form{

	width:90%;
	margin:0 auto;
}
.form03{
	margin:20px;
	background-color:#f1e8dc;
	border-radius:15px;
	font-size:16px;
	padding:20px;
	width:80%;
	margin:0 auto;
	margin-top:20px;
	text-align:left;
}

.form03 dl {
	text-align:left;
	

}
.form03 dt{
	padding:10px;
	font-size:21px;
}
.form03 dd{
	padding:10px;
	margin-left:50px;
		text-align:left;
}

.c1 {
	color: #FF719D;
}
.c2 {
	color: #81D066;
}
.c3 {
	color: #FF871E;
}
.c4 {
	color: #6ECBFF;
}

@media screen and (max-width:768px){

header,footer,main,#mainnav, #mainnav ul, #system_main,#topside {
	width: 100%;
	height:auto;	
}
html,body {
	background-image: url(../none);
}



header {
	height: 214px/*auto*/;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/header.png);
	background-position: center top;
	background-repeat: repeat-x;
	position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
z-index:100;
}

.pagetop{
	width:50%;
	right:0;
}




	/*スマホ用*/
#mini{
	display: inherit;
}/*PC用*/
#big{
	display:none;
}
/**/


#system_main {

}
#headerbox {
	width: 100%;
	margin-bottom: 5px;
}


	
#menu_info {
	right:10px;
	top:10px;
	width: 12%;
	}
	
#menu_photo {
	left:10px;
	top:10px;
	width: 12%;
	}
	
h1 img {
	width: 80%;
	margin:0 auto;
}


main {
	margin-top: auto;
	margin-bottom: auto;
	padding-bottom: 150px;
	width:94%;
}

#mainnav  {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*border-bottom: 10px solid #A0C910;*/
	padding-bottom:0;
	}
#mainnav ul {
	width: 100%;
	margin-top:40px;
	padding-top:30px;
	background-image: url(../img/button_bg768.png);
	background-repeat: no-repeat;
	height:142px;
	}

#mainnav ul li {
	width: 33%;
	margin-top: 10px;
	padding-bottom: 10px;
	padding: 0px;
	font-size:21px;
	}
#mainnav ul li.mini img{
	width:100%;
	top:10px;

}

#mainnav ul li:first-child{
	margin-left:0;
}
#mainnav ul li:last-child {
	padding-right:0;
}

.pagetop {
right:20px;
}
.pagetop img{
	width:70%;
}

footer .copy img {
	width: 80%;
	height:auto;
	}

h2 {

	font-size: 22px;

}
h2.nidan{
	background-image: url(../img/bg_h2.png);
	line-height:inherit;
	
}
#mainbox,#mainbox01 {
	width: auto;
	/*padding-top: 1em;*/
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	border-radius: 0px;
}
/*スライダー表面イラスト*/

#header_02{/**/
	height:auto;
	max-width:1200px;
	width:100%;
	height:100%;
	margin:0 auto;
	margin-bottom:0;


	
}
#header_02 img{/*header02 heightも変更のこと*/
	max-width:1200px;
	
	max-height:450px;
	height:auto;
	width:100%;
}
#header_02{
	position:relative;
}
	
#header_02 img.text{
	position:absolute;
	top:-50px;
	max-height:200px;
	max-width:1200px;
	width:100%;
	height:auto;
	z-index:5;/*一番階層低いのが0*/
}



/*スライダー表面イラスト*/

#moku{

	min-height:100px;
	height:auto;
	width:85%;
	margin:0 auto;
	padding:20px;
	
	}
	#moku p{
		padding-left:0;
		padding-right:0;
	}
.outline_wrap table tr th{
	width:30%;

	letter-spacing: inherit;
}

#page_link ul li{
	width:45%;
	margin:0.8em;
	position: relative;

	border-radius:30px;
	 box-shadow:1px 1px 3px #ccc;
	 background-color:#FFF;

	
}
#page_link ul li h3{
  font-size: large;
  	/*文字縁取り*/
	text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
   white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
	color: 81511c;	/*文字縁取り*/
	border-bottom:none;
	margin-bottom:1em;
}mainbox

/*page_*/


.outline_wrap p{
	width:90%;
/**/}
/*-------outline--------*/
.outline03{
	width:70%;

	
	}
.outline03 p{
		padding-left:0;
		padding-right:0;
	}
.outline04{
}

.outline04 ol li{

	margin-bottom:1em;
	list-style-type: decimal;
	text-align:left;
	font-size:18px;
	line-height: 1.3em;
}
/*box修正*/
.year dl {

	width:48%;

	 }
/*--760で2枚設定　480で1枚--*/
.photo_warp02 .photo04{
	width:44%;
	margin:0.5em;
	padding:0.3em;
	background-color:#FFF;
	box-shadow:#999  0 0 2px;
}


/*-------shien-----------*/
.shien{
	width:90%;
	display: inherit;
	margin-top:1em;
	margin-bottom:1em;
	border-radius:15px;
	background-color:#FFFFFF;
	padding:1.5em;
}

.shien ul li a:hover{
	color:#930;
}

.shien ul{
	width:100%;
	margin:0 auto;
	margin-top:2em;
}
.shien02{
	text-align:left;
	width :100%;
   margin-right:0;
}
.shien03{
	
  margin-right: inherit;
  margin-bottom:10px;
  
  max-width:80%;margin:0 auto;
  height:auto;
  padding:5px;
	/*border: 1px solid #333;*/
	box-shadow: 1px 1px 3px #A09790;margin-top:1.5em;
}
.shien02 p{

}
.shien03 img{
	width:100%;
	height:auto;
}
/**/

/*blog*/
.blog_wrap {
	margin:0 auto;
	margin-bottom: 10px;
			width:100%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		display: inherit;
		align-items: flex-start;/*高さを揃えない*/
}
#blogside{
	width:95%;
	margin-bottom:1.5em;
}

#blogside ul,#annaiside ul{
	max-height:150px;
	overflow: scroll;
	width:95%;
	margin-left:20px;
}
#blogbox {
	width:95%;
	margin:0 auto;

}
.blog .photoarea .photoblog03{
	width:45%;
	
	margin:5px;
	padding:5px;
}
/**/


.item1{
  order: 2;
}
 
.item2{
  order: 3;
}
 
.item3{
  order: 4;
}
 
.item4{
  order: 1;
}

/**/
.font_left{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
.img_right{
	text-align:left;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
/*-------------form------------------*/

.form{
	width:90%;
	margin:0 auto;
}
.form02{
	margin:0;
	background-color:#f1e8dc;
	border-radius:15px;
	font-size:16px;
	padding:0;
	width:95%;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:20px;
}

.form02 dl {
	text-align:center;
	

}
.form02 dt{
	padding:10px;
	font-size:21px;
}
.form02 dd{
	padding:10px;
	margin-left:0;
}
.form03{
	margin:0;
	background-color:#f1e8dc;
	border-radius:15px;
	font-size:16px;
	padding:0;
	width:95%;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:20px;
}

.form03 dl {
	text-align:center;
	

}
.form03 dt{
	padding:10px;
	font-size:21px;
}
.form03 dd{
	padding:10px;
	margin-left:0;
}




}

@media screen and (max-width:480px){
header, footer,#mainnav, #mainnav ul, #system_main {
	width: 100%;	
}


h1 {
}



h3 {
	font-size: 20px;
}


footer .copy img {
	width:100%
}

.pagetop img {
	width: 60%;
}
header {
	height: 128px/*auto*/;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/header-02.png);
	background-position: center top;
	background-repeat: repeat-x;
	position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
z-index:100;
}





/*#headerbox {
	max-width: 1200px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	position: relative;
	top:0;
	position:static;解除
	padding:50px;
}*/	
	#headerbox ul {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	#headerbox ul li {
		float: left;
		width: 50%;
	}
	
#menu_photo {
	position: static;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
		
#menu_info {
	position: static;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
	

#headerbox {
	top:5px;
	left:5px;

}
h1{
	width:80%;
}
	
	
	
#mainnav  {
	width: auto;
	}
#mainnav ul li {
	width: 33.3%;
	font-size:16px;
	}
#mainnav ul li.mini{
	width:33%;
	font-size:12px;
		padding-right:0;
}
/*index用*/
#mainbox01 {
	margin-top:-120px;
	
}


/*重ねる画像修正*/
#header_02 img.text{
	position:absolute;
	top:-30px;
	max-height:200px;
	max-width:1200px;
	width:100%;
	height:auto;
	/*z-index:5;一番階層低いのが0/**/
}
/**/
#mainbox:after{ 
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

	
#news {
	margin-bottom:0;
	}
#news ul{
	height: 13em;
	overflow: scroll;
}
#news ul li{
	width: 95%;
	padding: 10px;
	font-size:18px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #a6937c;

	padding-left:5px;
	text-align:left;
	}
#news ul li .date{
	font-size:12px;
	color:#999;
	margin-left: inherit;
}


.outline_wrap table tr th{
	padding:10px;
	background-color:#c7b299;
	text-align:center;
	font-size:18px;
	letter-spacing: inherit;
	color:#FFFFFF;
	  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 400;
  font-style: normal;
  	border-bottom-style: none;
	width:inherit;


	display:block;
}

/*---------*/
.outline06{
	display:inherit;
}
/*---------*/

.outline_wrap table tr td{

	display:block;
}
.outline_wrap table tr:first-child th{
	border-radius:13px 13px 0 0;
}

.outline_wrap table tr:last-child th{
	border-radius:0 0 0 0;
	border-bottom:none;
}

.outline_wrap table tr td{
	padding:10px;
	text-align:left;
	border-bottom-style: none;

}
/**/
.daily table th,.daily table td{
	display:block;
	width:inherit;
	max-width:100%;
}


.daily table tr:last-child  td{
	border-bottom:none;

}
.daily .photo_warp{
	display: inherit;
}
.daily .photo_warp .photo03{
	width:90%;
	margin:0.5em;
	padding:0.3em;
	background-color:#FFF;
	box-shadow:#999  0 0 2px;
	margin:0 auto;
	margin-bottom:1em;
}
.daily .photo_warp .photo03 img{
	width:100%;
	height:auto;
}

/*--760で2枚設定　480で1枚--*/
.photo_warp02 .photo04{
	width:98%;
	margin:0.5em;
	padding:0.3em;
	background-color:#FFF;
	box-shadow:#999  0 0 2px;
}

/**/

#gaiyou td {
		display: block;
		width: auto;
	}
#gaiyou th {
		display: block;
		width: auto;
	padding: 3px;
	}

#policy td {
		display: block;
		width: auto;
	}
#tokushoku td,#tokushoku th{
	display:block;
	width:auto;
}
#tokushoku ul {
	width: auto;
	float: none;
}
#ensyo{
	background-image: url(../img/ensyo_bg.png);
	border-radius:15px;
	padding:0px;
	padding-bottom:20px;
	display:inherit;
	width:100%;
	margin-left:auto;
	margin-right:auto;

}
.hiroba00,.club00{
	display:block;
}

.keihi td {
		display: block;
		width: auto;
	}
.keihi th {
		display: block;
		width: auto;
	padding: 3px;
	}

.hiroba td,.club td {
		display: block;
		width: auto;
	}
.hiroba th,.club th {
		display: block;
		width: auto;
	padding: 3px;
	}

.hiroba02{
	display:block;/*flex解除*/
}
.hiroba02 .h_naiyo01{

	width:98%;
}
.hiroba02 .h_naiyo02{

	width:98%;
}
.hiroba02 .h_naiyo03{

	width:98%;
}
.hiroba03 .photoarea,.club03 .photoarea{
	display:block;/*flex解除*/
}

.hiroba03 .photoarea img,.club03 .photoarea img{
	width:95%;
}
/*blog*/

.blog .photoarea img{
	float:none;
	width:98%;
}
	
.illust {
	width: 70%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}	
	
	
	
#age1 {
	width: auto;
	float: none;
}

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

	
.photoarea td {
	width: auto;
	display: block;
	margin-bottom: 10px;
}
	
/*box修正*/
.year dl {

	width:90%;

	 }

.about p{
	float:none;
	text-align:left;
	width :100%;
}
.about img{
	float:none;
  margin-right:10px;
  margin-bottom:10px;
  max-width:400px;
  width:100%;
  height:auto;
  padding:5px;
	/*border: 1px solid #333;*/
	box-shadow: 1px 1px 3px #A09790;
	margin-left:auto;
	margin-right:auto;
}

.blog .photoarea .photoblog03{
	width:95%;
	
	margin:5px;
	padding:5px;
}

#mainbox01 {/*index 以外*/

	padding-top:50px;

	
}

	
	}