@charset "utf-8";
/*
 * cmn_layout.css
 */

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, main, section, aside, article
{ display: block;}
figure,figcaption
{ margin: 0; padding: 0;}
/* !Reseting
---------------------------------------------------------- */
body {
	color: #4e4e4e;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px; /* 14px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, select, textarea
{ margin: 0; font-size: 100%; vertical-align: middle;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}
/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#hd_outer,
#contents,
#month_old ul li,
#year_old ul li,
#side header,
.hohoemi01,
.step01,
.relation01 ul,
.step_box01 ul,
.introduction01 dl
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#hd_outer:after,
#contents:after,
#month_old ul li:after,
#year_old ul li:after,
#side header:after,
.hohoemi01:after,
.step01:after,
.relation01 ul:after,
.step_box01 ul:after,
.introduction01 dl:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #hd_outer,
* html #contents,
* html #month_old ul li,
* html #year_old ul li,
* html #side header,
* html .hohoemi01,
* html .step01,
* html .relation01 ul,
* html .step_box01 ul,
* html .introduction01 dl
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
a:hover {
	opacity: .8;
}
/* !Wrapper
---------------------------------------------------------- */
#wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#wrapper a {
	text-decoration: none;
}
/* !Header
---------------------------------------------------------- */
header {
}
	#header {
		width: 100%;
		margin: 0 0 20px 0;
		background: url(/baby/club/common/img/bg_header01.png) repeat-x top center;
	}
		#hd_outer {
			width: 960px;
			text-align: left;
			margin: 0 auto;
			padding: 10px 0;
		}
			#hd_logo {
				width: 440px;
				float: left;
			}
				#hd_logo a {
					display: block;
					width: 387px;
					height: 90px;
					position: relative;
				}
					#hd_logo a::before {
						content: '';
						width: 100%;
						height: 100%;
						background: url(/smartphone/baby/club/common/img/logo01.png) no-repeat;
						background-size: cover;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					}
				#hd_logo span {
					display: none;
				}
			#hd_inner {
				width: 520px;
				float: right;
			}
				#hd_inner p {
					text-align: right;
					padding: 0 0 8px 0;
				}
				#hd_search {
					float: left;
					margin: -9px 0 0 142px;

				}
					#hd_search_input {
						display: block;
						box-sizing: border-box;
						float: left;
						border-width: 1px 0 1px 1px;
						border-style: solid;
						border-color: #999;
						border-radius: 4px 0 0 4px;
						padding: 8px 0 8px 10px;
						width: 180px;
						height: 36px;
						background-color: #fff;
						color: inherit;
						font-family: inherit;
						font-weight: normal;
						font-style: normal;
						font-size: .875rem;
						line-height: 1;
						-webkit-appearance: none;
					}
						#hd_search_input::-webkit-search-decoration,
						#hd_search_input::-webkit-search-cancel-button {
							display: none;
						}
						#hd_search_input::-webkit-input-placeholder {
							color: #999;
						}
						#hd_search_input:-ms-input-placeholder {
							color: #999;
						}
						#hd_search_input::placeholder {
							color: #999;
							font-weight: normal;
							font-style: normal;
						}
					#hd_search_button {
						display: block;
						box-sizing: border-box;
						float: left;
						margin: 0;
						padding: 0;
						border: none;
						border-radius: 0 4px 4px 0;
						width: 40px;
						height: 36px;
						background: #f74999;
						color: #fff;
						cursor: pointer;
					}
						#hd_search_button img {
							display: block;
							margin: 0 auto;
							padding: 0;
						}

				#hd_links {
					float: right;
				}
					#hd_links li {
						float: left;
						font-size: 75%;
						text-align: center;
						line-height: 1.1666;
					}
					#hd_links li:hover {
						opacity: .8;
					}
					#hd_links li:first-child {
						border-radius: 8px;
						background: #fff3f8;
			color:#000;
						margin: 0 10px 0 0;
					}
						#hd_links li a {
							display: block;
							width: 80px;
							padding: 10px 10px;
							color: #ffffff;
						}
						#hd_links li:first-child a {
							/*color: #000;*/
						}
					#hd_links li:last-child {
						border-radius: 8px;
						background: #00C300 url(/baby/club/common/img/LINE_icon.png) no-repeat 5px 3px;
						padding: 6px 0 6px 30px;
						font-weight: bold;
					}
