@charset "Shift_JIS";

@import url("/contents/common/css/common.css");
@import url("/contents/common/css/header.css");
@import url("/contents/common/css/sidenavi.css");
@import url("/contents/common/css/footer.css");
@import url("/contents/common/css/class.css");


/* Header Diff */
#header .navigation ul { border-bottom: solid 5px #663399; height: 27px; }
div.dummy{ height:500px; }



/*--------------------
	common
--------------------*/
@media print {

	#header,
	#topicpath,
	#contents_header,
	#page_navigation,
	#term_navigation,
	#hansoku_container,
	#womenspark2_l,
	#footer,
	#footernote,
	#side_navigation {
		display: none;
	}

	#main_article,
	#stock_block,
	#recipe_block {
		display: block !important;
	}

	#recipe_list li {
		display: inline-block;
	}

	.separate {
		margin: 10px 0 !important;
	}

}


strong { font-weight: bold !important; }
noscript p {
	padding: 20px;
	font-size: 18px;
	text-align: center;
	border-top: 5px solid #1f94db;
	border-bottom: 5px solid #1f94db;
}
noscript#top p {
	border-top: none;
}

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; line-height: 1.6; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.ac { text-align: center ;}

a.icon_link {
	padding-left: 14px;
	background: url(../img/icon_link.gif) no-repeat 0 3px;
}


.article_title {
	margin-bottom: 30px;
}
.section_title {
	margin-bottom: 20px;
}


.layout_01,
.layout_02,
.layout_03,
.layout_04 {
	zoom: 1;
}
.layout_01:after,
.layout_02:after,
.layout_03:after,
.layout_04:after {
	display: block;
	content: "";
	clear: both;
}

/* layout_01 */
.layout_01 .left {
	width: 460px;
	float: left;
}
.layout_01 .right {
	width: 210px;
	float: right;
}

/* layout_02 */
.layout_02 .left {
	width: 250px;
	float: left;
}
.layout_02 .right {
	width: 420px;
	float: right;
}

/* layout_03 */
.layout_03 .left {
	width: 420px;
	float: left;
}
.layout_03 .right {
	width: 250px;
	float: right;
}

/* layout_04 */
.layout_04 .left {
	width: 475px;
	float: left;
}
.layout_04 .right {
	width: 200px;
	float: right;
}

/* layout_05 */
.layout_05 .left {
	width: 430px;
	float: left;
}
.layout_05 .right {
	width: 240px;
	float: right;
}

/* layout_06 */
.layout_06 .left {
	width: 230px;
	float: left;
}
.layout_06 .right {
	width: 430px;
	float: right;
}

/* layout_07 */
.layout_07 .left {
	width: 460px;
	float: left;
}
.layout_07 .right {
	width: 205px;
	float: right;
}




.col1 {
	width: 690px;
	zoom: 1;
}
.col1:after {
	display: block;
	content: "";
	clear: both;
}
.col2 {
	width: 335px;
	margin-left: 20px;
	float: left;
}
.col4 {
	width: 164px;
	margin-left: 11px;
	float: left;
}


/* ?s???N?w?i??{?b?N?X */
.pink_box {
	background: url(/contents/babyfood/img/pink_dot_bg.gif) repeat center top;
}
.pink_box .pink_box_inner01 {
	padding-bottom: 15px;
	background: url(/contents/babyfood/img/pink_dot_bottom.gif) no-repeat left bottom;
}
.pink_box .pink_box_inner02 {
	padding: 15px 20px 0;
	background: url(/contents/babyfood/img/pink_dot_top.gif) no-repeat left top;
}


/* ?s???N?w?i??{?b?N?X2 */
.pink_box_02 {
	background: url(/contents/babyfood/img/pink02_dot_bg.gif) repeat center top;
}
.pink_box_02 .pink_box_inner01 {
	padding-bottom: 15px;
	background: url(/contents/babyfood/img/pink02_dot_bottom.gif) no-repeat left bottom;
}
.pink_box_02 .pink_box_inner02 {
	padding: 10px 20px 0;
	background: url(/contents/babyfood/img/pink02_dot_top.gif) no-repeat left top;
}


