@charset "utf-8";

* {
	/*margin: 0;*/
}

body {
	/*margin-top: 0px;*/
	font-family: "sans-serif";
	line-height: 1.5;
	width: 100%;
	background-color: #B6D0DD;
	background-color: #c5dcb5;
	/*background: linear-gradient(160deg, #CEDEE7 30%, #F4F1E8 30%);*/
	/*background: linear-gradient(177deg, #BED4D8, #E8C4C1);*/
	/*background-size: 100% 100%;*/
	/*background-image: url(images/back.png);*/
}

/*#back-001 {
	position: absolute;
	width: 200%;
	height: 200px;
	background-color: #F4F1E8;
	transform: rotate(20deg);
	z-index: -10;
}*/

/*#back-002 {
	position: absolute;
	bottom: 0px;
	left: -100px;
	width: 200px;
	height: 300px;
	background-color: #79BBD7;
	opacity: 0.7;
	transform: rotate(20deg);
	z-index: -10;
	border-radius: 80px 80px 80px 80px;
}*/

#boss {
	margin: 70px auto;
	width: 800px;

	/*border: 10px solid #FFFFFF;*/
	background-color: #F4F1E8;
	/*box-shadow: 3px 2px 5px;*/
	color: #333;
}

#ura-pic {
	position: fixed;
	top: 1px;
	bottom: 10px;
}

#ura-pic2 {
	position: fixed;
	bottom: 0px;
	width: 800px;
	height: 71px;
	background-color: #F4F1E8;
}

#momo-top {
	/*top: 70px;*/
	padding: 0 0 70px 0;
	position: relative; 
	background-color: #F4F1E8;
	/*opacity: 0.6;*/
}

#momo-bottom {
	margin: 450px 0 0 0;
	padding: 50px 0 0px 0;
	position: relative;
	background-color: #F4F1E8;
}

/*#test {
	margin: auto;
	width: 95%;
	height: 50px;
	background: linear-gradient(177deg, #E3E7A7 50%, #F4F1E8 50%);
	background-size: 20% 50px;
	border-radius: 20px 20px 20px 20px;
}*/

/*#test {
	margin: auto;
	width: 85%;
	height: 20px;
	border-top: 20px dotted #EFC252;
	border-left: 20px dotted #D35F5F;
}*/

/*============================== link ===*/

a:link{
	color: #284276;
	font-weight: bold;
} 
a:visited{
	color: #232A63;
} 
a:hover{
	color: #c6160d;
} 
a:active{
	color: #c6160d;
} 

/*============================== header ===*/

header h1 {
	margin: 0px;
	/*height: 100px;
	background-image: url(images/title.png);
	background-repeat: no-repeat;*/
	/*text-indent: -1000px;*/
}

#titlebox {
	/*position: absolute;
	top: -70px;*/
	width: 100%;
	padding: 100px 0 100px 0;
	text-align: center;
	/*background-color: #F4F1E8;*/
	/*color: #FCFCFC;*/
}

.titleimg {
	padding: 10px;
}

/*============================== nav ===*/
#karahako{
	height: 10px;
}

nav {
	padding: 50px 0 0 0;
	color: #fff;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #333;
}

nav h1, nav h2 {
	margin: 0;
	font-size: 18px;
}

#kuromoji {
	color: #333;
}

/*nav h2 {
	height: 35px;
	line-height: 35px;
	background-image: url(images/icon-ie.png);
	background-repeat: no-repeat;
}*/

nav ul li a {
	display: block;
	text-decoration: none;
}

nav a:hover{
    background: #f4f1e8;
    border-radius: 20px 20px 20px 20px;
}

#navbox-link a {
	display: block;
	width: 100px;
	text-decoration: none;
}

#navbox-link a:hover{
	width: 100px;
    background: #f4f1e8;
    border-radius: 70px 5px 70px 50px;
}

#navbox000, #navbox001, #navbox002, #navbox006, #navbox007 {
	width: 200px;
	margin: 20px;
	padding: 20px;
	text-align: center;
	background-color: #8596A3;
	background-color: #99CAD0;
	background-color: #e6c36d;
	/*background-image: url(images/backsuisai.jpg);*/
	/*background-repeat: repeat;*/
	/*background: linear-gradient(120deg, #DCDFDF, #B7D5D3);
	background: linear-gradient(120deg, #B0CD99, #B7D5D3);*/
	/*opacity: 0.95;*/
}

.nav-h2 {
	margin: 0 0 0 -10px;
}

/*#icon-shadow {
	box-shadow: 2px 2px 10px #000;
}*/

/*============================== media-L ===*/
@media screen and (min-width: 481px) {

#navbox000 {
	margin: 30px auto 30px auto;
	padding: 40px;
	width: 400px;
	border-radius: 30px 30px 30px 30px;
}