/* !Gnavi
---------------------------------------------------------- */
#gnavi {
	width: 100%;
	background: #e8e8e8;
	font-weight: bold;
	text-align: left;
	font-size: 113%;
}
	#gnavi ul {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
		#gnavi ul > li {
			float: left;
			width: 151px;
			background: #ffffff;
			border-radius: 8px;
			margin: 10px 5px;
		}
		#gnavi ul > li:first-child {
			margin-left: 0;
		}
		#gnavi ul > li:last-child {
			margin-right: 0;
		}
			#gnavi ul > li a {
				display: block;
				padding-top: 15px;
				padding-bottom: 15px;
				padding-left: 25px;
				text-align: center;
			}
			#gnavi ul > #gnavi06 a {
				font-size: 88%;
				padding-top: 16px;
				padding-bottom: 17px;
				padding-left: 10px;
				text-align: left;
				letter-spacing: -1px;
			}
			#gnavi01 ul,
			#gnavi04 ul {
				width: 385px;
				visibility: hidden;
				opacity: 0;
				z-index: 1;
				padding: 0 0 10px 20px;
				border-radius: 0 8px 8px 8px;
				box-sizing: border-box;
				background: #ffffff;
			}
			#gnavi02 ul,
			#gnavi03 ul {
				width: 448px;
				visibility: hidden;
				opacity: 0;
				z-index: 1;
				padding: 0 0 10px 20px;
				border-radius: 0 8px 8px 8px;
				box-sizing: border-box;
				background: #ffffff;
			}
			#gnavi01 ul {
				position: absolute;
				top: 40px;
				left: 0;
				width: 957px;
				padding: 0;
				border: 1px solid #3bc1f8;
				overflow: hidden;
			}
			#gnavi02 ul {
				position: absolute;
				top: 40px;
				left: 161px;
				border: 1px solid #f6ac19;
			}
			#gnavi03 ul {
				position: absolute;
				top: 40px;
				left: 322px;
				border: 1px solid #f74999;
			}
			#gnavi04 ul {
				position: absolute;
				top: 40px;
				left: 483px;
				border: 1px solid #99cc00;
			}
			#gnavi ul li#gnavi04 ul li{
		width:151px;
		margin: 10px 30px 10px 0;
			}
			#gnavi ul li#gnavi04 ul li:nth-of-type(2){
	   font-size:80%;
			}

			#gnavi ul li#gnavi01:hover,
			#gnavi ul li#gnavi02:hover,
			#gnavi ul li#gnavi03:hover,
			#gnavi ul li#gnavi04:hover {
				border-radius: 8px 8px 0 0;
			}
			#gnavi ul > li:hover {
				-webkit-transition: all .2s;
				transition: all .2s;
			}
			#gnavi ul li#gnavi01:hover {
				background: #3bc1f8;
			}
			#gnavi ul li#gnavi02:hover {
				background: #f6ac19;
			}
			#gnavi ul li#gnavi03:hover {
				background: #f74999;
			}
			#gnavi ul li#gnavi04:hover {
				background: #99cc00;
			}
			#gnavi ul > li#gnavi05 a:hover,
			#gnavi ul > li#gnavi06 a:hover {
				border-radius: 8px;
				background: #4e4e4e;
			}
			#gnavi01:hover ul,
			#gnavi02:hover ul,
			#gnavi03:hover ul,
			#gnavi04:hover ul {
				top:67px;
				visibility: visible;
				opacity: 1;
			}
				#gnavi01:hover a,
				#gnavi02:hover a,
				#gnavi03:hover a,
				#gnavi04:hover a,
				#gnavi05:hover a,
				#gnavi06:hover a {
					color: #ffffff;
				}
				/* ▽▽2019.05▽▽ */
				li#gnavi01 > ul > li > a {
					position: relative;
					display: block;
					width: 190px;
					height: 180px;
					padding: 0;
					border-right: 1px solid #3bc1f8;
				}
				li#gnavi01 > ul > li.last > a {
					width: 191px;
					border-right: 0;
				}
					li#gnavi01 > ul > li > a .gnavi01_item01 {
						display: block;
						width: 100%;
						height: 0;
						padding-top: 180px;
						line-height: 2.0;
						background-color: #3bc1f8;
						background-repeat: no-repeat;
						background-position: 50% 50%;
						overflow: hidden;
					}
					li#gnavi01 > ul > li > a .item_eat {
						background-image: url(/baby/club/common/img/gnavi_category_01_hover.png);
					}
					li#gnavi01 > ul > li > a .item_study {
						background-image: url(/baby/club/common/img/gnavi_category_02_hover.png);
					}
					li#gnavi01 > ul > li > a .item_ask {
						background-image: url(/baby/club/common/img/gnavi_category_03_hover.png);
					}
					li#gnavi01 > ul > li > a .item_play {
						background-image: url(/baby/club/common/img/gnavi_category_04_hover.png);
					}
					li#gnavi01 > ul > li > a .item_deals {
						background-image: url(/baby/club/common/img/gnavi_category_05_hover.png);
					}
					li#gnavi01 > ul > li > a .gnavi01_item02 {
						float: none;
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 160px;
						padding: 14px 0 6px;
						text-align: center;
						background-color: #fff;
						margin: 0;
						-webkit-transition: opacity .3s;
						-o-transition: opacity .3s;
						transition: opacity .3s;
					}
						li#gnavi01 > ul > li > a .gnavi01_item02 img {
							vertical-align: bottom;
						}
				li#gnavi01 > ul > li > a:hover {
					color: #3bc1f8;
				}
					li#gnavi01 > ul > li > a:hover .gnavi01_item02 {
						opacity: 0;
					}
				/* △△2019.05△△ */
				li#gnavi02 > ul > li > a:hover {
					color: #f6ac19;
				}
				li#gnavi03 > ul > li > a:hover {
					color: #f74999;
				}
				li#gnavi04 > ul > li > a:hover {
					color: #99cc00;
				}
				#gnavi ul li a:hover,
				#gnavi li#gnavi01 > a:hover,
				#gnavi li#gnavi02 > a:hover,
				#gnavi li#gnavi03 > a:hover,
				#gnavi li#gnavi04 > a:hover,
				#gnavi li#gnavi05 > a:hover,
				#gnavi li#gnavi06 > a:hover {
					opacity:1;
				}
					#gnavi01:hover ul li a,
					#gnavi02:hover ul li a,
					#gnavi03:hover ul li a,
					#gnavi04:hover ul li a {
						color: #4e4e4e;
					}
						/* ▽▽2019.05▽▽ */
						#gnavi ul li ul li {
							margin: 10px 40px 10px 0;
							width: 80px;
							border-bottom: 1px solid #e8e8e8;
							border-radius: 0;
						}

						#gnavi ul li#gnavi01 ul li {
							width: 191px;
							margin: 0;
							border: 0;
						}
						#gnavi ul li#gnavi01 ul li.last {
							width: 190px;
						}
						/* △△2019.05△△ */
						#gnavi ul li#gnavi02 ul li {
							margin: 10px 30px 10px 0;
							width: 110px;
							border-bottom: 1px solid #e8e8e8;
							border-radius: 0;
						}
						#gnavi ul li#gnavi03 ul li {
							margin: 10px 30px 10px 0;
							width: 110px;
						}
						#gnavi01 ul > li:nth-child(3), #gnavi01 ul > li:nth-child(9), #gnavi01 ul > li:nth-child(12),
						#gnavi02 ul > li:nth-child(3), #gnavi02 ul > li:nth-child(9), #gnavi02 ul > li:nth-child(12),
						#gnavi03 ul > li:nth-child(3), #gnavi03 ul > li:nth-child(9), #gnavi03 ul > li:nth-child(12),
						#gnavi04 ul > li:nth-child(3), #gnavi04 ul > li:nth-child(9), #gnavi04 ul > li:nth-child(12) {
							margin-right: 0;
						}
							#gnavi ul li ul li a {
							 	padding-left: 0;
							 	text-align:left;
							 }
							#gnavi ul > li#gnavi03 a {
								letter-spacing: -1px;
								padding-left: 0;
							}