/*
 * ?h?b?g??????{?b?N?X
 *
 * col4 -> 4?J????
 * col2 -> 2?J????
 *
 */
.dot_box {
	zoom: 1;
}
.dot_box:after {
	display: block;
	content: "";
	clear: both;
}
.dot_box .col4 {
	/* background: url(../img/col4_bg_middle.gif) repeat-y left top; */
}
.dot_box .col4 .inner01 {
	padding-bottom: 10px;
	/* background: url(../img/col4_bg_bottom.gif) no-repeat left bottom; */
}
.dot_box .col4 .inner02 {
	padding: 10px 15px 0;
	/* background: url(../img/col4_bg_top.gif) no-repeat left top; */
}

.dot_box .col2 {
	width: 340px;
	margin-left: 10px;
	/* background: url(../img/col2_bg_middle.gif) repeat-y left top; */
}
.dot_box .col2 .inner01 {
	/* background: url(../img/col2_bg_bottom.gif) no-repeat left bottom; */
}
.dot_box .col2 .inner02 {
	padding: 23px 20px;
	/* background: url(../img/col2_bg_top.gif) no-repeat left top; */
}

.dot_box .col1 {
	width: 690px;
	/* background: url(../img/col1_bg_middle.gif) repeat-y left top; */
}
.dot_box .col1 .inner01 {
	/* background: url(../img/col1_bg_bottom.gif) no-repeat left bottom; */
}
.dot_box .col1 .inner02 {
	padding: 10px 20px;
	/* background: url(../img/col1_bg_top.gif) no-repeat left top; */
}

.col2.first,
.col4.first {
	margin-left: 0 !important;
}


/* ?????h?b?g??????????X?g */
.dot_line_list {
	background: url(/contents/babyfood/img/ht-k.gif) repeat-x left top;
}
.dot_line_list li {
	padding: 20px 0;
	background: url(/contents/babyfood/img/ht-k.gif) repeat-x left bottom;
}


/* page_navigation */
#page_navigation {
	padding-bottom: 7px;
	background: #faf5e5;
}
#page_navigation ul {
	zoom: 1;
}
#page_navigation ul:after {
	display: block;
	content: "";
	clear: both;
}
#page_navigation ul li {
	display: block;
	width: 138px;
	height: 36px;
	float: left;
}
#page_navigation ul li a {
	display: block;
	width: 138px;
	height: 36px;
	text-indent: -9999px;
}
#page_navigation ul li.on a {
	position: relative;
}
#page_navigation ul li.on a span {
	display: block;
	width: 137px;
	height: 32px;
	position: absolute;
	left: -1px;
	border-left: 1px solid #c8ab88;
	z-index: 10;
}

/* ?? */
#page_navigation ul li.base a {
	background: url(/contents/babyfood/img/snav_base.gif) no-repeat 0 0;
}
#page_navigation ul li.tips a {
	background: url(/contents/babyfood/img/snav_tips.gif) no-repeat 0 0;
}
#page_navigation ul li.recipe a {
	background: url(/contents/babyfood/img/snav_recipe.gif) no-repeat 0 0;
}
#page_navigation ul li.resolve a {
	background: url(/contents/babyfood/img/snav_resolve.gif) no-repeat 0 0;
}
#page_navigation ul li.allergy a {
	background: url(/contents/babyfood/img/snav_allergy.gif) no-repeat 0 0;
}
#page_navigation ul li.on a,
#page_navigation ul li a:hover {
	background-position: 0 100%;
}
#page_navigation ul li.on a span {
	top: 4px;
}

