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

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, main, section, aside, article
{ display: block;}
figure,figcaption
{ margin: 0; padding: 0;}
/* !Reseting
---------------------------------------------------------- */
html { font-size: 62.5%;}
body {
	color: #4e4e4e;
	font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	background: #ffffff none;
}
/* bigSP */
@media screen and (min-width:481px) {
body {
	font-size: 18px;
	font-size: 1.8rem;
}
}
/* miniTAB */
@media screen and (min-width:640px) {
body {
	font-size: 20px;
	font-size: 2.0rem;
}
}
/* TAB */
@media screen and (min-width:768px) {
body {
	font-size: 22px;
	font-size: 2.2rem;
}
}
/* PC */
@media screen and (min-width:960px) {
body {
	font-size: 24px;
	font-size: 2.4rem;
}
}
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, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; height: auto; 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,
#header,
#hd_inner,
#hd_links ul,
.hohoemi01,
.step01,
#contents,
aside ul li,
.section,
.article_list01 li,
.ingredients01,
.step_box01 ul
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#header:after,
#hd_inner:after,
#hd_links ul:after,
.hohoemi01:after,
.step01:after,
#contents:after,
aside ul li:after,
.section:after,
.article_list01 li:after,
.ingredients01:after,
.step_box01 ul:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #header,
* html #hd_inner,
* html #hd_links ul,
* html .hohoemi01,
* html .step01,
* html #contents,
* html aside ul li,
* html .section,
* html .article_list01 li,
* html .ingredients01,
* html .step_box01 ul
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body {
	overflow: hidden;
	width: 100%;
}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !Wrapper
---------------------------------------------------------- */
#wrapper {
}
/* !Header
---------------------------------------------------------- */
#header {
	position: relative;
	display: table;
	width: 100%;
	padding: 4% 2% 4% 2%;
	box-sizing: border-box;
	background: url(/smartphone/baby/club/common/img/bg_header01.png) no-repeat 0 0;
	background-size: cover;
}
	#hd_logo {
		display: table-cell;
	}
		#hd_logo a {
			display: block;
			max-width: 194px;
			position: relative;
			width: 52vw;
			aspect-ratio: 194 / 45;
		}
			#hd_logo a::before {
				content: '';
				width: 100%;
				height: 100%;
				background: url(/smartphone/baby/club/common/img/logo01.png) no-repeat;
				background-size: contain;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
		#hd_logo span {
					display: none;
				}
		#hd_logo img {
			max-width: 100%;
			height: auto;
		}
	#hd_inner {
		display: table-cell;
		width: 80px;
		text-align: right;
		vertical-align: middle;
	}
		#hd_search_open {
			float: right;
			margin: 12px 14px 0 0;
		}
			#hd_search_open .toggle {
				display: block;
			}
			#hd_search_open img {
				display: block;
				width: 20px;
				height: 32px;
			}
		#hd_link_open {
			overflow: hidden;
			position: relative;
			float: right;
			width: 36px;
			height: 35px;
			margin: 10px 0 0 0;
			cursor: pointer;
		}
			#hd_link_open img {
				position: absolute;
				top: -20px;
				left: -40px;
				max-width: none;
				width: 200px;
			}
/*drawer button for sp*/
#hd_link_close {
	position: absolute;
	top: 75px;
	left: 0;
	max-width: none;
	width: 40px;
	height: 40px;
	border-radius: 5px 0 0 5px;
	background: #ffffff none;
	cursor: pointer;
}
	#hd_link_close img {
		position: absolute;
		top: -18px;
		left: -77px;
		max-width: none;
		width: 200px;
	}
/*drawer button for sp*/
#hd_search {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	overflow: hidden;
	margin: 1px 0 0;
	height: 0px;
	background: #fff;
	z-index: 99;
	transition: height .2s ease-in-out;
}
#hd_search.drawer-open {
	height: 56px;
}
	#hd_search_form {
		margin: 0;
		padding: 10px 20px;
	}
	#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: calc(100% - 40px);
		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;
		}

