@charset "UTF-8";
/*----------------------------------------------------
	年齢別あそびの提案
----------------------------------------------------*/
.wrap .contents {
  padding: 18px 0 0;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 1.5px;
}
.wrap .contents h2 {
  margin: 0 0 90px;
}
.wrap .contents h3 {
  background: url(../images/common/subttl_bg.jpg);
  display: inline-block;
  font-size: 32px;
  margin: 0 0 60px;
  color: #fff;
  line-height: 60px;
  padding: 0 30px;
  font-size: 28px;
}
.wrap .contents h3.indnt {
  letter-spacing: -3.8px;
  padding: 0 10px;
}
.wrap .contents h4 {
  background: url(../images/common/ico_subttl.gif) left top no-repeat;
  font-size: 32px;
  font-weight: bold;
  padding: 0 0 0 84px;
  line-height: 46px;
  margin: 0 0 30px;
}
.wrap .contents p.lead {
  margin: 0 0 50px;
}
.wrap .contents .process {
  background: url(../images/age/age_img02.png) left bottom no-repeat;
}
.wrap .contents .process ol {
  background: url(../images/age/age_img03.png) left top no-repeat;
  padding: 48px 0 1px 40px;
}
.wrap .contents .process ol li {
  margin: 0px 0px 24px;
}
.wrap .contents .process ol li em {
  background: url(../images/age/age_img01.png) no-repeat;
  font-size: 30px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  margin: 0 7px 0 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.wrap .contents .process ol li span {
  font-size: 30px;
  letter-spacing: 4px;
  font-weight: bold;
  border-bottom: 3px solid #fff33f;
}
.wrap .contents .process ol li p {
  padding: 20px 0px 0;
}
.wrap .contents .process + p {
  margin: 20px 0 90px;
}
.wrap .contents .colum {
  margin: 0 0 70px;
}
.wrap .contents .colum img {
  float: right;
  padding: 0 0 100px 40px;
}
.wrap .contents .colum p {
  margin: 0 0 1em;
}
.wrap .contents ul.age {
  display: table;
  margin: 50px auto 80px;
}
.wrap .contents ul.age li {
  display: table-cell;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  width: 180px;
  height: 180px;
  padding: 0 16px;
}
.wrap .contents ul.age li a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 50px 0;
}
.wrap .contents ul.age li.age1 {
  background: url(../images/age/age_img05.gif) center top no-repeat;
}
.wrap .contents ul.age li.age1 a {
  padding: 20px 0;
}
.wrap .contents ul.age li.age2 {
  background: url(../images/age/age_img06.gif) center top no-repeat;
}
.wrap .contents ul.age li.age3 {
  background: url(../images/age/age_img07.gif) center top no-repeat;
}
.wrap .contents ul.age li.age4 {
  background: url(../images/age/age_img08.gif) center top no-repeat;
}
.wrap .contents ul.age li.age5 {
  background: url(../images/age/age_img09.gif) center top no-repeat;
}
.wrap .contents ul.age li.age6 {
  background: url(../images/age/age_img10.gif) center top no-repeat;
}
.wrap .contents ul.age li.age7 {
  background: url(../images/age/age_img11.gif) center top no-repeat;
}
.wrap .contents ul.age li.age8 {
  background: url(../images/age/age_img12.gif) center top no-repeat;
}
.wrap .contents .school {
  display: table;
}
.wrap .contents .school p {
  display: table-cell;
  padding: 0 40px 0 0;
  vertical-align: middle;
}
.wrap .contents .school span.age8 {
  background: url(../images/age/age_img12.gif) center top no-repeat;
  display: table-cell;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  width: 180px;
  height: 180px;
}
.wrap .contents .school span.age8 a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 50px 0;
}

/*----------------------------------------------------
	赤ちゃん
----------------------------------------------------*/
.wrap .contents section {
  margin: 0 0 110px;
}
.wrap .contents .add {
  background: url(../images/age/age_add_bg.gif) left top;
  padding: 5px 0 0;
  margin: 20px 0 0;
}
.wrap .contents .add .inner {
  background: url(../images/age/age_add_bg.gif) left bottom;
  padding: 0 33px 5px;
}
.wrap .contents .add .inner p.msg {
  color: #0068B6;
  font-size: 28px;
  font-weight: bold;
  padding: 50px 0;
}
.wrap .contents .add .inner p.linkbtn {
  text-align: center;
}
.wrap .contents .add .inner p.linkbtn a {
  background-color: #0068B6;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 18px;
}
.wrap .contents .add .inner p.linkbtn a i {
  background: url(../images/common/ico_but02.png) left top no-repeat;
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 0 8px 0 0;
}
.wrap .contents .equipment ul {
  min-height: 1px;
  margin: 40px 0 20px;
}
.wrap .contents .equipment ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wrap .contents .equipment ul li {
  float: left;
  margin: 0 16px 16px 0;
}
.wrap .contents .equipment ul li ul {
  padding: 34px 0px 0px 30px;
  margin: 0;
}
.wrap .contents .equipment ul li ul li {
  float: none;
  margin: 0;
  white-space: nowrap;
  line-height: 20px;
  letter-spacing: 0;
}
.wrap .contents .equipment p.linkbtn {
  text-align: center;
}
.wrap .contents .equipment p.linkbtn a {
  background-color: #0068B6;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 18px;
}
.wrap .contents .equipment p.linkbtn a i {
  background: url(../images/common/ico_but02.png) left top no-repeat;
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 0 8px 0 0;
}
.wrap .contents .baby1 p.lead {
  background: url(../images/age/age_baby_img02.jpg) right 10px no-repeat;
  padding: 0 240px 0 0;
}
.wrap .contents .baby1 .add .inner {
  padding: 0 64px 60px 33px;
}
.wrap .contents .baby1 .add .inner p.msg {
  white-space: nowrap;
}
.wrap .contents .baby1 .add .inner p.msg + p {
  background: url(../images/common/map_all.gif) right top no-repeat;
  padding: 0 420px 30px 0;
  margin: 0 0 20px;
}
.wrap .contents .baby2 p {
  background: url(../images/age/age_baby_img01.jpg) right top no-repeat;
  padding: 0 400px 0 0;
}
.wrap .contents .baby3 h4 + p {
  margin: 0 0 80px;
}
.wrap .contents .baby3 ul.link {
  margin: 0 0 50px;
}
.wrap .contents .baby3 ul.link li {
  margin: 0;
}
.wrap .contents .baby3 h3 {
  display: none;
}
.wrap .contents .baby3 h3.age {
  display: inline-block;
}
.wrap .contents .baby3 h3.age + p {
  margin: 0 0 40px;
}
.wrap .contents .baby3 ul.age {
  margin: 20px auto;
}

