/*
    Theme Name: mukumuku
    Description:むくむく
    Theme URI: テーマの URL
    Author: Mtt
    Author URI: 作った人の URL
    Version: 1
    License: ライセンス
    License URI: ライセンスの URL
    */
/***構成***/
html,body {margin:0;padding:0;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
body {
	width:100%;
font-family:"メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;!important}
#p_wrapp {
	text-align:center;
	width:100%;
}

.jumbotron{
	background:url(image/header_res.gif) no-repeat;
	background-position: center;
background-size:cover;
width:100%;
padding:200px 0px 0px 0px;
}


#sitemi {
	font-size:100%;
	margin-top:10px;
}

@media (min-width: 768px){
#sitemi {
	font-size:100%;
	color:#5a4a3f;
	width:950px;
	text-align:left;
	margin:10px auto;
}

.jumbotron{
	background:url(image/header.gif) no-repeat;
	background-position: center center;
    	height:150px;
	overflow:hidden;
	text-align:left;
	margin:0px auto;
	padding:0px;
}

.inheader {width:950px;margin:0px auto;position:relative;}

#subnav ul {
		position:absolute;
		right:0px;
		top:0px;
		list-style: none;
}

#subnav ul li {
	padding:5px 10px;
	background:#a18c74;
	font-weight:700;
	float:left;
	margin-right:10px;
	border-radius:3px;
}
#subnav ul li:hover {background:#84bb9e;}

#subnav ul li a {color:#FFF!important;text-decoration:none;}  

}  

/***********nav*************/
.navbar-default {
	border-radius:0px;
	border:none;
	background:#84bb9e;
}

.container-fluid {
	margin:0px auto;
}

.navbar a {
}

.navbar-default a {
	color:#FFF!important;
	font-size:100%;
}

.current_page_item {background:#ccc;}

@media (min-width: 768px){
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}
}  

.carousel-control.left {background:none;}
.carousel-control.right {background:none;}
@media (min-width: 768px){
#carousel-example-generic {
	width:950px;
	margin:0px auto;
}
}



/**********/

#s_wrapp {overflow:hidden;background:#f7faf7;padding-top:10px;}

#content {overflow:hidden;}

#right aside {margin-bottom:10px;}
@media (min-width: 768px){
#content {width:950px;padding:0px;margin:10px auto;
}
#left {padding:0px;}
#leftin {width:97%;}
#right {padding:0px;
}
.w950 {width:950px;margin:0px auto;}
}
/**left***/



.linkbrown {
	background:#5a4a3f;
	color:#FFF;
	border-radius:5px;
	padding:6px 10px;
}

.linkbrown:hover {color:#FFF;background:#2ba99c;}

strong {background: linear-gradient(transparent 40%, #ffea77 40%);}

.ye_rbox h3 {font-size:120%;font-weight:700;}

.ye_rbox p {width:100%;line-height:1.5em;}

@media (min-width: 768px){

#boardbg p {
	width:65%;
	margin-bottom:15px;
}
}

.gr_box {
	border:1px solid #2ba99c;
	border-radius:3px;
	padding:10px 15px 15px;
	margin-bottom:10px;
	background:#FFF;
}

.gr_box h3 {
	background:url(image/icon_star.gif) no-repeat left;
	padding-left:30px;
	line-height:30px;
	font-size:130%;
	font-weight:700;
}

.t_wrap {width:100%;display:table;
border-collapse:separate;border-spacing:6px;margin-bottom:10px;}
.text_green {color:#2ba99c;}
.text_blue {color:#4da8ef;}

.t_wrap div {
box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
-webkit-box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
-moz-box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;}
.t_wrap div img {width:100%;}

#gre_wrap div {background:#f7faf7;}
#blue_wrap dl {background:#f2faf9;}

.t_wrap div h4,#blue_wrap dl h4 {font-size:120%;font-weight:700;text-align:center;}
@media (min-width: 768px){

.t_wrap div {display:table-cell;
box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
-webkit-box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
-moz-box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;width:180px;}




}


#blue_wrap {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}

#blue_wrap dl {
box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
-webkit-box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
-moz-box-shadow:rgba(113, 135, 164, 0.1) 2px 2px 1px 1px;
width:100%;
margin-bottom:10px;
padding:10px;
clear:both;
overflow:hidden;}

#blue_wrap dl dt {
width:100%;text-align:center;}
#blue_wrap dl dt img {
border:#FFF solid 10px;
margin:0px auto;
}
#blue_wrap dl dd {

}

@media (min-width: 768px){
.t_wrap div h4,#blue_wrap dl h4 {text-align:left;}

#blue_wrap dl dt {
float:left;
margin-right:10px;
width:200px;
}
#blue_wrap dl dt img {
border:#FFF solid 5px;
}
#blue_wrap dl dd {
	float:right;
	width:350px;

}
}


/*****サイドバー****/



