@charset "utf-8";

/* -----------------------------------------------------------------------------
CSS Information

 File name :  index.css
 Style Info:  ママ特集 扉ページ
----------------------------------------------------------------------------- */
.sp_appear{
	display: none;
}

#contentsArea{
	width: 97%;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0 2%;
}

#contents_main{
  background-color:#faee00;
  padding:40px 0;
}

#title_area{
	width: 100%;
  margin:0 0 4%;
  zoom:1;
}
#title_area:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#title_area .outline .read_txt {
    margin-bottom: 35px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 2%;
    text-align: justify;
}@media screen and (max-width:1260px){
	#title_area .outline .read_txt {
	 font-size: 1.1vw;
	}
}
#title_area h2{
  margin:0;
  padding:0;
  float:left;
	width: 48%;
}

#title_area .outline{
	float: left;
	width: 48%;
	padding-top: 35px;
}
#title_area .outline h3{
  margin-bottom:14px;
}
#title_area .outline .read_txt{
  margin-bottom:35px;
}

ul#enter{
	position: relative;
	width: 90%;
	/* margin: 0px 40px; */
	left: 5.5%;
	padding: 0;
	zoom: 1;
}
ul#enter:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
ul#enter li{
	width: 49%;
	float:left;
  margin:0;
  padding:0;
}

/* -----------------------------------------------------------------------------
spの部分
----------------------------------------------------------------------------- */
@media screen and (max-width:767px){
	.pc_appear{
		display: none;
	}
	.sp_appear{
		display: block;
	}
	#contentsArea{
	  width: 96%;
		display: block;
		float: none;
	}
	#title_area h2 {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
  }

	#title_area .outline {
    float: none;
    width: 100%;
    padding-top: 35px;
  }
	#title_area .outline .read_txt {
	  text-align: center;
		font-size: 2.9vw;
    padding: 0 16px;
	}
	#title_area .outline .img_area {
		width: 90%;
	  margin: 0 auto;
	}
	ul#enter li{
		width: 100%;
		float:none;
    margin: 0px 0 10px;
	  padding:0;
	}
}