@charset "UTF-8";
/* -----------------------------------------------------------------------------
CSS Information

 File name :  index.css
 Style Info:  キッズ特集 扉ページ
----------------------------------------------------------------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* common 
-----------------------------*/
.pc_appear {
  display: none;
}

.sp_appear {
  display: block;
}



#contentsArea {
  width: 100%;
}



.pageTtl {
  font-size: 4.5vw;
  margin-bottom: 0;
  text-align: center;
}

nav.nav_scene {
  margin-bottom: 30px;
}

nav .pagenav_item {
  width: 40%;
  margin-bottom: 0;
  font-size: 1.0625rem;
}
nav .pagenav {
  justify-content: space-between;
  padding: 0 20px;
}
nav .pagenav li:nth-child(1),
nav .pagenav li:nth-child(2) {
  margin-bottom: 20px;
}


nav .pagenav_item a, .nav-active {
  font-size: 1.0625rem;
}
.pagenav .contents-tab {
  width: 48%;
}

.nav_scene {
  margin-bottom: 0px;
}

#contentsArea .contents-section h3 {
  text-align: center;
  padding: 15px 0;
}

#contentsArea .contents-section .contents-section-inner {
  flex-wrap: wrap;
  padding-bottom: 40px;
}
#contentsArea .contents-section .contents-section-inner ul li {
  padding: 50px 0 20px;
  width: 90%;
  margin: 0 auto;
}
#contentsArea .contents-section .contents-section-inner .img-area {
  width: 100%;
}

#contentsArea .contents-section .contents-section-inner .text-area {
  width: 100%;
  margin: 1.5em 0 0;
  font-size: 1rem;
}

#contentsArea .contents-section .contents-section-inner .text-area {
  padding-right: 0px;
}

#contentsArea .contents-section .contents-section-inner .text-area p.text-area-ttl {
  font-size: 1.25rem;
  text-align: center;
  padding: 5px;
}

#contentsArea .contents-section .contents-section-inner ul li .img-area {
  width: 100%;
}

#contentsArea .contents-section .contents-section-inner .img-area img {
  margin: auto;
}

#contentsArea .contents-section .contents-section-inner .text-area p.text-area-content {
  margin: 0 auto;
  color: #000;
}

#wrapper #contentsArea .contents-section .contents-section-inner .text-area .text-area-more-info img {
  margin: 0 auto;
}

span.note {
  margin-left: 0;
  text-indent: 0;
}



/* コンテンツによる違い */
#content1 h2, #content2 h2 {
  font-size: 5.5vw;
}
#content1 h2:nth-child(2),
#content2 h2:nth-child(2) {
  margin-top: 5px;
}
#content1 .contents-item, #content2 .contents-item {
  display: block;
  padding-top: 30px;
}
#content3 .contents-section-inner ul li,
#content4 .contents-section-inner ul li {
  display: block;
}
#contentsArea .contents-section .contents-section-inner .text-area p.text-area-ttl {
  text-align: left;
  padding-left: 0;
}