@charset "utf-8";

.b_title{
	background:#ffe3e5;
	color:#803e44;
	font-size: 3.6em;
	padding:1em 0;
	line-height: 1;
}

#top_contents_menu {
	background:#ffcace;
	padding-top: 20px;
	height: 60px;
	margin-bottom: 40px;
}
#top_contents_menu ul {
	width:100%;
	margin:0 auto;
}
#top_contents_menu ul li {
	float: left;
	width: 50%;
}
#top_contents_menu ul li a {
	display: block;
	color:#803E44;
	font-size :1.2em;
	line-height:1.2;
	border-right:1px solid #803E44;
	text-decoration: none;
	position: relative;
	overflow: visible;
}
#top_contents_menu ul li a:hover {
	color:#803E44;
}
#top_contents_menu ul li a:hover:after {
	content:"";
	width: 0;
	height: 0;
	position:absolute;
	left:50%;
	bottom:-16px;
	margin-left: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #803E44;
}
@media screen and (min-width: 1193px) {
	#top_contents_menu {
		background:#ffcace;
		background-size: auto 100%;
		padding-top: 20px;
		height: 60px;
		margin-bottom: 40px;
	}
	#top_contents_menu ul {
		width:993px;
		margin:0 auto;
	}
	#top_contents_menu ul li:first-child a {
		border-left:1px solid #803E44;
	}
	#top_contents_menu ul li {
		width: 50%;
	}
	#top_contents_menu ul li a {
		font-size :1.6em;
	}
}

#ideal {
}
#ideal .t_title{
	font-size:4em;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
#ideal .t_title span{
	font-size:60%;
}
#ideal .l_title{
	font-size:2.4em;
	color:#803e44;
	font-weight: normal;
}
#ideal .lead{
	font-size:2em;
	margin-bottom:10px;
}
#ideal .text {
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 20px;
}
@media screen and (min-width: 641px) {
	#ideal {
		padding-bottom: 10px;
	}
	#ideal .t_title{
		font-size:4em;
		font-family: Hannari,serif;
		font-weight: bold;
		margin-bottom: 1em;
	}
	#ideal .t_title span{
		font-size:60%;
	}
	#ideal .l_title{
		font-size:3.5em;
	}
	#ideal .lead{
		font-size:2.4em;
	}
	#ideal .text {
		font-size: 1.6em;
		margin-bottom: 20px;
	}
}

#ideal_more {
	padding-bottom: 50px;
	display: block;
	font-size: 1.4em;
}
#ideal_more span {
	color:#803e44;
	border:1px solid #803e44;
	border-radius: 20px;
	webkit-border-radius:20px;
	padding:10px;
	display: inline-block;
	width: 220px;
	text-decoration: none;
	position: relative;
}
#ideal_more span:before{
  border-left: 1px solid #803e44;
  bottom: 0;
  content: "";
  height: 14px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  vertical-align: middle;
  width: 10px;
}
#ideal_more span:after{
  border-bottom: 1px solid #803e44;
  bottom: 0;
  content: "";
  height: 14px;
  margin: auto;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -15px;
  vertical-align: middle;
  width: 12px;
}
.ideal_boxs {
	overflow: hidden;
	margin:0 auto;
	padding-bottom: 50px;
	display: none;
}
.ideal_box {
	width: 90%;
	margin:0 auto;
	margin-bottom: 30px;
}
.ideal_box .image {
	text-align: center;
}
.ideal_box .image img {
    width: 100%;
    max-width: 200px;
    height: auto;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px #999, inset 0px 0px 3px rgba(0, 0, 0, 0.8);
    margin-top: 2px;
}
.ideal_box .title {
	color:#803e44;
	font-size: 1.8em;
	font-family: Hannari,serif;
	font-weight: bold;
}
.ideal_box .text {
	font-size: 1.4em;
	text-align: left;
	margin-bottom:1em;
}
.ideal_box .link {
	text-align:center;
}
.ideal_box .link a{
	font-size: 1.4em;
	color:#361f09;
	border:1px solid #cca1a5;
	background:#cca1a5;
	border-radius: 15px;
	webkit-border-radius:15px;
	display: inline-block;
	line-height: 1;
	width: 120px;
	text-align: center;
	padding:10px;
	position:relative;
	text-decoration: none;
}
.ideal_box .link a:hover{
	background:#fff;
}
.ideal_box .link a::after{
  border-bottom: 1px solid #361f09;
  border-left: 1px solid #361f09;
  bottom: 0;
  content: "";
  height: 10px;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  vertical-align: middle;
  width: 10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#news .head a {
	color:#613d19;
}