/* !Gnavi drawer menu
---------------------------------------------------------- */
#gnavi {
	position: fixed;
	right: -320px;
	top: 0;
	width: 320px;
	xwidth: 100%;
	z-index: 5000;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: all 0.1s cubic-bezier(0.1, 0.1, 0.675, 0.19) 0s;
			transition: all 0.1s cubic-bezier(0.1, 0.1, 0.675, 0.19) 0s;
/*
	-webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
			transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
*/
}

	/* 基本設定 */
	#gnavi ul li {
		display: block;
		position: relative;
		border-width: 2px 0 0 0;
		border-style: solid;
		border-color: #ffffff;
		font-weight: bold;
		text-align: left;
	}
	#gnavi ul li#gnav00 {
		text-align: center;
	}
	#gnavi ul li#gnav02,
	#gnavi ul li.active + li {
		border-width: 0;
	}
	#gnavi ul li#gnav03,
	#gnavi ul li#gnav04,
	#gnavi ul li#gnav05,
	#gnavi ul li#gnav06 {
		border-color: #f3f3f3;
	}
	#gnavi ul li a {
		display: block;
		font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		font-size: 88%;
	}
	#gnavi ul li#gnav05 li:nth-of-type(3) {
		font-size: 80.0%;
    	line-height: 1.2;
	}

	/* 2019.05 */
	#gnavi ul li#gnav06 a {
		padding: 0;
	}
	#gnavi ul li#gnav06 ul {
		background-color: #fff;
	}
	#gnavi ul li#gnav06 ul li:before {
		display: none;
	}

	/* 通常リンク 右三角（font Awesome） */
	#gnavi ul li:before {
		position: absolute;
		top: 15px;
		right: 7px;
	}
	#gnavi ul li#gnav01:before,
	#gnavi ul li#gnav02:before {
		color: #ffffff;
	}

	/* 外部リンク 別窓アイコン（font Awesome 初パパ用） */
	#gnavi ul li#gnav07 {
		width: 100%;
	}
	#gnavi ul li#gnav07:before {
		position: absolute;
		top: 15px;
		right: 5px;
	}

	/* アコーディオン 下三角+上三角（font Awesome） */
	#gnavi ul li p:before {
		position: absolute;
		top: 15px;
		right: 7px;
		font-size: 17px;
	}

	/* クローバー画像＋背景色設定　p：アコーディオントリガー　div：カテゴリ用 */
	#gnavi ul li p,
	#gnavi ul li div {
		display: block;
		padding: 0 0 0 25px;
		font-size: 88%;
	}
	#gnavi ul li p span,
	#gnavi ul li div span {
		display: block;
		font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
	}

		/* clover */
		#gnavi ul li p:after {
			content: "";
			display: inline-block;
			position: absolute;
			top: 15px;
			left: 10px;
			width: 20px;
			height: 19px;
		}
		#gnavi ul li div:after {
			content: "";
			display: inline-block;
			position: absolute;
			top: 17px;
			left: 10px;
			width: 20px;
			height: 19px;
		}
			#gnav01 { background: #fff3f8 none;}
			#gnav02 { background: #00C300 ;}
			#gnav01 a { color: #000000}
			#gnav02 a { color: #ffffff;}
			#gnav02 {
				padding-left: 40px;
				background: #00C300 url(/smartphone/baby/club/common/img/LINE_icon.png) no-repeat 3px 3px;
			}
			#gnav03 p:after {
				background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat 0 0;
				background-size: 200px 150px;
			}
			#gnav04 p:after {
				background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -20px 0;
				background-size: 200px 150px;
			}
			#gnav05 p:after {
				background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -40px 0;
				background-size: 200px 150px;
			}
			#gnav06 div:after {
				background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -60px 0;
				background-size: 200px 150px;
			}
			#gnav07,
			#gnav08 { background: #f3f3f3 none;}
			#gnav09 {
				background: #FFF5B1 none;
			}
			#gnav10 {
				background: #FFDEED none;
			}
			#gnav11 {
				background: #FFF4D8 url(/smartphone/baby/club/common/img/bg_gnavi_counselingroom01.png) repeat 0 0;
				background-size: cover;
			}

