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


#submain h2{
	margin-left: 100px;
	margin-bottom: 100px;
	font-size: 1.2em;

}


#nagare{
			margin-top:50px;

}



#contentbox{
		margin-top:50px;

}


#contentbox1{
	margin-top:150px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #ffffff;
	font-size:1.5em;
}


#contentbox1 h2{
	font-size: 1.1em;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 13px;
		margin-left: 100px;

}

#contentbox1 h3{
	font-size: 0.8em;
	padding-bottom: 13px;


}


#contentbox h4{
	font-size: 1.0em;
	margin-bottom: 30px;
	margin-left: 100px;
	margin-top: 100px;

}



#contentbox2
{
	margin-top:100px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #E3E3E3;
	font-size:1.5em;
}


#contentbox2 h2{
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 5px;
		padding-top: 13px;

}

#contentbox2 h3{
	font-size: 0.8em;
		padding-bottom: 13px;

}





#contentbox3
{
	margin-top:200px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #fffafa;
	font-size:1.5em;
}


#contentbox3 h2{
	font-size: 1.0em;
	margin-top: 5px;
	margin-bottom: 5px;
		padding-top: 13px;

}

#contentbox3 p{
	font-size: 0.8em;
		padding-bottom: 13px;

}


#taoru{
	color:#fff;
	height: 100px;
}



#shatu{
	color:#fff;
	height: 100px;
}





/* osusume:*/


#nagare ul {
list-style: none;
top: 0;
height: 250px;
margin: 0;
padding: 0;
text-align: center;
}
#nagare ul li,
#nagare ul li dl {
width: 270px;
height: 250px;
}
#nagare ul {
letter-spacing: -1em;
}
#nagare ul li {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0 5px;
letter-spacing: 0;
}
#nagare ul dl {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #000;
background: rgba(255,255,255,10);
}
#nagare ul dl dt {
margin-bottom: 0.3em;
}
#nagare ul dl dd {
margin: 0;
font-size: 15px;
line-height: 1.6;
text-align: justify;
word-break: break-all;
}
#nagare ul dl dd:last-of-type {
margin-top: 10px;
text-align: right;
}
#nagare ul a {
padding: 0.3em 0.5em;
background-color: #fff;
}

/* type1 */
.type1 dl {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: opacity 1.2s, -webkit-transform 1.2s;
transition: opacity 1.2s, transform 1.2s;
}
.type1:hover dl {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}





#contentbox{
}




.mitumori p{
	padding-left:30px;
}


.btn a {
display: block;
cursor: pointer;
width: 130px;
height: 10px;
margin: 0 auto;
padding-top: 4px;
padding-bottom: 7px;
padding-right: 10px;
float: left;
border-radius: 5px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #20b2aa;
box-shadow: 0 3px 0 #047c71, 0 6px 0 rgba(0,0,0,0.2);
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.btn a:hover {
background-color: #3cc4bd;
box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
.btn a:active {
color: #ddd;
background-color: #12978d;
box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition-duration: 0.1s;
}




/*sakusei*/
.koumoku{
 background-image :img/maru.png"

}


/* スマホ　767px以下 */
@media only screen and (max-width: 767px) {

#contentbox{
	margin-top:600px;
}

.mitumori dd{
	  vertical-align:middle;
  height: 5px;
  line-height: 20px;
}



#submain h2{
	margin-left: 10px;
	margin-bottom: 100px;
	font-size: 1.2em;

}



}


/*osusume*/