#news .head a:hover{
	color:#803e44;
}
#news .head a:hover::after {
	border-color: #803e44 transparent transparent;
}


#news .button a {
	background: #cca1a5 none repeat scroll 0 0;
	border: 1px solid #cca1a5;
	border-radius: 15px;
	display: inline-block;
	-webkit-border-radius: 15px;
	color: #361f09;
	font-size: 1.4em;
	line-height: 1;
	padding: 10px 25px;
	position: relative;
	text-decoration: none;
}
#news .button a:hover{
	background:#fff;
	color: #361f09;
}
#news .button a::after {
	border-top: 1px solid #361f09;
	border-right: 1px solid #361f09;
}
#news .button a:hover::after {
	border-top: 1px solid #361f09;
	border-right: 1px solid #361f09;
}
@media screen and (min-width: 641px) {
	#ideal_more {
		display: none;
	}
	.ideal_boxs {
		width:95%;
		overflow: hidden;
		max-width: 1250px;
		margin:0 auto;
		padding-bottom: 50px;
		display: block;
	}
	.ideal_box {
		float:left;
		width: 40%;
		margin:0 5%;
	}
	.ideal_box .title {
		color:#806567;
		font-size: 1.8em;
	}
	.ideal_box .text {
		font-size: 1.4em;
	}
	.ideal_box .link {
	}
	.ideal_box .link a{
		font-size: 1.4em;
		width: 120px;
		padding:10px;
	}
	#news .head a :hover{
		color:#803e44;
	}
	#news .head a:hover::after {
		border-color: #803e44 transparent transparent;
	}

	#news .button a {
    	border-radius: 15px;
    	-webkit-border-radius: 15px;
    	font-size: 1.4em;
    	line-height: 1;
    	padding: 10px 25px;
    	position: relative;
    	text-decoration: none;
	}
}


#tab-box-index div{
	display:none;
}

#tab-box-index div.active-index{
	display:block;
}


#news .head {
    margin: 30px 2% 0;
    padding: 0.5em 0 1em;
	color:#151515;
	font-size: 1.4em;

}

/*----------------------------------------------------
news fix
----------------------------------------------------*/

#news .head li {
  width: 50%;
}
#news .body li.event a .date span {
  background: #ffc690;
  color:#361f09;
}
#news .body li.info a .date span {
  background: #ffceca;
  color:#361f09;
}
#news .body li.recent a .date span {
  background: #b3fac1;
  color:#361f09;
}

/*----------------------------------------------------
sEvent fix
----------------------------------------------------*/

#sEvent {
  background: #f0f0f0;
}

#recent .head li.current a{
	color:#803e44;
}
#recent .head li.current a::after {
	border-color:#803e44 transparent transparent;
}
#recent .head li a:hover{
	color:#803e44;
}
#recent .head li a:hover::after {
	border-color:#803e44 transparent transparent;
}

#recent {
	background:url("../common/images/bg.png") repeat scroll center center;
}

#recent .title {
	color:#803e44;
	font-size: 1.5em;
	font-family: Hannari,serif;
	font-weight: bold;
}

#recent .body li.kindergarten a .date span {
	color:#361f09;
}
#recent .button a {
    background: #cca1a5 none repeat scroll 0 0;
    border: 1px solid #cca1a5;
    border-radius: 15px;
    display: inline-block;
    -webkit-border-radius: 15px;
    color: #361f09;
    font-size: 1.4em;
    line-height: 1;
    padding: 10px 25px;
    position: relative;
    text-decoration: none;
}
#recent .body li.kindergarten a:hover {
	color:#803e44;
}
#recent .body li a .text .more {
	color:#803e44;
}
#recent .body li a .text .more::after {
	border-color:transparent transparent transparent #803e44;
}
#recent .button a:hover{
	background:#fff;
	color: #361f09;
}
#recent .button a::after {
	border-right: 1px solid #361f09;
	border-top:1px solid #361f09;
}
#recent .button a:hover:after {
	border-right: 1px solid #361f09;
	border-top:1px solid #361f09;
}