/* float */
#gnavi ul:before,
#gnavi ul:after {
content: "";
display: table;
}
#gnavi ul:after {
clear: both;
}
#gnavi ul {
*zoom: 1;
}
/*arrow*/
#gnavi ul li ul li span {
	display: block;
	float:right;
	padding: 3px 0 0 0;
}
#gnavi01 .fa-caret-down:before {
	padding: 0 0 0 20px;
	color: #3bc1f8;
}
#gnavi02 .fa-caret-down:before {
	padding: 0 0 0 20px;
	color: #f6ac19;
}
#gnavi03 .fa-caret-down:before {
	padding: 0 0 0 5px;
	color: #f74999;
}
#gnavi04 .fa-caret-down:before {
	padding: 0 0 0 20px;
	color: #99cc00;
}
#gnavi01:hover .fa-caret-down:before,
#gnavi02:hover .fa-caret-down:before,
#gnavi03:hover .fa-caret-down:before,
#gnavi04:hover .fa-caret-down:before,
#gnavi05:hover .fa-external-link:before,
#gnavi06:hover .fa-caret-right:before {
	color:#ffffff;
}
#gnavi05 .fa-external-link:before {
	padding: 0 0 0 20px;
	color: #4e4e4e;
}
#gnavi06 .fa-caret-right:before {
	padding: 0 0 0 8px;
	color: #4e4e4e;
}

/* !Mainimg
---------------------------------------------------------- */
#mainimg {
	width: 620px;
}
/* !Contents
---------------------------------------------------------- */
#contents {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}
	#main {
		float: left;
		width: 620px;
		margin: 0 0 60px;
	}
	aside {
		float: right;
		width: 310px;
	}
