@charset "UTF-8";

/*==========================================
＊のぐさ保育園
==========================================*/

/*==========================================
 common
==========================================*/
body {
	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}

.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}

.mb-ub15 {
	margin: 15px 0;
}

/* 色指定
------------------------------------------*/
.color01-bg { 
  background-color: #ff9999;
}
.color01 {
  color: #ff9999;
}

.color02-bg {
  background-color: #003443;
}
.color02 {
  color: #003443;
}

.color03-bg {
  background-color: #222;
}
.color03 {
  color: #222;
}

.color04-bg {
  background-color: #88AA00;
}
.color04 {
  color: #88AA00;
}

.color05-bg {
  background-color: #D32D25;
}
.color05 {
  color: #D32D25;
}

/* 追加分 --------------------------*/
ul {
	margin: 0;
	padding:0;
}
li {
	list-style: none;
}


/*==========================================
 Font
==========================================*/
@font-face {
  font-family: "mplusM";
  src: url("../fonts/mplus-1p-medium.eot") format('eot'),
       url("../fonts/mplus-1p-medium.woff") format('woff'),
       url("../fonts/mplus-1p-medium.ttf")  format('truetype');
}
@font-face {
  font-family: "mplusR";
  src: url("../fonts/mplus-1p-regular.eot") format('eot'),
       url("../fonts/mplus-1p-regular.woff") format('woff'),
       url("../fonts/mplus-1p-regular.ttf")  format('truetype');
}
.fontMedium {font-family: "mplusM";}
.fontRegular {font-family: "mplusR";}


/*==========================================
 Navigation	
==========================================*/
nav h1 {
	margin: 0;
	padding: 0;
}
.nav li {
  font-family: "mplusR";
}

.logo {
  float: left;
  height: 60px;
	margin: 0;
	padding: 18px 0;
	color: #fff;
  font-family: "mplusM";
  font-size: 24px;
}

.logo:hover,
.logo:focus {
	color: #FFFF30;
  text-decoration: none;
}
.logo > img {
  display: block;
}

#gnavi {
	margin-top: 8px;
}

@media (max-width: 768px) {
	.logo {
		height: 50px;
    margin-left: 15px;
		padding: 15px 0;
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	
}

/*==========================================
 headder
==========================================*/
@media (min-width: 768px) {
	header {
		margin-top: 60px;
	}
	.carousel-inner img {
		width: 100%;
	}
}
@media (max-width: 767px) {
	header {
		margin-top: 50px;
	}
}

/*==========================================
 contents
==========================================*/
section {
	font-size: 16px;
}
#about,
#contents1,
#contents2,
#contact {
	padding: 80px 0;
}

section h2 { 
	text-align: center;
  font-family: "mplusM";
}

section.back01 {
	background-color: #fffafa;
}

hr.lineTitle {
	margin-top: 0;
	margin-bottom: 40px;
	max-width: 360px;
	height: 14px;
	background: url(../images/common/bg_line_h2.png) no-repeat;
	background-position: top center;
	border-top: none;
}

.imgRes {
	width: 100%;
}

.imgSingle {
	width: 100%;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	#about,
	#contents1,
	#contents2,
	#contact {
		padding: 20px 0;
	}
	hr.lineTitle {
		margin: 0 10% 20px;
		background-size: 90%;
	}	
	section h2 {
		font-size: 24px;
	}
}

/* about --------------------------------*/
#about {
	background: url(../images/bg_01.gif) no-repeat;
	background-size: 100%;
}
.aboutCont,
.cont2Cont {
	margin: 0 8%;
}
.aboutCont ul {
	margin: 0 0 40px;
}
.aboutCont li {
	margin-bottom: 15px;
	padding-left: 20px;
	background: url(../images/icon_01.png) no-repeat 0 3px;
}
#about h3 {
	margin:0 0 20px;
	padding: 10px 15px;
	background-color: #f99;
	color: #fff;
	font-size: 1.25em;
}
.aboutCont dl {
	overflow: hidden;
	margin-bottom: 30px;
}
.aboutCont dt {
	clear: both;
	float: left;
	width: 6em;
	margin: 0 1em 1em 0;
	padding: 0 5px;
	background-color: #f99;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
  font-family: "mplusR";
	font-weight: normal;
	font-size: 90%;
}
.aboutCont dd {
	margin-bottom: 1em;
	padding-left: 5em;
}