/* ???? */
#page_navigation.bottom {
	padding: 7px 0 0;
}
#page_navigation.bottom ul li.base a {
	background: url(/contents/babyfood/img/snav_base_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.tips a {
	background: url(/contents/babyfood/img/snav_tips_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.recipe a {
	background: url(/contents/babyfood/img/snav_recipe_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.resolve a {
	background: url(/contents/babyfood/img/snav_resolve_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.allergy a {
	background: url(/contents/babyfood/img/snav_allergy_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.on a,
#page_navigation.bottom ul li a:hover {
	background-position: 0 100%;
}
#page_navigation.bottom ul li.on a span {
	top: 0px;
}


/* term_navigation */
#term_navigation {
	padding: 4px 9px 11px;
	background: #faf5e5;
}
#term_navigation ul {
	zoom: 1;
}
#term_navigation ul:after {
	display: block;
	content: "";
	clear: both;
}
#term_navigation ul li {
	display: block;
	float: left;
}
#term_navigation ul li a {
	display: block;
	height: 27px;
	text-indent: -9999px;
}

#term_navigation.bottom {
	padding: 11px 9px 4px;
}

#contents_wrapper {
	margin-bottom: 40px;
	font-size: 16px;
}
#main_article {
	margin: 0 0 40px 0;
}



/*--------------------
	index
--------------------*/

#topicpath {
	margin-bottom: 30px;
}

.page_title {
	margin-bottom: 10px;
	padding: 3px 0 5px 0;
	color: #ee86b4;
	font-size: 23px;
	font-weight: bold;
	border-bottom: 3px solid #ee86b4;
}


/* contents_header */
#contents_header {
	margin-bottom: 20px;
	position: relative;
}
#contents_header #sensei {
	position: absolute;
	top: -38px;
	right: 0;
	border: 1px solid #cdcdcd;
	zoom: 1;
}
#contents_header #sensei:after {
	display: block;
	content: "";
	clear: both;
}
#contents_header #sensei .photo {
	width: 50px;
	float: left;
}
#contents_header #sensei .text {
	padding: 10px;
	float: left;
}

/* contents_menu */
#contents_menu {
	zoom: 1;
}
#contents_menu:after {
	display: block;
	content: "";
	clear: both;
}
#contents_menu .left_menu {
	width: 340px;
	float: left;
}
#contents_menu .right_menu {
	width: 340px;
	float: right;
}
#contents_menu .menu_title {
	margin-bottom: 5px;
	color: #ed5699;
	font-size: 14px;
	overflow: visible;
}
#contents_menu .menu_title a {
	display: block;
	min-height: 21px;
	padding-left: 25px;
	color: #f28899;
	line-height: 1.5;
	text-decoration: none;
	background: url(/contents/akachan/img/title_bg.gif) no-repeat 0 0;
}
#contents_menu .cell {
	margin-bottom: 15px;
}
#contents_menu .cell .inner {
	padding: 10px;
	border-top: 3px solid #f28899;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#contents_menu .cell.cell_large .inner {
	height: 134px;
}
#contents_menu .cell .inner dl {
	zoom: 1;
}
#contents_menu .cell .inner dl:after {
	display: block;
	content: "";
	clear: both;
}
#contents_menu .cell .inner dt {
	width: 50px;
	float: left;
}
#contents_menu .cell .inner dd {
	width: 260px;
	float: right;
}
ul.icon_link {
	margin-top: 5px;
}
ul.icon_link li {
	padding-left: 14px;
	background: url(../img/icon_link.gif) no-repeat 0 6px;
}

/*141006 add */
.page_title {
	margin-bottom: 10px;
	padding: 3px 0 5px 0;
	color: #f28899;
	font-size: 23px;
	font-weight: normal;
	border-bottom: 3px solid #f28899;
}

.article_category {
	margin-bottom: 20px;
}
.article_title {
	padding-bottom: 10px;
	background: url(../img/article_title_bg.gif) left bottom repeat-x;
	font-size: 18px;
}