/* !Tag
---------------------------------------------------------- */
#premama h2 {
	padding: 0 0 0 25px;
}
#month_old h2,
#year_old h2 {
	padding: 0 0 0 30px;
	overflow: hidden;
}
#premama h2 {
	background: url(/baby/club/common/img/ico_icons.png) no-repeat 0 -85px;
}
#month_old h2 {
	background: url(/baby/club/common/img/ico_icons.png) no-repeat 0 5px;
}
#year_old h2 {
	background: url(/baby/club/common/img/ico_icons.png) no-repeat 0 -175px;
}
	#premama ul,
	#month_old ul {
		margin: 0 0 20px 0;
	}
	#year_old ul {
		margin: 0 0 30px 0;
	}
		#premama ul li,
		#month_old ul li,
		#year_old ul li {
			float: left;
			width: 200px;
			margin: 0 10px 0 0;
		}
		#premama ul li:last-child,
		#month_old ul li:last-child,
		#year_old ul li:last-child {
			margin: 0;
		}
		#premama dt,
		#month_old dt,
		#year_old dt {
			position: relative;
			height: 182px;
			border-radius: 8px;
		}
		#premama ul li:nth-child(1) dt { background: url(/baby/club/common/img/img_premama01.png) no-repeat 0 0; }
		#premama ul li:nth-child(2) dt { background: url(/baby/club/common/img/img_premama02.png) no-repeat 0 0; }
		#premama ul li:nth-child(3) dt { background: url(/baby/club/common/img/img_premama03.png) no-repeat 0 0; }
		#month_old ul li:nth-child(1) dt { background: url(/baby/club/common/img/img_monthold01.png) no-repeat 0 0; }
		#month_old ul li:nth-child(2) dt { background: url(/baby/club/common/img/img_monthold02.png) no-repeat 0 0; }
		#month_old ul li:nth-child(3) dt { background: url(/baby/club/common/img/img_monthold03.png) no-repeat 0 0; }
		#year_old ul li:nth-child(1) dt { background: url(/baby/club/common/img/img_yearold01.png) no-repeat 0 0; }
		#year_old ul li:nth-child(2) dt { background: url(/baby/club/common/img/img_yearold02.png) no-repeat 0 0; }
		#year_old ul li:nth-child(3) dt { background: url(/baby/club/common/img/img_yearold03.png) no-repeat 0 0; }

			#premama dt span,
			#month_old dt span,
			#year_old dt span {
				position: absolute;
				right: 10px;
				bottom: -2px;
				display: block;
			}
			#premama dt a,
			#month_old dt a,
			#year_old dt a {
				position: absolute;
				bottom: 18px;
				display: block;
				width: 100%;
				box-sizing: border-box;
				color: #ffffff;
				font-size: 150%;
				font-weight: bold;
				line-height: 1;
				text-align: center;
				letter-spacing: -1px;
			}
			#month_old dt a {
				font-size: 128%;
				text-align: left;
				margin-left: 5%;
			}
			#premama dt .fa-caret-right:before,
			#month_old dt .fa-caret-right:before,
			#year_old dt .fa-caret-right:before {
				/*font-size: 88%;*/
				font-size: 24px;
				color: #ffffff;
			}
			#premama ul li ul li,
			#month_old ul li ul li,
			#year_old ul li ul li {
				float: left;
				width: 95px;
				box-sizing: border-box;
				border-radius: 8px;
				margin: 10px 0 0 0;
				font-weight: bold;
			}
				#premama ul li ul li a,
				#month_old ul li ul li a {
					letter-spacing: -1px;
					padding: 10px 0 10px 8px;
					font-size:15px;
				}
			#premama ul li ul li {
				text-align: right;
				border: 1px solid #ffb928;
			}
			#month_old ul li ul li {
				text-align: right;
				border: 1px solid #ff71b3;
			}
				#month_old ul li:last-child ul li:nth-child(3),
				#month_old ul li:last-child ul li:nth-child(4) {
					text-align: right;
					padding-left: 0px;
				}
			#month_old ul li ul li:last-child {
				margin: 10px 0 0 0;
			}
			#year_old ul li ul li {
				border: 1px solid #95d400;
			}
				#year_old ul li ul li a {
					letter-spacing: -1px;
					padding: 10px 0 10px 32px;
				}
				#year_old ul li ul li:nth-child(2) a {
					padding: 10px 0 10px 25px;
				}
			#year_old ul li ul li:last-child {
				margin: 10px 0 0 0;
			}
			#premama ul li ul li span,
			#month_old ul li ul li span,
			#year_old ul li ul li span {
				letter-spacing: -1px;
				margin: 0 3px 0 0;
				font-size: 70%;
			}
			#premama ul li ul li:nth-child(odd),
			#month_old ul li ul li:nth-child(odd),
			#year_old ul li ul li:nth-child(odd) {
				margin: 10px 10px 0 0;
			}
			#month_old ul li:nth-child(3) ul li:nth-child(3) a,
			#month_old ul li:nth-child(3) ul li:nth-child(4) a {
				padding-left: 5px;
			}
/*arrow*/
/*
#premama dl dt a span,
#month_old dl dt a span,
#year_old dl dt a span {
	padding-right: 5px;
}
*/
#premama .fa-caret-right:before {
	font-size: 1.6em;
	padding: 0 4px 0 7px;
	color: #ffb928;
}
#month_old .fa-caret-right:before {
	font-size: 1.6em;
	padding: 0 4px 0 7px;
	color: #ff71b3;
}
#month_old dl dt a span.fa-caret-right:before {
	padding-left: 0;
}
#year_old .fa-caret-right:before {
	font-size: 1.6em;
	padding: 0 1px 0 27px;
	color: #95d400;
}
#year_old ul li ul li:last-child .fa-caret-right:before {
	padding: 0 1px 0 19px;
}
#year_old dl dt a span.fa-caret-right:before {
	padding-left: 20px;
}
/*#premama 月齢の数字が2桁のもの*/
#premama ul li:last-child ul li:last-child .fa-caret-right:before {
	padding: 0 1px 0 2px;
}
/* !Category
---------------------------------------------------------- */
#category {
	padding: 30px 0 0 0;
	border-top: 2px solid #eeeeee;
	}