.staff {
	background:#FFF;
	background-image:url(image/leaf.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:100%;
	border:1px solid #5a4a3f;
	padding:10px;
	background-size:auto 100%;
}

.staff p {
	line-height:1.4em;
	margin-left:70px;
	width:auto;
	margin-top:10px;
	font-size:93%;
}

@media (min-width: 768px){
.staff p {
	margin-left:90px;
}
}


#sidenav {
	width:auto;
	height:auto;
	overflow:hidden;
}

#sidenav h5 {
	width:100%;
	background:#84bb9e;
	color:#FFF;
	font-size:100%;
	padding:5px;
}

#sidenav ul {list-style:none;padding:0;}
#sidenav ul li {border-bottom:1px dotted #5a4a3f;line-height:2em;position:relative;width:100%;height:2em;}
#sidenav ul li a {color:#5a4a3f;text-decoration:none;width:100%;height:100%;position:absolute;left:0;top:0;}
#sidenav ul li a:hover {background:#ffea77;}
#sidenav ul li a:before {content:"\f04b";font-family:FontAwesome;margin-right:4px;}
@media (min-width: 768px){

}

/**活動報告**/


.blog dl {
	margin:10px 5px 0px;
	overflow:hidden;
	border-bottom:1px dotted #5a4a3f;
	display:table;
	position:relative;
	width:100%;
	color:#84bb9e;
}


.blog dl dt {
	display:table-cell;
	width:110px;
	height:auto;
	overflow:hidden;
	vertical-align:middle;
}
.blog dl dd {
	display:table-cell;
	vertical-align:top;
	width:auto;
	height:auto;
}


.blog dl dd a {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:30px 0px 0px 110px; 
	color:#84bb9e;
}

.blog dl:hover {background:#FFF;}



/**footer**/

#footer {
	width:100%;
	height:auto;
	color:#FFF;
	background:#84bb9e;
	text-align:center;
	margin:0;padding:0;
}

#footer h6 {font-size:160%;}

@media (min-width: 768px){
#footer {text-align:left;}
}




/********トップページ******/


.ye_rbox {
	border:3px solid #ffea77;
	border-radius:3px;
	padding:10px 15px 15px;
	margin-bottom:10px;
	background:#FFF;
}

.ye_rbox  h2 {font-size:130%;font-weight:700;}

.topmi01 {
	background:url(image/kodomoshien.gif) no-repeat left;
	height:80px;
	padding-top:30px;
	padding-left:130px;
	background-size:50%;
	
}

.topmi02 {
	background:url(image/mukulogo.gif) no-repeat;
	height:80px;
	padding-left:110px;
	padding-top:30px;
}
@media (min-width: 375px){
.topmi01 {padding-left:150px;}
}

@media (min-width: 768px){
.topmi01{background-size:30%;	padding-left:180px;	padding-top:20px;
}
.topmi02 {padding-top:50px;}
#boardbg {background-image:url(image/muku_board.jpg);
background-repeat:no-repeat;
background-position:90% 70%;}
}

/*****ぱんくず*****/

#breadcrumb {
	margin:10px;
}

#breadcrumb a {display:inline-block;margin-right:5px;}

@media (min-width: 768px){
#breadcrumb {max-width:950px;margin:10px auto;}
}



/**固定ページ使用スタイル**/

h1.page_title {font-weight:normal;font-size:100%;display:inline;}
#fixsec h4 {
	background:url(image/ya_or.gif) no-repeat left;
	padding-left:20px;
	font-weight:700;
}

.fixbox {height:auto;overflow:hidden;margin:10px auto;}

#nagare {
	}
.nagare_p img {margin:0px auto 10px;}
.nagarebox {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

#nagare dl dt span {font-size:100%;border-radius:3px;background:#ffea77;color:#4d4d4d;padding:3px 10px;display:inline-block;margin-right:10px;margin-bottom:5px;}

h4 span {display:inline-block;padding:3px;margin-left:5px;background:#2ba99c;color:#FFF;font-size:80%;}
#price table.table{
}
table th {background:#f7faf7;}
@media (min-width: 768px){
.nagarebox {text-align:left;}
.nagare_p {width:30%;margin-right:3px;float:left;}
#nagare  dl {
	width:68%;
	float:left;
	margin-top:10px;
	
}

#nagare dl dt {
	color:#4d4d4d;font-size:120%;
	margin-bottom:10px;
}

#nagare dl dd {background:#FFF;border-radius: 4px;padding:5px;}


}

/**ご案内プログラム**/

