@charset "UTF-8";


body {
	padding: 0;
	margin: 0;
}


#container {
  max-width: 1100px;
  margin:0px auto;
  background: #a2d7d4;
  /*border: 1px solid #b3b3b3;*/
}
#wrap {
  max-width: 1000px;
  margin:0px auto;
  background: #fff;
	background: repeating-linear-gradient(#bce1df, #bce1df 3px, #fff 3px, #fff 6px);
}

#head {
	height:85px;
}
#head img {
	width:100%;
}
#foot
{
	margin:0;
	padding:15px;
	font-size:11pt;
	color:#fff;
	background: repeating-linear-gradient(#fff, #fff 3px, #fff 3px, #fff 6px);
}
#foot td {
	padding:5px 20px;
}

















/* --------------------------------------------------------------------------- DropMenu */

#dd {
  margin: 0 0 0 4px;
  padding: 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 10px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  text-valign: middle;
  padding: 0;
  margin: 0;
  color: #FFF;
  text-decoration: none;
}

#dd li a.menu:hover {
}

#dd img {
  border-style:none;
}

.submenu {
  width:210px;
  background: #a0b090;
  visibility: hidden;
  position: absolute;
  z-index: 102;
}

.submenu a {
  margin-top:1px;
  display: block;
  border-bottom: 1px solid #fff;
  font: 12px arial;
  line-height:22px;
  font-weight:bold;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #fff;
	 /*background-image: url("../images/tri_navi_0.gif");*/
	 background-repeat: no-repeat;
}

.submenu a:hover {
  background: #ced9be;
  color: #406520;
	 background-image: url("../images/tri_navi_1.gif");
	 background-repeat: no-repeat;
}







div.event p {
	margin:-5px 20px 20px 8px;
	font-size:11pt;
	line-height:18px;
	border-bottom:solid 1px #039b6c;
}



















/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
	background: #fff;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
	background: #fff;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
}
.viewer .btnNext {
    right: 10px;
}






h4.new {
  position: relative;
  width:60%;
  margin:50px auto;
  padding: 0.6em;
  font-weight:bold;
  background: #06af7a;
  color:#fff100;
  text-align:center;
  line-height:70%;
margin-bottom:-20px;
}

h4.new:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 47%;
  border: 14px solid transparent;
  border-top: 23px solid #06af7a;
  width: 0;
  height: 0;
}





.main-box {
	margin: 1em;
	line-height: 1.5;
}
.main-box ul li {
	line-height: 1.8;
}
.main-box h3 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed gray;
}
.main-box p {
	margin-bottom:2px;
	padding: 0px 5px 2px 50px;
	font-size: 12pt;
}
.main-box h1 {
	width:95%;
	position: relative;
	margin:0;
	padding: 10px 5px 0px 60px;
	font-size: small;
	text-align: left;
	font-weight: bold;
}
.main-box h1:before {
	content: "";
	display: inline-block;
	position: absolute;
	padding: 0.4em;
	color: white;
	background: #06af7a;
	width: 15px;
	text-align: left;
	font-weight: bold;
	height: 15px;
	line-height: 10px;
	left: 35px;
	top: 76%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white;
	border-radius: 50%;
}

hr.news {
	margin:5px auto;
	width:90%;
	background-color:#039b6c;
}
hr.info {
	margin:0 auto;
	width:95%;
	background-color:#039b6c;
}

td.foot1 {
	color:#333;
	font-size:12pt;
}
td.foot2 {
	color:#333;
	line-height:15px;
	font-size:small;
}


h5.sub_ttl {
	width:90%;
	margin:10px auto;
  color: #364e96;/*文字色*/
  padding: 0.3em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}


div.sub_s {
	width:90%;
	margin:10px auto;
}
div.sub_s p {
	margin:0;
	padding:0 20px 10px 20px;
	line-height:24px;
}


#toc ul, ol {
  color: #1e366a;
  border-top: solid #1e3699 3px;/*上のボーダー*/
  border-bottom: solid #1e3699 3px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 1.5em;
}

#toc ul li, ol li {
  line-height: 1.5;
  padding: 0.1em 0;
}

.kanren_toku {
	padding:3px 4px;
	background-color:blue;
	color:#fff;
	font-size:8.5pt;
	font-weight:bold;
}
.kanren_dou {
	padding:3px 4px;
	background-color:green;
	color:#fff;
	font-size:8.5pt;
	font-weight:bold;
}
.kanren_sa {
	padding:3px 4px;
	background-color:maroon;
	color:#fff;
	font-size:8.5pt;
	font-weight:bold;
}
.kanren_yuu {
	padding:3px 4px;
	background-color:olive;
	color:#fff;
	font-size:8.5pt;
	font-weight:bold;
}
.kanren_nashi {
	padding:3px 4px;
	background-color:white;
	color:#fff;
	font-size:8.5pt;
	font-weight:bold;
}












.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}


.news-list .item {
	width:95%;
	margin:10px auto;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  line-height:1.2em;
  padding: 5px;
  border-bottom: 1px solid #cCC;
}
.news-list .item .date{
  margin: 0;
  width: 180px;
  font-size: 18px;
  font-weight:bold;
  color: #999;
  padding: 0 5px 0 0;
  /*border:solid 1px #f00;*/
}
.news-list .item .category{
  margin: 0;
  /*width: 5%;*/
  padding: 0 5px 0 0;
}
.news-list .item .category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #00F;
}

.for-pc { display:block; }
.for-sp { display:none; }


@media screen and (max-width:767px) {
  .for-pc { display:none; }
  .for-sp { display:block; }

	.main-box {
		width:100%;
		margin-left:-80px;
		padding:0;
	}

	.news-list .item a{
	  flex-wrap: wrap;
	}
	.news-list .item .date{
	  min-width: 100px;
	}
	.news-list .item .title{
	  margin-top: 10px;
	}
	#dd {
	  height:250px;
	}
h4.new {
	margin:-30px auto;
   font-size: 80%;
 
}

h4.new:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 47%;
  border: 14px solid transparent;
  border-top: 23px solid #06af7a;
  width: 0;
  height: 0;
}
	/* 装飾 */
	 
	*{
	  box-sizing: border-box;
	}
	a{
	  text-decoration: none;
	}
	body{
	  margin: 20px;
	}
	
	
	.tekan h5 {
		margin-top:30px;
		padding-left:3em;
	}
	
	.tekan h6  {
		margin-top:15px;
		padding-left:1em;
		padding-bottom:0;
	}
	.tekan p {
		margin-top:-5px;
		margin-bottom:10px;
		padding-left:1em;
		text-indent:-1em;
	}




	  nav{
	    padding: 0;
	  }
	  
	  nav ul{
	    display: block;
	  }
	  
	  nav li.has-child ul,
	  nav li.has-child ul ul{
	    position: relative;
	  left:0;
	  top:0;
	  width:100%;
	  visibility:visible;/*JSで制御するため一旦表示*/
	  opacity:1;/*JSで制御するため一旦表示*/
	  display: none;/*JSのslidetoggleで表示させるため非表示に*/
	  transition:none;/*JSで制御するためCSSのアニメーションを切る*/
	}
	  
	nav ul li a{
	  border-bottom:1px solid #ccc;
	}
	
	/*矢印の位置と向き*/
	
	nav ul li.has-child::before{
	  left:20px;  
	}
	
	nav ul ul li.has-child::before{
	    transform: rotate(135deg);
	  left:20px;
	}
	    
	nav ul li.has-child.active::before{
	    transform: rotate(-45deg);
	}


}