#category h2 {
	background: url(/baby/club/common/img/ico_icons.png) no-repeat 0 -265px;
	padding: 0 0 0 30px;
	overflow: hidden;
}
	#category ul li {
		float:left;
		width: 305px;
		margin: 0 0 5px 0;
	}
		#category ul li dl {
			position: relative;
			display: table;
			float:left;
			width: 305px;
		}
		#category ul li:nth-child(odd) {
			margin: 0 10px 0 0;
		}
		.deals01 dt, .deals01 dd,
		.eat01 dt, .eat01 dd,
		.ask01 dt, .ask01 dd,
		.play01 dt, .play01 dd,
		.study01 dt, .study01 dd {
			display: table-cell;
			vertical-align: middle;
		}
		.deals01 dl dt,
		.eat01 dl dt,
		.ask01 dl dt,
		.play01 dl dt,
		.study01 dl dt {
			border-radius: 8px 0 0 8px;
			width: 97px;
			color: #ffffff;
			font-size: 175%;
			font-weight: bold;
			text-align: center;
		}
			.deals01 dl dt span,
			.eat01 dl dt span,
			.ask01 dl dt span,
			.play01 dl dt span,
			.study01 dl dt span {
				font-size: 78.571%;
			}
		.deals01 dl dt {
			background: #a7e5a8 url(/baby/club/common/img/ico_category01.png) no-repeat left top;
		}
		.eat01 dl dt {
			background: #ffb66e url(/baby/club/common/img/ico_category01.png) no-repeat left top;
		}
		.ask01 dl dt {
			background: #f8e08c url(/baby/club/common/img/ico_category01.png) no-repeat left top;
		}
		.play01 dl dt {
			background: #ffc0ad url(/baby/club/common/img/ico_category01.png) no-repeat left top;
		}
		.study01 dl dt {
			background: #b0e1ff url(/baby/club/common/img/ico_category01.png) no-repeat left top;
		}
		.deals01 dl dd,
		.eat01 dl dd,
		.ask01 dl dd,
		.play01 dl dd,
		.study01 dl dd {
			width: 208px;
			padding: 15px 20px 15px 15px;
			vertical-align: top;
			border-radius: 0 8px 8px 0;
			line-height: 1.4;
		}
		.deals01 dl dd { border: 1px solid #a7e5a8; }
		.eat01 dl dd { border: 1px solid #ffb66e; }
		.ask01 dl dd { border: 1px solid #f8e08c; }
		.play01 dl dd {	border: 1px solid #ffc0ad; }
		.study01 dl dd { border: 1px solid #b0e1ff;	}
/*arrow*/
#category .deals01 .fa-caret-right:before,
#category .eat01 .fa-caret-right:before,
#category .ask01 .fa-caret-right:before,
#category .play01 .fa-caret-right:before,
#category .study01 .fa-caret-right:before {
	position: absolute;
	top:45%;
	right: 4px;
	font-size: 150%;
}
#category .deals01 .fa-caret-right:before {	color: #a7e5a8; }
#category .eat01 .fa-caret-right:before { color: #ffb66e; }
#category .ask01 .fa-caret-right:before { color: #f8e08c; }
#category .play01 .fa-caret-right:before { color: #ffc0ad; }
#category .study01 .fa-caret-right:before {	color: #b0e1ff; }
/* !Side
---------------------------------------------------------- */
#side img {
	border-radius: 8px;
}
#side header {
	margin: 30px 0 10px 0;
}
#side section:nth-of-type(1) header {
	margin:0 0 10px 0;
}
	#side h2 {
		float: left;
		font-size: 125%;
		font-weight: bold;
		color: #4e4e4e;
		line-height: 1;
	}
	#side section header p {
		float: right;
	}
		#side section header p a {
			font-weight: bold;
			text-decoration: underline;
		}
#side ul {
	margin: 0 0 10px 0;
}
#side section > ul {
	margin: 0 0 20px 0;
}
	#side ul li {
		margin: 0 0 10px 0;
		border-bottom: 1px solid #eeeeee;
	}
	#side ul li.shopping {
		padding: 20px 0 20px;
		background: #FFFBE5;
	}
	#side section:nth-of-type(3) ul li {
		border-bottom: 1px solid #eeeeee;
	}
	#side section:nth-of-type(3) ul li:last-child {
		border: none;
	}
		#side ul li .ph01 {
			float: left;
			width: 120px;
			padding: 0 10px 0 0;
		}
		#side ul li .txt01 {
			float: right;
			width: 180px;
			margin: 0 0 10px 0;
		}
			#side ul li p {
				margin: 0 0 -4px 0;
			}
		#side section:nth-of-type(3) li .txt01 {
			margin: 0;
		}
			#side ul li .txt01 dl dt {
				color: #f74999;
				font-weight: bold;
				padding: 0 0 5px 0;
				line-height: 1.4;
				text-decoration:underline;
			}
			#side ul li .txt01 dl dd {
				font-size: 66%;
			}
			#side ul li .txt01 .cat_deals01,
			#side ul li .txt01 .cat_eat01,
			#side ul li .txt01 .cat_ask01,
			#side ul li .txt01 .cat_play01,
			#side ul li .txt01 .cat_study01 {
				color: #ffffff;
				font-size: 63%;
				padding: 1px 3px 1px;
				vertical-align: top;
			}
			#side ul li .txt01 .cat_deals01 { background: #add8ae; }
			#side ul li .txt01 .cat_eat01 {	background: #ffb66e; }
			#side ul li .txt01 .cat_ask01 {	background: #f8e08c; }
			#side ul li .txt01 .cat_play01 { background: #ffc0ad; }
			#side ul li .txt01 .cat_study01 { background: #b0e1ff; }
			#side ul li .txt01 .strong { color: red; font-weight: bold; font-size: 100%; }