/* スライドイン用設定 */
#gnavi_drawer {
	position: absolute;
	right: 0;
	top: 0;
	width: 280px;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #eeeeee;
	box-sizing: border-box;
	background: #f3f3f3 none;
}

	/*drawer section*/
	.sec_drawer01 {
		background: #ffffff;
	}
	.sec_drawer01+.sec_drawer01 {
		/*margin: 0 0 10px 0;*/
		/*border-width: 0 0 2px 0;*/
		border-width: 0 0 0 0;
		border-style: solid;
		border-color: #ffffff;
	}
	.sec_drawer01+.sec_drawer01.last {
		margin: 0;
		border-width: 0;
	}

		/*drawer list*/
		.ul_drawer01 li a,
		.ul_drawer01 li span {
			display: block;
			padding: 15px 15px 15px 10px;
			color: #4e4e4e;
			text-decoration: none;
		}
			.ul_drawer01 li > ul {
				display: none;
				overflow: hidden;
				background: #f3f3f3 none;
			}
			.ul_drawer01 li#gnav06 > ul {
				display: block;
			}

				#gnav03 > ul li,
				#gnav04 > ul li,
				#gnav05 > ul li,
				#gnav06 > ul li {
					float: left;
					width: 50%;
					box-sizing: border-box;
					border-width: 0 2px 2px 0;
					border-style: solid;
					border-color: #ffffff;
				}
				#gnav03 > ul li:last-child {
					border-width: 0 2px 0 0 !important;
					border-style: solid;
					border-color: #ffffff;
				}
				#gnav04 > ul li:nth-last-child(2),
				#gnav05 > ul li:nth-last-child(2) {
					border-width: 0 2px 0 0 !important;
					border-style: solid;
					border-color: #ffffff;
				}
        		#gnav03 > ul li:first-child,
				#gnav04 > ul li:first-child,
				#gnav05 > ul li:first-child{
		          width:100%;
		        }
				#gnav05 > ul li {
					height: 45px;
				}

				#gnav03 > ul li:last-child,
				#gnav04 > ul li:last-child,
				#gnav05 > ul li:last-child,
				#gnav06 > ul li:last-child {
					border-width: 0 2px 0 0;
				}
				#gnav03 > ul li:nth-child(2n),
				#gnav04 > ul li:nth-child(2n),
				#gnav05 > ul li:nth-child(2n),
				#gnav06 > ul li:nth-child(2n) {
					border-width: 0 2px 2px 0;
				}

				/* 2019.05 */
				#gnav06 > ul li {
					border-right-width: 3px;
					border-bottom-width: 3px;
				}
				#gnav06 > ul li:nth-child(2n) {
					border-right-width: 3px;
					border-bottom-width: 3px;
				}
				#gnav06 > ul li:last-child {
					border-right-width: 3px;
					border-bottom-width: 0;
				}

#cover {
	display: none;
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.8);
}
@media (orientation: landscape){
	#gnavi ul li#gnav05 li:nth-of-type(3) {
		font-size: 53%;
	    line-height: 1;
	}
	#gnav05 > ul li:first-child,
	#gnav05 > ul li:nth-child(2),
	#gnav05 > ul li:nth-child(3) {
		height: 60px;
	}
	#gnav05 > ul li {
		height: 90px;
	}
}
/* !Search
---------------------------------------------------------- */
#search {
	display: none;
	position: relative;
	height: 50px;
	padding: 10px 2% 10px 2%;
	text-align: left;
	background: #ececec none;
}
	#search input[type="text"] {
		position: absolute;
		top: 10px;
		width: 90%;
		height: 30px;
		padding: 2px 15% 2px 2%;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #aaaaaa;
		border-radius: 5px;
		box-sizing: border-box;
		font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		font-size: 88%;
		line-height: 1;
		background: #ffffff none;
		outline: none;
		-webkit-appearance:none;
	}
	#search button {
		position: absolute;
		top: 10px;
		right: 2%;
		width: 50px;
		height: 30px;
		border-radius: 0 5px 5px 0;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #f74999;
		color: #ffffff;
		background: #f74999 none;
		box-sizing: border-box;
	}
		#search button span {
			padding: 0 0 0 2px;
			color: #ffffff;
			font-size: 80%;
			font-weight: bold;
			text-align: left;
		}
