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

body {
	width: 100%;
}

body.b-flower01 {
	background-color: #FCF7ED;
	background-image: none !important;
}

body.b-flower02 {
	background-color: #FFFEF2;
	
}

.b-flower01 #main-contents , .b-flower02 #main-contents {
	background-image: none !important;
}

ul {
	padding: 0;
}

li {
	text-align: center;
	margin-bottom: 40px;
	list-style-type: none;
}


.top-nav {
	margin-top: 0;
}

.top-nav h1 {
	font-size: 34px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}

.top-nav ul {
	margin: 0;
	justify-content: center;
}

.top-nav ul li {
	margin: 0 auto;
}

.top-nav ul li img {
	width: 100%;
}

.top-nav ul li p {
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

.top-nav ul li ul {
	margin: 20px 0 0;
	padding-left: 20px;
}

.top-nav ul li ul li {
	line-height: 2;
	text-align: left;
	list-style-type: disc;
	font-size: 110%;
}

.top-nav ul li ul li a {
	color: #000;
	font-weight: bold;
}

.top-nav ul li ul li a:hover {
	color: #007bff;
}

.top-nav ul li:nth-child(2) ul li:first-child a {
}

.txt-kohkinkako {
	font-size: 28px !important;
	text-align: center !important;
	font-weight: bold;
}






ol.set {
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0;
}
ol.set li {
  position:relative;
  margin: 20px auto;
  font-weight: bold;
  font-size: 120%;
  line-height: 29px;
  border: dashed 1px transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ol.set li:before{
}

ol.set li img {
}

ol.set-1 li:last-child img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

ol.set.set-1 li {
	margin: 0 auto;
}


ol.set.set-2 li:before {
	display: none;
}

ol.set.set-2 li {
	padding: 0;
}


ol.set li img {
	width: 100%;
	height: auto;
}





.cat img {
	width: 100%;
	height: auto;
}


.text-center a {
	color: #000;
	font-weight: 600;
}

.text-center a:hover {
	color: #007bff;
}




  
@media (max-width: 576px) {
	
	.top-nav {
		margin-top: 0;
	}
	
	.top-nav ul li ul {
		margin-bottom: 30px;
	}

	ul.flower-list li img {
		width: 100%;
	}
	
	p img {
		width: 100%;
		height: auto;
	}
	
	.top-nav > ul > li {
		margin-bottom: 20px;
	}
	
	.top-nav ul li ul li {
		font-size: 100%;
	}
}


@media only screen and (min-width:576px) and (max-width:767px) {
	
	.top-nav {
		margin-top: 0;
	}
	
	.top-nav ul li ul {
		margin-bottom: 50px;
	}
	
	ul li img {
		width: 100%;
		height: auto;
	}
	
	p img {
		width: 100%;
		height: auto;
	}
	
	.top-nav ul li ul li {
		font-size: 100%;
	}
}



@media only screen and (min-width:768px) and (max-width:991px) {
	.top-nav ul li ul li {
		font-size: 100%;
	}

}

@media only screen and (min-width:992px) and (max-width:1200px) {
	
	
}