/*arrow*/
#side .fa-caret-right {
	padding: 0 3px 0 0;
}
/*#sideのh2のアイコン*/
.fa-file-text,
.fa-star {
	color: #f74999;
	padding: 0 8px 0 0;
}

/* #side プレママ,ママの余白 */
.side-mama li a,
.side-premama li a{
  padding-bottom: 15px;
}

.notice {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #EEEEEE;
}
.notice_inner {
	overflow-y: scroll;
	max-height: 310px;
}
#side section:nth-of-type(1) header.notice_title {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #EEEEEE;
}
.notice_title h2 {
	font-weight: bold;
}
.fa-star:before {
	color: #f74999;
}
.notice_list {
	position: relative;
	z-index: 0;
	/*overflow-y: scroll;*/
	/*height: 250px;*/
}
#side ul li.notice_item {
	margin-bottom: 16px;
}
#side ul li.notice_item.last {
	margin-bottom: 0;
	border-width: 0;
}

.update {
}
.update_title {
	font-weight: bold;
}
.update_tag {
	margin-right: 8px;
	padding: 4px 4px 2px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 75%;
	line-height: 1;
	background: #FDB845;
}
.update_body {
	padding-left: 2px;
}
.update_list {
}
#side ul li.update_item {
	margin-bottom: 4px;
	padding-left: 0.8em;
	border-width: 0;
	text-indent: -0.7em;
}
#side ul li.update_item:before {
	color: #f74999;
}
#side ul li a.update_link {
	display: inline;
	padding-left: 0.4em;
	color: #f74999;
	font-size: 85%;
	line-height: 1.5;
}

/* !Footer
---------------------------------------------------------- */
#footer_banner {
	text-align: left;
}
#footer_banner img {
	border-radius: 8px;
}
	.ft_link01 {
		width: 100%;
		padding: 30px 0 0 0;
		background: #f8f8f8;
	}
		.ft_link01 h2 {
			background: url(/baby/club/common/img/ico_icons.png) no-repeat 0 -355px;
			padding: 0 0 0 30px;
			overflow: hidden;
		}
		.ft_link01 .ft_inner01 {
			width: 960px;
			margin: 0 auto;
			padding: 0 0 60px 0;
		}
			.ft_link01 .clearfix {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-flow: row wrap;
				flex-flow: row wrap;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: start;
			}
				.ft_link01 .hohoemi01,
				.ft_link01 .step01,
				.ft_link01 .miraful01 {
					/* float: left; */
					box-sizing: border-box;
					width: 465px;
					padding: 30px;
					border-radius: 8px;
				}
				.ft_link01 .hohoemi01 {
					background: #fff095;
					/* margin: 0 30px 0 0; */
				}
				.ft_link01 .step01 {
					background: #ffbeda;
				}
				.ft_link01 .miraful01 {
					padding: 0;
				}
				.img_hohoemi01,
				.img_step01 {
					float: left;
					padding: 0 30px 0 0;
					width: 244px;
				}
				.ft_link01 .hohoemi01 ul,
				.ft_link01 .step01 ul {
					float: left;
					margin: 0 0 0 30px;
				}
					.ft_link01 .hohoemi01 ul li,
					.ft_link01 .step01 ul li {
						padding: 0 0 20px 0;
					}
					.ft_link01 .hohoemi01 ul li:last-child,
					.ft_link01 .step01 ul li:last-child {
						padding: 0;
					}
	.ft_link02 {
		background: #fffbe5;
		padding: 30px 0 0 0;
		width: 100%;
	}
		.ft_link02 .ft_inner01 {
			width: 960px;
			margin: 0 auto;
			padding: 0 0 60px 0;
		}
			.ft_link02 .fa-link {
				color: #f7539d;
				padding: 0 10px 0 0;
			}
			.relation01 ul li {
				float: left;
				width: 300px;
				margin: 0 30px 0 0;
			}
			.relation01 ul li:last-child {
				margin: 0;
			}
/* !H(n)eading
---------------------------------------------------------- */
.h1_basic01 {}
.h2_basic01 {
	font-size: 125%;
	color: #4e4e4e;
	margin: 0 0 15px;
}
	.h2_basic01 h2 {
		font-weight: bold;
	}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
	margin: 40px 0 0 0;
}
	.table_basic01 table {
		width: 100%;
	}
		.table_basic01 th,
		.table_basic01 td {
			border: 1px solid #eeeeee;
			border-collapse: collapse;
			padding: 15px;
			font-size: 88%;
			word-break: break-all;
		}
		.table_basic01 th {
			font-weight: bold;
			background: #f8f8f8;
		}
		.table_basic01 td {
		}
/* !Ingredient list01
---------------------------------------------------------- */
.ingredients_box01 {
	width: 100%;
	margin: 40px 0 0 0;
}
	.ingredients_box01 .ingredients01 {
		border-bottom: 1px solid #eeeeee;
		margin: 15px 0 0 0;
	}
		.ingredients_box01 .ingredients01 .name {
			display: inline;
			float: left;
		}
		.ingredients_box01 .ingredients01 .quantity {
			display: inline;
			float: right;
			text-align: right;
		}