/* !Breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	padding: 0 2% 2% 6%;
	*zoom: 1;
	line-height: 1.2;
	background: #eeeeee none;
}
	#breadcrumb li {
		position: relative;
		display: inline-block;
		xfloat: left;
		margin: 0 4% 0 0;
		font-size: 75%;
		white-space: nowrap;
	}
	#breadcrumb li.home {
		xpadding: 1% 0 0 0;
	}
	#breadcrumb li.home:before {
		position: absolute;
		left: -15px;
	}
	#breadcrumb li:after {
		content: ">";
		display: block;
		position: absolute;
		top: 0;
		right: -12px;
		font-family: Hiragino Sans, "ヒラギノ角ゴシック", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		color: #4e4e4e;
		font-size: 88%;
	}
	#breadcrumb li:last-child:after {
		content: "";
	}
		#breadcrumb li a {
			font-family: Hiragino Sans, "ヒラギノ角ゴシック", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
			color: #4e4e4e;
			font-size: 88%;
			text-decoration: underline;
			white-space: nowrap;
		}
		#breadcrumb li > span {
			white-space: nowrap;
			font-size: 88%;
		}
		#breadcrumb li span {
			white-space: nowrap;
		}
/* !Mainimg
---------------------------------------------------------- */
#mainimg {
}

.notice {
	margin-top: 50px;
	padding: 8px;
}
.notice_inner {
	overflow-y: hidden;
	max-height: 270px;
	padding: 16px 12px;
	background: #EEEEEE;
}
.notice_title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ffffff;
	text-align: center;
}
.notice_title h2 {
	font-weight: bold;
}
.fa-star:before {
	padding-right: 8px;
	color: #f74999;
}
.notice_list {
	position: relative;
	z-index: 0;
	overflow-y: scroll;
	height: 180px;
}
.notice_item {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ffffff;
}
.notice_item.last {
	margin-bottom: 0;
	border-width: 0;
}
.update {
}
.update_title {
	font-size: 14px;
	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: 8px;
}
.update_list {
}
.update_item {
	margin-bottom: 4px;
	padding-left: 0.8em;
	text-indent: -0.7em;
}
.update_item:before {
	color: #f74999;
}
.update_link {
	padding-left: 0.4em;
	color: #f74999;
	font-size: 85%;
	line-height: 1.8;
}

/* !Contents
---------------------------------------------------------- */
#contents {
}
	main {
		padding: 0 0 2% 0;
	}
	aside {
	}
		aside section {
			margin: 0;
			padding: 8% 0 9% 0;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #eeeeee;
		}

/* !Sitetop
---------------------------------------------------------- */
.sitetop {
	position: relative;
	width: 100%;
	padding: 4% 4% 4% 4%;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #f74999;
	border-radius: 5px;
}
.sitetop:before {
	position: absolute;
	top: 50%;
	right: 5px;
	margin: -7px 0 0 0;
	color: #f74999;
}
	.sitetop p {
		color: #f74999;
		text-align: center;
	}
/* !Footer
---------------------------------------------------------- */
#footer_banner {
	margin: 8% 0 0 0;
}
	.ft_link01 {
		background: #f8f8f8 none;
	}
	.ft_link02 {
		background: #fffbe5 none;
	}
		.ft_inner01 {
			margin: 0 auto;
			padding: 8% 2% 8% 2%;
		}

			/* ほほえみ */
			.hohoemi01 {
				margin: 4% 0 0 0;
				padding: 4% 0 4% 4%;
				border-radius: 10px;
				background: #fff095 none;
			}

			/* ステップ */
			.step01 {
				margin: 4% 0 0 0;
				padding: 4% 0 4% 4%;
				border-radius: 10px;
				background: #ffbeda none;
			}

			/* ミラフル */
			.miraful01 {
				margin: 4% 0 0 0;
				border-radius: 10px;
			}

			/* ほほえみ ステップ */
				.hohoemi01 .img_hohoemi01,
				.step01 .img_step01 {
					float: left;
					width: 70%;
					padding: 0 5% 0 0;
					box-sizing: border-box;
				}
				.hohoemi01 ul,
				.step01 ul {
					float: right;
					width: 25%;
					margin: 0 4% 0 0;
				}
					.hohoemi01 ul li,
					.step01 ul li {
						position: relative;
						margin: 14% 0 0 0;
						padding: 0 0 0 5%;
						line-height: 1;
					}
					.hohoemi01 ul li:first-child,
					.step01 ul li:first-child {
						margin: 0;
					}
					.hohoemi01 ul li:before,
					.step01 ul li:before {
						position: absolute;
						top: 5px;
						left: -5px;
						color: #40210f;
					}

			/* バナーエリア */
			.relation01 {
				margin: 4% 0 0 0;
			}
				.relation01 ul {
				}
					.relation01 ul li {
						margin: 4% 0 0 0;
					}
						.relation01 ul li img {
							border-radius: 10px;
						}

