@charset "utf-8";
/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
}

html,body {
	height: 100%;
}

html {
	font-size:75%;
}

/* ▼画面サイズ（横幅）が640px以上の場合に適用 */
@media screen and (min-width: 640px) {
  html {
    font-size: 120%;
  }
}
 /* ▼画面サイズ（横幅）が900px以上の場合に適用 */ 
@media screen and (min-width: 900px) {
  html {
    font-size: 150%;
  }
}

 /* ▼画面サイズ（横幅）が900px以上の場合に適用 */ 
@media screen and (min-width: 1500px) {
  html {
    font-size: 200%;
  }
}

body {
    background: #fff;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    width: 100%; /* リキッド */
    max-width: 1920px; /* 幅の上限 */
    min-width: 200px; /* 幅の下限 */
    margin: 0px auto;
	display: flex;
    flex-flow: column;
}


/* RSS read CSS */

ul.rss {
	font-size:0.5rem;
}

li.rss {
	list-style:none;
}

li.rss::befor {
	background-image:url(../../images/parts/leaf_h2.png)
   content: "※";
   padding-right: 5px;
}

.rssdate {
	padding-left:5px;
	font-size:0.6em;
	color:#333;
}

/* header CSS */


#header{
  width: 80%; /* リキッド ヘッダー*/
  box-sizing: border-box;
  margin-top:1em;
  margin-left:6em;
  text-align: left;
}



 /* リキッドスタイル中央揃え CSS */

.adjust-box {
    position: relative;
    width: 100%;
    height: auto;
}

.box-1x1:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.box-48x10:before {
    content: "";
    display: block;
    padding-top: 21%;
}

.box-4x3:before {
    content: "";
    display: block;
    padding-top: 75%;
}


.box-3x4:before {
    content: "";
    display: block;
    padding-top: 133.33%;
}


.inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.adjust-box p {
    line-height:1.5em;
}



 /* word CSS */



#container {
  flex: auto;/*footer固定3/3*/
  margin: 3px auto 0 auto;
}

.section {
	padding:10px 10px;
  width: 70%; /* リキッド セクション */
  margin:10px 5rem;
  text-align:left;
}

 /* info CSS */

#info {
  width: 100%; /* リキッド ヘッダー*/
  top:30%;
  margin:0 auto;
  position:relative;
  box-sizing: border-box;
  padding:10px;
  background-color: rgba(255,255,255,0.6);
}

.infobox {
	  position:absolute;
	  top:50%;
	  margin:0 auto;
	  font-size:1rem;
	  text-align:center;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.8);
	  }	


 /* footer CSS */

#footer {
	  margin:0 auto;
	  text-align:center;
	  font-size:0.6rem;
	  padding: 1rem 0;
	  width: 100%; /* リキッド ヘッダー*/
	  color:#888;
	  background-color: rgba(214,235,245,0.8);
	  position:relative;
}	

#tree {
	position:absolute;
	top:-97px;
	left:70vw;
}



/*------------------------------------------------------------------------- */
/*--( googlemap class Module )------------------------------------------------------- */

.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}



/* text */

h1{
  font-size: 1.4rem;
  font-weight: normal;
    line-height: 30px;
	vertical-align:middle;
}

h1:before {
  content: url("../../images/parts/leaf_h1.png" );
}


h2{
  font-size: 0.8rem;
  font-weight: normal;
  vertical-align:middle;
}

h2:before {
  content: url("../../images/parts/leaf_h2.png" );
}

.word {
	font-size:0.9rem;
	padding-left:30px;
}

.notices {
	padding:5px;
	text-align:center;
	border: 3px green solid; 
	border-color: #ffff99;
	border-radius: 10px;
	background-color:#cda;
	font-weight:bold;
}


/*------------------------------------------------------------------------- */
/*--( Hypertext Module )--------------------------------------------------- */
a {
	/* FireFoxリンクライン消し */
    overflow: hidden;
    outline: none;
	}

a:link {
	color: #333;
	text-decoration:none;
	}
a:visited {
	color: #0066CC;
	text-decoration: none;
	}
a:hover {
	color: #ff6600;
	text-decoration: underline;
	}



/* footer link color */

a.footer:link {
	color: #0099CC;
	text-decoration:none;
	}
a.footer:visited {
	color: #0066CC;
	text-decoration: none;
	}
a.footer:hover {
	color: #ff6600;
	text-decoration: underline;
	}


/* table CSS */


table.list1 {
	  border-collapse: collapse;
	    text-align: center;
		width:100%;
}

th.list1 {
	font-weight:normal;
	  border-bottom: solid 2px #ddd;
}




/* class img */
.resizeimage img { width: 100vw; } /* 画面幅MAX */

.resizeimage8024 {
   max-width: 800px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
}
.resizeimage8024 img { width: 100%; }