.c_pink {
	color: #f28899;
}
.h_pink {
	color: #f28899;
	font-weight: bold;
	font-size:14px;
	margin-bottom: 15px;
}

.c_cap {
	color: #999;
}

.section {
	position: relative;
	margin-bottom: 20px;
}
.section.-notitle {
	padding-top: 9px;
}
.section.-notitle:before {
	display: block;
	content: "";
	width: 100%;
	height: 9px;
	position: absolute;
	bottom:0;
	top:0;
	background: url(../img/section_hdr_bg.gif) left top no-repeat;
}
.section:after {
	display: block;
	content: "";
	width: 100%;
	height: 9px;
	position: absolute;
	bottom:0;
	left:0;
	background: url(../img/section_ftr_bg.gif) left bottom no-repeat;
}

.section_inner {
	padding: 30px;
	background: url(../img/section_mid_bg.gif) left top repeat-y;
	line-height: 20px;
}

..section.-notitle .section_inner {
	padding-top: 23px;
}
.section_inner .img {
	float: left;
}

.section_inner .cnt {
	width: 420px;
	float: right;
}
.section_title {
	height: 40px;
	padding-left: 20px;
	margin-bottom: 0;
	background: url(../img/section_title.gif) left top no-repeat;
	color: #804c2d;
	font-size: 16px;
	line-height: 2.5;
}

.mochimono_list {

}

.section_l,
.section_r {
	position: relative;
	margin-bottom: 20px;
	width: 340px;
	float: left;
}

.section_r {
	float: right;
}
.section_l:after,
.section_r:after {
	display: block;
	content: "";
	width: 100%;
	height: 9px;
	position: absolute;
	bottom:0;
	left:0;
	background: url(../img/section_2_ftr.gif) left bottom no-repeat;
}

.section_l .section_inner,
.section_r .section_inner {
	height: 110px;
	padding: 30px;
	background: url(../img/section_2_mid.gif) left top repeat-y;
	line-height: 20px;
}

.section_l.-s .section_inner,
.section_r.-s .section_inner {
	height: 121px;
}


.section_l.-m .section_inner,
.section_r.-m .section_inner {
	height: 99px;
}

.section_l .section_title,
.section_r .section_title {
	height: 40px;
	padding-left: 20px;
	margin-bottom: 0;
	background: url(../img/section_2_title.gif) left top no-repeat;
	color: #804c2d;
	font-size: 16px;
	line-height: 2.5;
}
.menu_title {
	margin-bottom: 15px;
}
.theme_menu ul {
	height: 217px;
	background:url(../img/menu_bg.gif) left top no-repeat;
	padding: 2px 0 2px 17px;
}

.theme_menu ul li{
	float: left;
	width: 210px;
	padding: 14px 0;
	margin-bottom: 1px
}
.theme_menu ul li.movie,
.theme_menu ul li.kenshin,
.theme_menu ul li.cloth,
.theme_menu ul li.storyhour {
	width: 250px;
}
.theme_menu ul li.movie,
.theme_menu ul li.upgrowth,
.theme_menu ul li.milk {
	padding: 5px 0 23px;
}
.theme_menu ul li a {
	display: block;
	height: 25px;
	padding-left: 32px;
	line-height: 25px;
}
.theme_menu ul li.movie a{
	background: url(../img/menu_icon_01.gif) left center no-repeat;
}