/* !Step Box
---------------------------------------------------------- */
.step_box01 {
	width: 100%;
	margin: 40px 0 0 0;
}
	.step_box01 ul li {
		float: left;
		width: 299px;
		margin: 0 20px 30px 0;
	}
	.step_box01 ul li:nth-child(2n) {
		margin-right: 0;
	}
	.step_box01 img {
		border-radius: 8px;
		margin-bottom: 10px;
	}
		.step_box01 dl dt {
			font-size: 125%;
			color: #f74999;
			font-weight: bold;
		}
/* !Link
---------------------------------------------------------- */
a.link_basic01 { color: #f74999; text-decoration: underline!important}

/* !Product Link
---------------------------------------------------------- */
.product_link01 {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 20px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #eeeeee;
	box-sizing: border-box;
}
.another .product_link01 {
	padding: 14px;
	border-width: 3px 3px 3px 3px;
	border-style: solid;
	border-radius: 10px;
	border-color: #f7a7cc;
	background-color: #fffce4;

}
	.product_link01 ul.cvs, .product_link01 ul.cvs2 {
		list-style-type: none;
		padding-left: 0;
		width: 390px;
		margin: auto;
		overflow: hidden;
	}
	.product_link01 ul.cvs li {
		margin: 0 14px 10px 0;
		text-align: center;
		background-color: #f7a7cc;
		border-radius: 8px;
		padding:5px;
		float: left;
		width: 170px;
	}
	.product_link01 ul.cvs2 li {
		margin: 0 14px 10px 0;
		text-align: center;
		background-color: #f74999;
		border-radius: 8px;
		padding:10px 5px;
		float: left;
		width: 170px;
	}
	.product_link01 ul.cvs li a {
		color: #000;
	}
	.product_link01 ul.cvs2 li a {
		color: #fff;
	}
	.product_link01 .summary {
		margin: 15px 0 20px 0;
		text-align: center;
		font-weight: bold;
	}
	.product_link01 p {
		margin: 0 0 10px 0;
	}
	.product_link01 .img {
		float: left;
	}
		.product_link01 .img img {
			width: 100px;
			display: block;
			padding: 0 0 0 50px;
		}
	.product_link01 .txt {
		float: right;
		width: 60%;
		margin: 0 50px 0 0;
	}
		.btn_basic01 {
			text-align: center;
			padding: 20px 0 0 0;
		}
			.btn_basic01 img {
				width: 400px;
			}
/* !LINE Link
---------------------------------------------------------- */
.LINE_area {
	width: 100%;
	margin: 4% 0 0 0;
	padding: 4% 4% 4% 4%;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #eeeeee;
	box-sizing: border-box;
}
	.LINE_area .img {
		float: left;
		width: 25%;
	}
	.LINE_area .txt {
		float: right;
		width: 70%;
	}
	.LINE_area span.meijiLINE {
		font-size:180%;
		font-weight:bold;
		color:#ff0000;
	}
.qr_area {
	border : bottom;
	border-width: 0 0 1px 0;
	border-style: dotted;
}
.download_area img {
	margin-top: 20px;
}
.qr_area, .download_area {
	margin: 5% 0 0 0;
	padding: 4% 4% 4% 4%;
}
	.qr_area .left, .download_area .left {
		float: left;
		width: 48%;
	}
		.qr_area .left img {
			margin-top: 80px;
			}
	.qr_area .right, .download_area .right {
		float: right;
		width: 48%;
	}
/* !Data Link
---------------------------------------------------------- */
.data_link01 {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 20px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #eeeeee;
	box-sizing: border-box;
}
	.data_link01 .summary {
		margin: 0 0 15px 0;
		text-align: center;
		font-weight: bold;
	}
	.data_link01 .clearfix {
		position: relative;
		overflow: hidden;
	}
	.data_link01 ul {
	   position:relative;
	   left:50%;
	   float:left;
	}
		.data_link01 ul li {
			float: left;
			position:relative;
			left:-50%;
			float:left;
			margin: 0 60px 0 0;
		}
		.data_link01 ul li:last-child {
			margin: 0;
	}
	.data_link01 dl {
		margin: 15px 0 0 0;
		box-sizing: border-box;
	}
		.data_link01 dl dt,
		.data_link01 dl dd {
			text-align: center;
		}
/* !Caution
---------------------------------------------------------- */
.caution01 {
	width: 100%;
	margin: 40px 0 0 0;
	padding: 20px;
	background: #fff2f3 none;
	box-sizing: border-box;
}
	.caution01 dl {
	}
		.caution01 dl dt {
			color: #e60012;
			text-align: center;
		}
		.caution01 dl dd {
			margin: 15px 0 0 0;
		}
/* !Youtube01
---------------------------------------------------------- */
.youtube01 {
	width: 420px;
	margin: 40px auto 0;
}
/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
	margin: 40px 0 0 0;
}
	.ul_basic01 li {
		list-style-type: disc;
		margin: 0 0 0 40px;
	}