.character {
	max-width: 240px;
}

@media (max-width: 768px) {
	.aboutCont,
	.cont2Cont {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
	.aboutCont dt,
	.aboutContn dd {
		margin-bottom: 0.5em;
		line-height: 1.4;
	}
}

/* contents01 ---------------------------*/
#contents1 {
}

.img-month {
	float:left
}
.line-month {
	border-bottom: solid 1px #b3b3b3;
}
.event {
	margin: 0 0 30px;
}


/* contents02 ---------------------------*/
#contents2 {
	background: url(../images/bg_01.gif) repeat-y;
	background-size: 100%;
}

.cont2Cont ul {
	margin-bottom: 20px;
}
.cont2Cont li {
	padding-left: 40px;
	background: url(../images/common/icon_pdf.png) no-repeat 10px center;
	line-height: 50px;
	border-bottom: dotted 1px #BDCCD4;
}

.cont2Cont p {
	margin-bottom: 40px;
}
.character2 {
	text-align: right;
}

@media (max-width: 768px) {
	.character2 {
		text-align: center;
	}
	.cont2Cont p {
		margin-bottom: 20px;
	}
	.character2 img {
		width: 60%
	}
}

/* access -----------------------------*/
#access {
	padding: 0;
}
@media (max-width: 768px) {
	#access {
	}
}
/* contact -----------------------------*/
#contact {
}

/* information */
.information {
	margin-bottom: 60px;
}
.information dl {
	margin-bottom: 30px;
}
.information dt {
	clear: both;
	float: left;
	width: 5em;
	margin-bottom: 1em;
	padding: 0 5px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
  font-family: "mplusR";
	font-weight: normal;
}
.information dd {
	margin-bottom: 1em;
	padding-left: 5em;
	font-size: 120%;
}
.icon img {
	margin-right: 20px;
}
@media (max-width: 768px) {
	.information dt,
	.information dd {
		margin-bottom: 0.5em;
		line-height: 1.4;
	}
}


/* form */
.formSet label {
	color: #777;
  font-family: "mplusm";
	font-weight: normal;
}
.form-control:focus {
  border-color: #93b3c1;
}

/* btn : blue */
.btn-success {
  color: #fff;
  background-color: #3fa9f5;
  border-color: #189ced;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #1b92ce;
  border-color: #236282;
}
.btn-success:hover {
  color: #fff;
  background-color: #1b92ce;
  border-color: #2e91ce;
}
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #1b92ce;
  border-color: #2e91ce;
}

.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success.active.focus {
  color: #fff;
  background-color: #2e91ce;
  border-color: #236282;
}
.btn-success:active,
.btn-success.active {
  background-image: none;
}


/*==========================================
 footer
==========================================*/
footer { 
	padding-bottom: 50px;
}
.footerNav {
	background-color: rgba(255,255,255,0.3);
	text-align: right;
}
footer,
.footerNav li a {
	color: #fff;
}

/* navigation */
.footerNav ul {
	padding: 20px 15px 0 0;
}
.footerNav li {
	padding: 0 10px;
	display: inline;
	border-right: solid 1px #fff;
}
.footerNav li:last-child {
	padding: 0;
	border: none;
}

/* under contents */
.footerUnder {
	padding-top: 30px;
	text-align:center;
}

@media (max-width: 768px) {
	footer { 
		padding-bottom: 20px;
	}
	.footerNav {
		text-align: center;
	}
	.footerUnder {
		padding-top: 20px;
		text-align:center;
		font-size: 12px;
	}
}