#navbox001 {
	margin: 30px auto 30px auto;
	padding: 40px;
	width: 300px;
	border-radius: 20px 20px 20px 20px;
}

#navbox002 {
	margin: 30px auto 30px auto;
	padding: 40px;
	width: 300px;
	border-radius: 20px 20px 20px 20px;
}

#navbox006 {
	margin: 30px auto 30px auto;
	padding: 40px;
	width: 350px;
	border-radius: 20px 20px 20px 20px;
}
	
#navbox006baby {
	margin: 0 0 0 10px;
	width: 50px;
	height: 50px;
	float: right;
	background-color: #f4f1e8;
	/*background-image: url(images/backsuikuro.png);*/
	border-radius: 20px 20px 20px 20px;
}

#navbox007 {
	margin: 30px auto 30px auto;
	padding: 40px;
	width: 350px;
	border-radius: 20px 20px 20px 20px;
}

#top001 {
	position: fixed;
	top: -15px;
	margin: 0 0 0 700px;
	padding: 25px 10px 8px 10px;
	background-color: #f7d276;
	background: linear-gradient(120deg, #cfbc78, #a48833);
	box-shadow: 2px 2px 3px #333;
	/*background-image: url(images/backsuikuro.png);*/
	border-radius: 0px 0px 10px 10px;
	/*display: none;*/
	text-decoration: none;
	z-index: 100;
}

#top001:hover {
	top: -13px;
	margin: 0 0 0 702px;
	box-shadow: 1px 1px 1px #333;
}

	
} /*media-L*/

/*============================== media-M ===*/
@media screen and (min-width: 481px) and (max-width: 800px) {

/*	#boss {
		width: 100%;
	}*/
	
	#top001-home {
		right: 120px;
	}
	
	#top001:hover {
		right: 118px;
		box-shadow: 1px 1px 1px #333;
	}
	
/*	img.ura-pic-s {
		width: 90%;
	}*/
	

}/*media-M*/

/*============================== media-S ===*/
@media screen and (max-width: 480px) {
	
	#boss {
		margin: auto;
		width: 90%;
	}

	img.titleimg {
		margin: 40px 0 0 0;
		width: 90%;
		height: auto;
	}

	img.ura-pic-s {
		visibility: hidden;
		/*width: 97%;
		height: auto;*/
	}

	#momo-bottom {
		margin: 0;
	}

	#navbox000 {
		margin: auto;
		width: 170px;
		border-radius: 20px 20px 20px 20px;
	}

	#navbox001 {
		margin: auto;
		border-radius: 30px 30px 30px 30px;
	}

	#navbox002 {
		margin: auto;
		border-radius: 30px 30px 30px 30px;
	}

	#navbox006 {
		margin: auto;
		border-radius: 30px 30px 30px 30px;

	}

	#navbox007 {
		margin: auto;
		width: 300px;
		border-radius: 30px 30px 30px 30px;
	}

	#top001 {
		position: fixed;
		top: -15px;
		right: 80px;
		/*margin: 0 0 0 20px;*/
		padding: 25px 10px 8px 10px;
		background-color: #f7d276;
		box-shadow: 2px 2px 3px #333;
		border-radius: 0px 0px 10px 10px;
	}
	
	#top001:hover {
		top: -13px;
		right: 78px;
		/*margin: 0 0 0 22px;*/
		box-shadow: 1px 1px 1px #333;
	}
	
} /*media-S*/


/*============================== animation-piyo ===*/



/*============================== nazo-js ===*/



/*============================== top-picture ===*/
/*#top-picture {
	position: fixed;
	top: 50px;
	z-index: 0;
	margin: 100px 0 0 0;
}*/

/*============================== footer ===*/

footer h2 {
	font-size: 16px;
}

footer small {
	font-size: 100%;
}

#footbox001 {
	margin: auto;
	padding: 20px 20px 20px 20px;
	width: 200px;
	background-color: #e6c36d;
	color: #fff;
	text-align: center;
	border-radius: 20px 20px 20px 20px;
}

#footbox002 {
	margin: auto;
	padding: 20px 20px 20px 20px;
	width: 130px;
	background-color: #e6c36d;
	color: #fff;
	text-align: center;
	border-radius: 20px 20px 20px 20px;
}

#footbox-c {
	margin: auto;
	padding: 20px 20px 20px 20px;
	width: 60%;
	background-color: #e6c36d;
	color: #fff;
	border-radius: 20px 20px 30px 20px;
}

#footbox-c p {
	margin: 0px;
	text-align: center;
}

img#icon-mail:hover {
	opacity: 0.7;
}