@charset "utf-8";
/* CSS Document */
body {
	color: #666666;
	background-image: url(../images/pop/bg.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/*背景css*/

.drp {
	background-image: url(../images/pop/pa-bg.jpg);
	background-repeat: repeat;
	line-height: 1.8em;
	margin:40px auto;
	padding: 15px;
	max-width: 94%;
	border: solid 1px #F0EFEA;
	behavior: url("/PIE.htc");
}

/*==================================================
 * Effect 2
 * ===============================================*/
#effect2
{
  position: relative;
  behavior: url("/PIE.htc");
}
#effect2:before, #effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  top: 80%;
  width:98%;
  max-width: 94%;
  background-image: url(../images/pop/pa-bg.jpg);
  -webkit-box-shadow: 0 15px 10px #555;
  -moz-box-shadow: 0 15px 10px #555;
  box-shadow: 0 15px 10px #555;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  behavior: url("/PIE.htc");
}
#effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
  behavior: url("/PIE.htc");
}

.tit_reservation {
	font-size: 18px;
	font-weight: 600;
	color: #060;
	position: relative;
	min-height: 60px;
	line-height: 0.8em;
	padding: 3px 6px;
}
.tit_reservation > img {
  position: absolute;
  top: 50%; /* h1 の左上から下方向に h1 の高さの 50% 下げる. */
  transform: translateY(-50%); /* 現在の位置から h1 > img の高さの -50% 下に移動, つまり 50% 上に移動. */
  width: 57px;
  height: 60px;
}
.tit_reservation > img + span {
  display: inline-block;
  padding: 15px 0 0 70px;
}

.reservation {
	margin: 2em auto;
	width: 96%;
}
.reservation dt {
	font-weight: 600;
	font-size: 18px;
	color: #060;
	margin: 1em 0 0.5em;
	border-bottom: dotted 1px #060;
}


/* 基本理念 */
#philosophy {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6em;
	margin: 2em auto;
	width: 98%;
}

/* 子育て応援宣言 */
.tit_work {
	font-size: 18px;
	font-weight: 600;
	color: #008C23;
	line-height: 1.8em;
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 96%;
}
.tit_work span {
	background-image: url(../images/common/subtit_f.png), url(../images/common/subtit_e.png);
	background-repeat: no-repeat;
	background-size: 60px 26px;
	background-position: left center, right center;
	vertical-align: baseline;
	display: block;
	margin: 0 auto;
	width: 96%;
}
.pic-work {
	width: 200px;
}
#work-box ol {
	margin-left: 2em;
	padding: 0;
}
#work-box li {
	padding: 0.3em 0;
}
#work-box2 {
	margin-left: 10%;
	width: 90%;
}
.signature {
	font-weight: 600;
	text-align: right;
	display: block;
	width: 100%;
}

#bn-work {
	display: block;
	margin: 1em auto 0;
	width: 96%;
}
#bn-work p {
	font-weight: 600;
	color: #F30;
	text-align: center;
}
	
#bnt-work {
	display: block;
	margin: 1em auto;
	width: 200px;
}
#bnt-work div {
	margin-bottom: 1em;
}

/* 栄養ニュース */
.tit_nutrition {
	background-image: url(../images/pop/ti_nutrition_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 2em;
	padding-top: 17.83%;
	height: 0;
	width: 100%;
}

#nutrition {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin: 2em auto;
	width: 100%;
	list-style: none;
}
#nutrition li {
	padding: 0.5em 1%;
	width: 98%;
}
#nutrition li:before {
	content: url(../images/pop/pdficon.gif);
	margin-right: 0.5em;
	height: 22px;
	width: 22px;
}

#box_close {
	text-align: center;
	margin: 2em auto;
	width: 100%;
}
.ml30 {
	margin-left: 30px;
}

.emp-or16 {
	font-weight: 600;
	font-size: 16px;
	color: #F60;
}

.pc-item {
	display: none;
}
.sp-item {
	display: block;
}
.br-pc { display: none; }
.br-sp { display: block; }

@media only screen and (min-width: 500px) {
/*背景css*/

.drp {
	max-width:790px;
}
#effect2:before, #effect2:after {
  width:800px;
  max-width: 760px;
}

.tit_reservation {
	font-size: 26px;
	line-height: 1.3em;
}

.tit_reservation span:before {
	content: "～";
	margin-right: 5px;
}
.tit_reservation span:after {
	content: "～";
	margin-left: 5px;
}

/* 基本理念 */
#philosophy {
	font-size: 22px;
}

/* 子育て応援宣言 */
.tit_work {
	font-size: 24px;
	font-weight: 600;
	color: #008C23;
	line-height: 1.8em;
	text-align: center;
	background-image: url(../images/common/subtit_f.png), url(../images/common/subtit_e.png);
	background-repeat: no-repeat;
	background-size: 60px 26px;
	background-position: left center, right center;
	vertical-align: baseline;
	display: block;
	margin: 0 auto;
	width: 96%;
}
.tit_work span {
	margin: 0 100px 0 -80px;
	background-image: none;
	float: right;
	width: auto;
}

#work-box2 {
	margin-left: 60%;
	width: 40%;
}

#bnt-work {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 1em auto;
	width: 450px;
}
#bnt-work a:hover {
	opacity: 0.7;
}

/* 栄養ニュース */
.tit_nutrition {
	background-image: url(../images/pop/ti_nutrition.png);
	background-size: auto;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 2em;
	padding-top: 0;
	height: 45px;
	width: 651px;
}
#nutrition li {
	padding: 1%;
	width: 48%;
}

.pc-item {
	display: block;
}
.sp-item {
	display: none;
}
.br-pc { display: block; }
.br-sp { display:none; }

a[href^="tel:"] {
    pointer-events: none;
}
}