#cmn-footer #copyright {
	background: #f74999 none;
}
.ft_link03 {
}
	.ft_link03 #copyright {
		color: #ffffff;
		font-size: 106%;
		text-align: center;
		background: #f74999 none;
	}
#f-nav-header img {
    position: absolute !important;
}

/* !H(n)eading
---------------------------------------------------------- */
.h2_basic01 {
	position: relative;
	text-align: left;
	color: #f74999;
}
.h2_basic01:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 1em;
}
.premama01 .h2_basic01:before {
    height: 1.25em;
    background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat 0.25em 0;
    background-size: 12.8em 11em;
}
.monthold01 .h2_basic01:before {
    height: 1.25em;
    background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -1.1em 0;
    background-size: 12.8em 11em;
}
.yearold01 .h2_basic01:before {
    background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -2.35em 0;
    background-size: 12.8em 11em;
    height: 1.25em;
}
.category01 .h2_basic01:before {
    height: 1.25em;
    background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -3.63em 0;
    background-size: 12.8em 11em;
}
.ft_link01 .h2_basic01:before {
    height: 1.5em;
    background: url(/smartphone/baby/club/common/img/ico_icons01.png) no-repeat -5em 0;
    background-size: 12.8em 11em;
}

	.h2_basic01 h2 {
	    padding: 0 0 0 2em;
	    color: #4e4e4e;
	    font-size: 88%;
	    font-weight: bold;
	    text-align: left;
	}

.h2_basic02 {
	position: relative;
	width: 100%;
	text-align: left;
	color: #f74999;
}
.h2_basic02:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
	.h2_basic02 a {
	}
		.h2_basic02 h2 {
		    padding: 0 0 0 1.5em;
		    font-family: Hiragino Sans, "ヒラギノ角ゴシック", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		    color: #4e4e4e;
		    font-size: 88%;
		    font-weight: bold;
		    text-align: left;
		}
		.h2_basic02 p {
			position: absolute;
			top: 0;
			right: 0;
			padding: 0 0 0 5px;
			color: #4e4e4e;
			font-size: 75%;
			text-decoration: underline;
		}
		.h2_basic02 p:before {
			position: absolute;
			left: -5px;
			text-decoration: none;
		}

.h3_basic01 {}
/* !Text
---------------------------------------------------------- */
.txt_basic01 {}
.txt_basic02 {}
.txt_basic03 {}