.ul_basic02 {
	margin: 40px 0 0 0;
}
	.ul_basic02 li {
		margin: 0 0 0 40px;
	}
.ol_basic01 {
	margin: 40px 0 0 0px;
}
	.ol_basic01 li {
		margin: 0 0 0 40px;
	}

/* 順不同リスト兼見出し */
.ul_basic01 ul {
	margin: 40px 0 0 0;
}
	.ul_basic01 ul li {
		margin: 20px 0 0 20px;
	}
	.ul_basic01.mt-0 ul li {
		margin: 3px 0 0 20px;
	}
		.ul_basic01 ul li dl {
		}
			.ul_basic01 ul li dl dt {
				font-weight: bold;
			}
			.ul_basic01 ul li dl dd {
			}

/* 順不同リスト兼見出し マーク無し */
.ul_basic02 ul {
	margin: 40px 0 0 0;
}
	.ul_basic02 ul li {
		margin: 40px 0 0 0;
		list-style-type: none;
	}
		.ul_basic02 ul li dl {
		}
			.ul_basic02 ul li dl dt {
				font-weight: bold;
			}
			.ul_basic02 ul li dl dd {
			}

/* 番号付きリスト兼見出し */
.ol_basic01 ol {
	margin: 40px 0 0 0;
}
	.ol_basic01 ol li {
		margin: 40px 0 0;
	}
		.ol_basic01 ol li dl {
		}
			.ol_basic01 ol li dl dt {
				font-weight: bold;
			}
			.ol_basic01 ol li dl dd {
			}

.dl_basic01 {
}
	.dl_basic01 dt {
	}
	.dl_basic01 dd {
	}
/* !introduction
---------------------------------------------------------- */
.introduction01 {
	margin-bottom: 20px;
}
	.introduction01 dt {
		float: left;
		width: 200px;
	}
	.introduction01 dd {
		float: left;
		margin: 20px 0 0 0;
	}


/* らくらくショッピング
---------------------------------------------------------- */
#shopping {
	margin: 0 auto;
	max-width: 620px;
}

.section{
	margin-top:20px;
	padding: 2%;
	border: 2px solid #ffd4d4;
	background: #ffe4e4;
	border-radius: 2px;
}
.section h2 {
	margin: 0 0 10px 0;
}
.bnrshopping{
	text-align:center;
	background-size: cover;
	margin:0 auto 15px auto;

}

/*resultNav*/
#shopNav ul {
	margin: 0 auto;
	padding: 0;
	width:620px;
}
#shopNav li {
	float: left;
	width: 50%;
}
#shopNav a img {
	width: 100%;
}

#resultNav {
	display:table-row;
}

#resultNav span {
	display:table-cell;
	text-align:center;
	line-height:0;
}

/*result*/
#result section{
	margin-bottom: 20px;
}

#result .section{
	display: flex;
	align-items: center;
}

#result .section h2{
	width: 50%;
	margin-right: 20px;
}

#result .section h2 img{
	max-width: 100%;
}


.btnshopping a{
	display: flex!important;
	align-items: center;
	justify-content: center;
	padding: 14px 20px 14px 12px !important;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #eee;
	width: 120px;
	position: relative;
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.btnshopping a img{
	width: 100%;
}


.btnshopping a:hover{
	opacity: 0.7;
}


.btnshopping .fa{
	font-size: 16px;
	color: #e30200;
	padding-left: 10px;
	position: absolute;
	right: 5px;
}

/* フローティングバナー */
.cta_bnr_wrap{
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.cta_bnr_inner{
	position: relative;
	width: 576px;
	margin: 0 auto;
}
.cta_bnr_img{
max-width:100%;
}
.cta_close{
	background: #333;
	border-radius: 50px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: 15px;
	right: -15px;
	cursor: pointer;
	border: 0;
	font-size: 18px;
}

.cta_bnr_wrap.sodan .cta_close{
	top: -10px;
}


/* パソコンで見たときは"pc_only"のclassがついた画像が表示される */
.pc_only { display: block !important; }
.sp_only { display: none !important; }
 
/* スマートフォンで見たときは"sp_only"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.pc_only { display: none !important; }
	.sp_only { display: block !important; }
}

ul.link_list01 { margin-top: 40px; }

#main .akaso .article_list01{border-bottom-color:#FFF;} #main .akaso .article_list01 li {width:192px;}
@media only screen and (max-width: 750px) {#main .akaso .article_list01 li {width:100%;}}


.data_link01 dl dt, .data_link01 dl dd {
    text-align: left;
}
.detail_index{
	background: #f8f8f8;
    padding: 20px;
}
.detail_index__title{
    font-weight: bold;
    font-size: 18px;
}

.detail_index__list{
	margin-top: 12px;
    padding-left: 20px;
    list-style-type: decimal;
}
.detail_section01 .detail_index__item:first-child {
    margin-top: 20px;
}

.detail_section01 .detail_index__item:not(:first-child) {
    margin-top: 8px;
}
.detail_index__item a{
	color: #f74999;
    text-decoration: underline !important;
}

.detail_section01 .h4_basic01 {
	font-weight: bold;
	padding: 30px 0 0;
}
.detail_section01 .h4_basic01 + p{
	margin-top: 0;
}