@charset "utf-8";

/*---------------------------------------------
	全体
----------------------------------------------*/

body {
  font-size:  95%;
  background-color: #f6f6f6;
  width: 80%;
  margin: auto;
  line-height:1.5em;
  font-family: sans-serif;
  color: #555555;
  overflow-wrap: anywhere;
  }

p.title{
font-size: 100%;
}
p.sitetitle {
/*font-family: "リュウミン R-KL"; */
font-size: 130%;
  }



/*---------------------------------------------
	a
----------------------------------------------*/
a:link{
  color:#555555;
  text-decoration: none;
  }
a:hover{
  text-decoration: none;
  }
a:visited{
  color:#808080;
  text-decoration: none;
  }
	




span.new {
  color: #00bfff;
  font-size: 80%;
  padding: 0 0 0 10px;
  }

/*---------------------------------------------
	NAV
----------------------------------------------*/
nav ul {
  min-width: 800px;
  margin: 40px 0 0 0;
  padding: 0;
}
nav ul li{
  float: left;
  list-style: none;
  width: 21%;
  text-align: center;
  /* display: block; */
  margin: 0 2% 0 0;
  padding: 0 2% 0 0;
  border-bottom: 1px solid #c0c0c0;
}

nav ul li a {
  display: block;
}


section.index ul{
  margin: 0;
  padding: 0;

}
section.index ul li {
  float: left;
  list-style: none;
  width: 20%;
  min-height: 100px;
  border: 1px solid #c0c0c0;
  margin: 20px 20px 0 0;
  padding: 5px 0 0 5px;
}
section.index ul li a{
  display: block;
}

section.main ul{
  margin: 0;
  padding: 0;
}
section.main ul li{
  list-style: none;
  width: 100%;
  text-align: left;
  
  margin: 15px 2% 0 0;

}

hr {
display: none;
}




/*---------------------------------------------
	main
----------------------------------------------*/
section#about {
overflow: hidden;
  width: 98%;
  margin: 0 2% 0 0;
   border-bottom: 1px solid #c0c0c0;
  position: relative;

}
section#about p{
  float: left;
  width: 60%;
  display: block;
  padding: 50px 0 0 0;
}

.sil{
  float: right;
  width: 20%;
  padding: 30px 0 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
}


section.main{
  clear: both;
  width: 90%;
  padding: 50px 0 0 0;
}

section.kuloitakino{
  width: 98%;
  padding: 50px 0 0 0;

}
section.kuloitakino p{
   border-bottom: 1px solid #c0c0c0;
  padding: 15px 0 0 0;
  margin: 0 0 20px 0;

}
section.kuloitakinohumotomade{
float: right;
  width: 65%;
  padding: 50px 0 0 0;

}
section.kuloitakinohumotomade p{
width: 100%;
  padding: 15px 0 0 0;
  margin: 0 0 20px 0;

}

section.nikkimodoki{
padding: 50px 0 0 0;
}
section.nikkimodoki p{
   padding: 30px 0 0 0;
   border-bottom: 1px solid #c0c0c0;
}


.alignR{
  padding: 100px;
  color: #c0c0c0;
}
.clear {
  clear: both;
}


.clrNm1{
  font-weight: 600;
}

span.chuui a{
border-bottom: 1px solid #c0c0c0;
}

#formWrap{
color: #a9a9a9;
}
input.BtnSub, input.BtnRst, input.TxtNm, textarea.TxtAr {
color: #a9a9a9;
background-color: #f6f6f6;
border: 1px solid #a9a9a9;
border-radius: 0;
  -webkit-appearance: none;
}

.bb{
display: block;
border-bottom: 1px solid #c0c0c0;
width: 109%;
margin: 0 0 60px 0;
}
.bb p a {
border-bottom: 1px solid #c0c0c0;
}
/*---------------------------------------------
	詩のnav
----------------------------------------------*/
div.kuloitakino_wrap{
margin: 60px 0 0 0;
width: 98%;
clear: both;
}
div.kuloitakino_wrap nav.kulo_nav{
float: left;
width: 35%;
}
div.kuloitakino_wrap nav.kulo_nav p{
clear: both;
padding: 40px 0 0 0;
}
div.kuloitakino_wrap nav.kulo_nav ul{
margin: 0;
width: 35%;
}
div.kuloitakino_wrap nav.kulo_nav ul li{
clear: both;
}
div.kuloitakino_wrap nav.kulo_nav ul li a{

}

.notpc{
display: none;
border: none;
}
/*---------------------------------------------
	footer
----------------------------------------------*/
footer {
  clear: both;
  padding: 50px 0 50px 0;
  font-size: 70%;
  text-align: right;
}
footer p{
border-top: 1px solid #c0c0c0;
}

/*---------------------------------------------
	event
----------------------------------------------*/
img.hon{
width:40%;
height: auto;
}


/*---------------------------------------------
	footerが上がってくるのを防ぐ
----------------------------------------------*/
.down{
  min-height: 100vh;
}