/* !Link
---------------------------------------------------------- */
.link_list01 a {
	font-size: 88%;
}
.link_list01 li {
	margin-bottom: 1.5em;
}
.link_basic01 { color: #f74999; text-decoration: underline; word-break: break-all;}

/* !Button
---------------------------------------------------------- */
.btn_basic01 {
	margin: 4% 0 0 0;
}
/* !Listing
---------------------------------------------------------- */
.ul_basic01 {
	margin: 4% 0 0 0;
}
	.ul_basic01 li {
		list-style-type: disc;
		margin: 0 0 0 4%;
	}

.ol_basic01 {
	margin: 4% 0 0 0;
}
	.ol_basic01 li {
		margin: 0 0 0 4%;
	}

/* 順不同リスト兼見出し */
.ul_basic01 ul {
	margin: 8% 0 0 0;
}
	.ul_basic01 ul li {
		margin: 4% 0 0 4%;
		font-size: 88%;
	}
	.ul_basic01.mt-0 ul li {
		margin: 0 0 0 4%;
	}
		.ul_basic01 ul li dl {
		}
			.ul_basic01 ul li dl dt {
				font-weight: bold;
			}
			.ul_basic01 ul li dl dd {
			}

/* 順不同リスト兼見出し マーク無し */
.ul_basic02 ul {
	margin: 4% 0 0 0;
}
	.ul_basic02 ul li {
		margin: 4% 0 0 0;
		font-size: 88%;
		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: 4% 0 0 0;
}
	.ol_basic01 ol li {
		margin: 4% 0 0;
		font-size: 88%;
	}
		.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 {
	}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
	margin: 4% 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 {
		}
/* !Ingredients List
---------------------------------------------------------- */
.ingredients_box01 {
	width: 100%;
	margin: 4% 0 0 0;
}
	.ingredients_box01 .ingredients01 {
		margin: 0 0 15px 0;
		border-width: 0 0 1px 0;
		border-style: solid;
		border-color: #eeeeee;
	}
		.ingredients_box01 .ingredients01 .name {
			float: left;
		}
		.ingredients_box01 .ingredients01 .quantity {
			float: right;
			text-align: right;
		}
/* !Step Box
---------------------------------------------------------- */
.step_box01 {
	overflow: hidden;
	width: 100%;
	margin: 4% 0 0 0;
}
	.step_box01 ul {
		width: 102%;
	}
		.step_box01 ul li {
			float: left;
			width: 94%;
			margin: 2% 2% 0 2%;
			box-sizing: border-box;
		}
			.step_box01 ul li dl {
			}
				.step_box01 ul li dl dt {
					color: #f74999;
					font-size: 125%;
					font-weight: bold;
				}
				.step_box01 ul li dl dd {
				}
				.step_box01 ul li dl dd p {
					margin: 0;
				}
				.step_box01 ul li dl dd img {
					border-radius: 8px;
				}
/* !Product Link
---------------------------------------------------------- */
.product_link01 {
	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;
}
.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 .summary {
		margin: 0 0 2% 0;
		font-weight: bold;
		text-align: center;
	}
	.product_link01 .img {
		float: left;
		width: 25%;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #eeeeee;
	}
	.product_link01 .txt {
		float: right;
		width: 70%;
	}
	.product_link01 ul.cvs2 {
		list-style-type: none;
		padding-left: 0;
		width: 390px;
		margin: auto;
		overflow: hidden;
	}
	.product_link01 ul.cvs2 li {
		margin: 0 14px 10px 0;
		text-align: center;
		background-color: #f74999;
		border-radius: 8px;
		padding:10px;
		float: left;
	}
	.product_link01 ul.cvs2 li a {
		color: #fff;
	}
/* !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:120%;
		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 {
	width: 100%;
	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: 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;
}
	.data_link01 .summary {
		margin: 0 0 2% 0;
		font-weight: bold;
		text-align: center;
	}
	.data_link01 .clearfix {
	}
		.data_link01 ul {
			text-align: center;
		}
			.data_link01 ul li {
				display: inline-block;
				width: 37%;
				margin: 0 2% 0 2%;
				vertical-align: top;
			}
				.data_link01 dl {
				}
					.data_link01 dl dt,
					.data_link01 dl dd {
						font-size: 88%;
						text-align: center;
					}
/* !Caution
---------------------------------------------------------- */
.caution01 {
	width: 100%;
	margin: 4% 0 0 0;
	padding: 4% 4% 4% 4%;
	background: #fff2f3 none;
	box-sizing: border-box;
}
	.caution01 dl {
	}
		.caution01 dl dt {
			color: #e60012;
			font-weight: bold;
			text-align: center;
		}
		.caution01 dl dd {
			font-size: 88%;
			margin: 2% 0 0 0;
		}
/* !Youtube
---------------------------------------------------------- */
.youtube01,
.youtube02 {
	position: relative;
	width: 100%;
	margin: 4% 0 0 0;
	padding-top: 56.25%;
}
	.youtube01 iframe,
	.youtube02 iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

/* !Section Common
---------------------------------------------------------- */
/* Android */
p,
span,
li,
dt,
dd {
	background: url(/smartphone/baby/club/common/img/img_android01.png);
}

.inner01 {
	padding: 0 2% 0 2%;
}
section {
	margin: 8% 0 0 0;
}
section.monthold01,
section.yearold01 {
	margin: 4% 0 0 0;
}

/* 記事 */
.article_list01 {
}
	.article_list01 li {
		margin: 4% 0 0 0;
		padding: 4% 0 0 0;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #eeeeee;
	}
	.article_list01 li:first-child {
		border-width: 0;
	}
	.article_list01 li a {
		text-decoration: none;
	}
		.article_list01 li .ph01 {
			float: left;
			width: 120px;
		}
			.article_list01 li .ph01 img {
				border-radius: 5px;
			}
		.article_list01 li .txt01 {
			width: auto;
			margin: 0 0 0 130px;
			/* color:; */
			text-align: left;
		}
			.article_list01 li .txt01 span {
				display: inline-block;
				padding: 2px 3px 2px 3px;
				color: #ffffff;
				font-size: 63%;
				line-height: 1;
				vertical-align: top;
			}
			.article_list01 li .txt01 span.cat_deals01 { background: #a7e5a8 none;}
			.article_list01 li .txt01 span.cat_eat01 { background: #ffb66e none;}
			.article_list01 li .txt01 span.cat_ask01 { background: #f8e08c none;}
			.article_list01 li .txt01 span.cat_play01 { background: #ffc0ad none;}
			.article_list01 li .txt01 span.cat_study01 { background: #b0e1ff none;}
			.article_list01 li .txt01 span.strong { color: red; font-weight: bold; font-size: 100%;}

			.article_list01 li .txt01 dl {
				margin: -5px 0 0 0;
			}
				.article_list01 li .txt01 dl dt {
					color: #f74999;
					font-size: 88%;
					font-weight: bold;
					text-decoration: underline;
					vertical-align: top;
				}
				.article_list01 li .txt01 dl dd {
					margin: 2% 0 0 0;
					color: #4e4e4e;
					font-size: 75%;
					line-height: 1.2;
				}
/* !CV Area
---------------------------------------------------------- */
.cvarea {
}
.cvarea .inner {
}
/* !introduction
---------------------------------------------------------- */
.introduction01 {
	margin-bottom: 40px;
}
	.introduction01 dt {
		text-align: center;
	}


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

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

}

/*resultNav*/
#shopNav ul {
	margin: 1% 0 0 0;
}
#shopNav li {
	float: left;
	margin: 2% 0% 0 0;
}
#shopNav a {
	display: table-cell;
}
#shopNav a img {
	width: 100%;
}

#resultNav {
	display: block;
}
.clearfix:after,
#resultNav:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

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