.friendbox {
	padding-bottom:10px;
}
.or_border_bottom {	border-bottom:1px dotted #f0610b;}
.or_border_right {border-right:1px dotted #f0610b;}

.friendbox h5 {color:#f0610b;font-weight:700;font-size:108%;}
.friendbox ul {padding-left:15px;}


#program_btn {margin-bottom:20px;}
#program_btn div p {
	
	line-height:1.3em;
	font-weight:700;
}



#program_btn div {border-radius:5px;border-color:#FFF;padding:35px 25px;position:relative;margin-bottom:10px;r}
#program_btn div a {position:absolute;left:0px;top:0px;width:100%;height:100%;
padding:25px;color:#64554a;text-align:center;}
.bg_01 {background:#f7faf7;}
.bg_02 {background:#f2e9c4;}
.bg_03 {background:#f2efe1;}
.bg_04 {background:#ebfae5;}
@media (min-width: 768px){
#program_btn div a {position:absolute;left:0px;top:0px;width:100%;height:100%;
padding:25px 10px 10px 45px;background-image:url(image/public/checkmark.png);background-repeat: no-repeat;
background-position:20px 30px;color:#64554a;text-align:left;}
}
.programbox {padding-bottom:15px;margin-bottom:15px;padding-top: 20px;margin-top: -20px;}
.programbox img,#session img{margin:0px auto;margin-bottom:10px;}

@media (min-width: 768px){

#session img {width:150px;}
}
.programbox h5 {
	background:url(image/public/checkmark.png) no-repeat left;padding-left:25px;
	margin-bottom:10px;
	font-size:120%;
	font-weight: 700;
	line-height:20px;
	padding:5px 25px;
	border-width:5px 0px;
	border-style:solid;
}

#program1 {border-bottom:6px solid #f7faf7; }
#program2 {border-bottom:6px solid #f2e9c4; }
#program3 {border-bottom:6px solid #f2efe1; }
#program4 {border-bottom:6px solid #ebfae5; }

#program1 h5 {border-color:#f7faf7;}
#program2 h5 {border-color:#f2e9c4;}
#program3 h5 {border-color:#f2efe1;}
#program4 h5 {border-color:#ebfae5;}

#session h5 {
	
}

.konna {
	background:#f7faf7;
	padding:10px;
	margin-bottom:15px;
}

.bg_stripe {background-image:url(image/public/stripe.png);}
.text-h6 {font-weight:700;font-size:100%;color:#2ba99c;}

#riyo div {
	background:#f9f8f5;
	border:1px solid #f0e4d4;
	padding:10px;
	line-height:1.8em;
	margin-bottom:20px;
	
}

#riyo div span {display:block;text-align:right;font-weight:700;}

/*問合せ*/

#toi {text-align:center;}
@media (min-width: 768px){
#toi {
	width:100%;
	background-image:url(image/toiawasebg.gif);
	background-repeat:no-repeat;
	background-size:contain;
	height:121px;
	position:relative;
}

#toi a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:-60px;
	margin:auto;
	width:227px;
	height:29px;
}

}
/*教育理念*/

.mukubox {
	background-color:#f7faf7;
	padding:10px;
	margin-bottom:20px;
}

.iconbox {
	background-image:url(image/logo.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
}

.iconbox p {
	margin-left:60px;
}


.tokutyo {
	width:95%;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}
.tokutyo dt {
	color:#5a4a3f;
	margin-bottom:15px;
}

.tokutyo dt span {
	background:url(image/gre_maru.gif) no-repeat;
	color:#FFF;
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-right:20px;
}

.tokutyo dd {
	margin-bottom:15px;
}

@media (min-width: 768px){


}
/**ブログ記事**/

.blogtitle {margin-top:5px;line-height:1.4em;border-bottom:1px solid #5a4a3f;padding-bottom:10px;margin-bottom:10px;font-size:140%;}
.art_tag a {display:inline-block;color:#FFF;background:#84bb9e;padding:3px 10px;margin-right:10px;}
.blog_head {height:auto;overflow:hidden;margin-bottom:10px;}
img {max-width:600px;margin-bottom:10px;}
.singlemsg h2 {font-size:130%;font-weight:700;}
.singlemsg img {width:100%;max-width:600px;height:auto;}

.relatedArea {height:auto;overflow:hidden;margin-bottom:10px;}

.mi_grbg {
	color:#FFF;
	background:#84bb9e;
	padding:6px;
}

.relatedArea h2 {
	font-size:120%;
	font-weight:700;
	margin-bottom:0px;
}

.related {
	background:#FFF;
	padding:10px;
}

ul.archivelist {list-style:none;padding:0;}
.related ul li {width:50%;}

.att_left {float:left;width:30%;}
.att_left img {width:95%;}
.att_right {float:right;width:70%;}


.side_list ul {list-style:none;padding:0;line-height:2em;}
.side_list ul li {border-bottom:1px solid #ddd;}

.widgetBox {margin:20px 0px;height:auto;overflow:hidden;}
.search-field {width:70%;display:inline-block;margin-bottom:20px;}
.search-submit {width:25%;display:inline-block;background:#84bb9e;color:#FFF;border:none;padding:4px;}
.search-submit:hover {background:#f0610b;}

/*アーカイブ*/
.archive_entrybody h2 {font-size:100%;}
.eyecatch {width:210px;float:left;}
.archive_entrybody {width:350px;float:left;}
.archive_title {font-size:120%;}