.theme_menu ul li.upgrowth a{
	background: url(../img/menu_icon_02.gif) left center no-repeat;
}
.theme_menu ul li.milk a{
	background: url(../img/menu_icon_03.gif) left center no-repeat;
}
.theme_menu ul li.kenshin a{
	background: url(../img/menu_icon_04.gif) left center no-repeat;
}
.theme_menu ul li.event a{
	background: url(../img/menu_icon_05.gif) left center no-repeat;
}
.theme_menu ul li.outside a{
	background: url(../img/menu_icon_06.gif) left center no-repeat;
}
.theme_menu ul li.cloth a{
	background: url(../img/menu_icon_07.gif) left center no-repeat;
}
.theme_menu ul li.ikuji a{
	background: url(../img/menu_icon_08.gif) left center no-repeat;
}
.theme_menu ul li.vaccination a{
	background: url(../img/menu_icon_09.gif) left center no-repeat;
}
.theme_menu ul li.storyhour a{
	background: url(../img/menu_icon_10.gif) left center no-repeat;
}
.theme_menu ul li.taiken a{
	background: url(../img/menu_icon_11.gif) left center no-repeat;
}

#contentsList {
	margin-bottom: 30px;
}
#contentsList li {
	width: 340px;
	float: left;
	margin: 0 10px 10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #f388a9;
}
#contentsList li a {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-msie-transition: all .2s;
	transition: all .2s;
}
#contentsList li:hover {
	border-color: #FF0000;
}

#contentsList li.last {
	margin-right: 0;
}

#contentsList li a {
padding: 15px 30px 12px 10px;
color: #804c2d;
line-height: 1.3;
text-decoration: none;
background-image: url(../img/arrow.png);
background-position: 97% center;
background-repeat: no-repeat;
background-size: 18px 18px;
overflow: auto;
display: block;
}
#contentsList li a .title {
color: #f388a9;
font-size: 14px;
}
#contentsList li img {
margin: -5px 8px 0 0;
float: left;
}

#pageControl {
	margin: 40px 0;
}
#pageControl #prev {
	float: left;
}
#pageControl #next {
	float: right;
}
#pageControl #prev a,
#pageControl #next a {
	display: block;
	width: 150px;
	padding: 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-image: linear-gradient(bottom, #f388a9 0%, #ffecf0 100%);
	background-image: -o-linear-gradient(bottom, #f388a9 0%, #ffecf0 100%);
	background-image: -moz-linear-gradient(bottom, #f388a9 0%, #ffecf0 100%);
	background-image: -webkit-linear-gradient(bottom, #f388a9 0%, #ffecf0 100%);
	background-image: -ms-linear-gradient(bottom, #f388a9 0%, #ffecf0 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #f388a9), color-stop(1, #ffecf0) );
	background-color: #f9c3d4;
	display: block;
}
#pageControl p#home {
	margin-top: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: linear-gradient(bottom, #ffecf0 0%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #ffecf0 0%, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #ffecf0 0%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #ffecf0 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #ffecf0 0%, #fff 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ffecf0), color-stop(1, #fff) );
	border: 1px solid #f388a9;
}
#pageControl p#home a {
	padding: 15px;
	color: #804c2d;
	text-align: center;
	text-decoration: none;
	display: block;
}

#pageControl #prev a,
#pageControl #next a,
#pageControl #home a {
}
#pageControl #prev a:hover,
#pageControl #next a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#pageControl #home:hover {
	border-color: #FF0000;
}


.text-indent {
	margin-left: 1em;
	text-indent: -1em;
}

/*-----------------------------
  add 20160317 移行時追記
------------------------------*/
#contents{
	font-size: 12px;
	width: auto;
	border:none;
	padding-top: 0;
}

/*-----------------------------
  add 20230512
------------------------------*/
.related-article{
	border: #E5E5E5 2px solid;
	margin-top: 60px;
	padding: 0 24px 20px;
}
.related-article__ttl{
	font-size: 24px;
	line-height: 30px;
	color: #171C61;
	padding: 20px 0 8px;
}
.related-article__list-item{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding-left: 22px;
	margin-top: 8px;
}
.related-article .related-article__list-item a{
	color: #000000;
}
.related-article .related-article__list-item a:hover{
	text-decoration: underline;
}
.related-article__list-item::before{
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	background-image: url(/kyouiku/_shared/img/article_arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}