.register{
  text-align:center;
  background:#FFFCE7;
  border-top:1px solid #F4F4F4;
  padding:3.5% 0;
}
.register a{
  color:#F6599F;
  font-weight: bold;
  display:block;
  position: relative;
}
.register a:before{
  position:absolute;
  left:none;
  right: 2%;
  color:#4E4E4E;
}
/*result*/
#result section{
	margin: 5% 0 0 0;
}

#result .section{
	display: flex;
    flex-wrap: wrap;
	padding: 4%;
}

.btnshopping{
	width: 50%;
}

.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;
	position: relative;
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.btnshopping a img{
	width: 100%;
}

.btnshopping a:visited{
	color: #4e4e4e;
}

.btnshopping a:hover{
	opacity: 0.7;
}

.btnshopping .fa{
	font-size: 18px;
	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_img{
max-width:100%;
}
.cta_bnr_inner{
    position: relative;
    width:auto;
    margin: 0 auto;
}
.cta_close{
    background: #fff;
    border-radius: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    line-height: 1;
    position: absolute;
	top: calc(160 / 750 * 100%);
    transform: translate(0, -30px);
    right: 0;
    cursor: pointer;
    border: 1px solid #bbb;
	border-bottom: none;
    font-size: 18px;
}


.cta_bnr_wrap.sodan .cta_close{
	transform: initial;
	top: -30px;
}

/* footerランドスケープ対応 */
.sub-nav img {
	display: block;
	width: 100%;
	height: auto;
}

.to-top img {
    display: block;
    width: 100%;
    height: auto;
}


/* パソコンで見たときは"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: 8%; }

#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;
}

.data_link01.wd100 ul li{
	width: 100%!important;
}

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