/*----------------------------------------------------
	幼児
----------------------------------------------------*/
.wrap .contents h2.pagettl {
  background: url(../images/common/ttl_bg.png) left top no-repeat;
  font-size: 40px;
  line-height: 60px;
  font-weight: bold;
  letter-spacing: 6px;
  padding: 20px 0 17px;
  margin: 0 0 60px;
}
.wrap .contents .age_detail h4 {
  margin: 50px 0 30px;
}
.wrap .contents .age_detail ul.age {
  margin: 20px auto;
}

/*----------------------------------------------------
	各年齢ページ
----------------------------------------------------*/
.wrap .contents .age_detail .shoplist {
  background: url(../images/age/shoplist_bg.gif) 110px top no-repeat;
  margin: 0 0 100px;
  min-height: 1px;
  position: relative;
  margin: 20px 0 50px;
}
.wrap .contents .age_detail .shoplist:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wrap .contents .age_detail .shoplist__contents {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid #eee;
  width: 286px;
  padding: 10px 10px 0;
  background-color: #fff\9;
}
.wrap .contents .age_detail .shoplist__contents p {
  color: #fff;
  font-size: 25px;
  line-height: 37px;
  padding: 0 15px;
  margin: 0 0 5px;
}
.wrap .contents .age_detail .shoplist__contents p a {
  color: #fff;
  text-decoration: none;
}
.wrap .contents .age_detail .shoplist__contents.kanto {
  float: left;
  margin: 0 0 0 330px;
}
.wrap .contents .age_detail .shoplist__contents.kanto p {
  background-color: #e60012;
}
.wrap .contents .age_detail .shoplist__contents.kyushu {
  position: absolute;
  left: 0;
  top: 212px;
}
.wrap .contents .age_detail .shoplist__contents.kyushu p {
  background-color: #0081b9;
}
.wrap .contents .age_detail .shoplist__contents.tokai {
  position: absolute;
  left: 331px;
  top: 475px;
}
.wrap .contents .age_detail .shoplist__contents.tokai p {
  background-color: #ecd200;
}
.wrap .contents .age_detail .shoplist__contents.kansai {
  float: left;
  /*margin: 0 20px;*/
  margin: 0 0 0 20px;
}
.wrap .contents .age_detail .shoplist__contents.kansai p {
  background-color: #83a32f;
}
.wrap .contents .age_detail .shoplist__contents.chugoku {
  float: left;
}
.wrap .contents .age_detail .shoplist__contents.chugoku p {
  background-color: #7e2f64;
}
.wrap .contents .age_detail .shoplist__contents dl {
  min-height: 1px;
  padding: 10px 0;
  border-bottom: 1px dotted #b2b2b1;
}
.wrap .contents .age_detail .shoplist__contents dl:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wrap .contents .age_detail .shoplist__contents dl:last-child {
  border: none;
}
.wrap .contents .age_detail .shoplist__contents dl dt {
  float: left;
  clear: both;
  padding: 6px 0 0;
  font-size: 21px;
}
.wrap .contents .age_detail .shoplist__contents dl dd {
  padding: 0 0 0 120px;
  margin: 4px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  background: url(../images/shoplist/ico_list.png) 105px 4px no-repeat;
}
.wrap .contents .age_detail .shoplist__contents dl a {
  color: #231815;
  text-decoration: none;
}
.wrap .contents .age_detail p.img-infant {
  background: url(../images/age/age_infant_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
}
.wrap .contents .age_detail p.img-1_5month {
  background: url(../images/age/age_1_5month_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
}
.wrap .contents .age_detail p.img-2nd {
  background: url(../images/age/age_2nd_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
}
.wrap .contents .age_detail p.img-3rd {
  background: url(../images/age/age_3rd_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
}
.wrap .contents .age_detail p.img-4th {
  background: url(../images/age/age_4th_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
}
.wrap .contents .age_detail p.img-5th {
  background: url(../images/age/age_5th_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
}
.wrap .contents .age_detail p.img-child {
  background: url(../images/age/age_child_img01.jpg) right top no-repeat;
  padding: 0 390px 0 0;
  min-height: 241px;
}