@charset "UTF-8";

/* CSS Document */

/*===================================================
    各画面作成用CSS
===================================================*/

/*//////////////////////////////////////////////////
    食事
///////////////////////////////////////////////////*/

/* --------------------------------------------------
    キービジュアル
-------------------------------------------------- */
.kv {
	background: url("../image/meal/meal_kv.png") center no-repeat;
    background-size: cover;
}

/* --------------------------------------------------
    トップのメニュー一覧
-------------------------------------------------- */
.meal .indexMenu li:first-child a .imgBox img {
	width: 190px;
}
.meal .indexMenu li:nth-child(2) a .imgBox img {
	width: 140px;
}
.meal .indexMenu li:nth-child(3) a .imgBox img {
	width: 190px;
}

/*//////////////////////////////////////////////////
    食事について
///////////////////////////////////////////////////*/
#aboutMeal .topBox {
	margin-bottom: 60px;
}
#aboutMeal .topBox > p {
	padding: 40px 0;
	text-align: center;
	background: #f9f9f9;
}
#aboutMeal .topBox > div {
	font-size: 16px;
}#aboutMeal .contBg {
	padding: 40px 60px;
	font-size: 14px;
	background: #f9f9f9;
}
	#aboutMeal .contBg dt {
		margin-bottom: 30px;
		text-align: center;
		font-family: Meiryo,"メイリオ";
		font-size: 22px;
    	font-weight: bold;
    	letter-spacing: 0.1em;
	}
	.setOs #aboutMeal .contBg dt {
		font-family: 'Rounded Mplus 1c';
    	font-weight: 700;
	}
	#aboutMeal .contBg dd {
		background: #fff;
		padding: 30px 40px;
	}
		#aboutMeal .contBg dd em {
			color: #fb8393;
	    	font-weight: 700;
		}
	#aboutMeal .contBg dd .introText {
		background: #fff;
		margin-bottom: 30px;
		font-family: Meiryo,"メイリオ";
    	font-weight: bold;
		text-align: center;
    	letter-spacing: 0.1em;
	}
	.setOs #aboutMeal .contBg dd .introText {
		font-family: 'Rounded Mplus 1c';
    	font-weight: 700;
	}
	#aboutMeal .contBg dd .introText span {
		display: block;
		font-size: 18px;
	}
	#aboutMeal .contBg dd .introText em {
		display: block;
		padding-top: 50px;
		background: url("../image/common/icon_arrow_bottom_palepink.png") no-repeat center 20px;
		background-size: auto 10px;
		font-size: 20px;
	}

/* pc----------------------------------------------*/
@media (min-width: 769px) {

	#aboutMeal .topBox {
		overflow: hidden;
	}
		#aboutMeal .topBox > p {
			float: right;
			width: 360px;
		}
			#aboutMeal .topBox > p img {
				width: 320px;
			}
		#aboutMeal .topBox > div {
			float: left;
			width: 600px;
		}	
}
/* /pc---------------------------------------------*/


/*//////////////////////////////////////////////////
    子犬・子猫期の食事
///////////////////////////////////////////////////*/
#upto1yearold h3 + p {
	margin-bottom: 20px;
	font-size: 16px;
}
#upto1yearold .mealSec {
	margin-bottom: 40px;
	padding: 40px 60px;
	font-size: 14px;
	background: #f9f9f9;
}
	#upto1yearold .mealSec h4 {
		margin-bottom: 30px;
		font-family: Meiryo,"メイリオ";
		font-weight: bold;
		font-size: 22px;
		text-align: center;
	}
	.setOs #upto1yearold .mealSec h4 {
		font-family: 'Rounded Mplus 1c';
		font-weight: 500;
	}
	#upto1yearold .mealSec em {
		color: #f86984;
		font-weight: 700;
	}
	#upto1yearold .mealSec ol li + li {
		margin-top: 30px;
	}
	#upto1yearold .mealSec ol dl {
		position: relative;
	}
	#upto1yearold .mealSec ol dl dt {
		position: relative;
		margin-bottom: 10px;
		padding-left: 30px;
		font-size: 16px;
		font-weight: bold;
	}
		#upto1yearold .mealSec ol dl dt span {
			position: absolute;
			top: 0;
			left: 0;
			width: 24px;
			height: 24px;
			font-family: Meiryo,"メイリオ";
			font-weight: bold;
			font-size: 16px;
			color: #ffffff;
			text-align: center;
			line-height:24px;
			border-radius: 50%;
			background: #f86984;
		}
		.setOs #upto1yearold .mealSec ol dl dt span {
			font-family: 'Rounded Mplus 1c';
			font-weight: 700;
		}
	#upto1yearold .mealSec ol dl dd .txtBox {
		position: relative;
		margin-bottom: 10px;
		padding: 18px 20px 14px;
		font-weight: bold;
		text-align: center;
		line-height: 1.8;
		z-index: 1;
		border-radius: 4px;
		background: #fee6e9;
	}
	#upto1yearold .mealSec ol dl dd .txtBox:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.6;
		z-index: -1;
		background: url("../image/common/pattern_pad.png");
		background-size: 97px auto;
	}
		#upto1yearold .mealSec ol dl dd .txtBox span {
			display: block;
			font-size: 12px;
		}
		#upto1yearold .mealSec ol dl dd .txtBox em {
			font-size: 16px;
		}
	#upto1yearold .mealSec ol dl dd .txtBox + p em {
		font-weight: bold;
	}
#upto1yearold .recommend {
	padding: 20px 60px;
	font-size: 14px;
	background: #f9f9f9;
}
	#upto1yearold .recommend dt {
		font-weight: bold;
	}
		#upto1yearold .recommend dt em {
			display: block;
			font-size: 18px;
		}
	#upto1yearold .recommend dd {
		padding: 20px 30px;
		width: 360px;
		background: #fff;
		text-align: center;
	}
		#upto1yearold .recommend dd li {
			float: right;
			width: 38%;
		}
		#upto1yearold .recommend dd li:first-of-type {
			float: left;
		}
		#upto1yearold .recommend dd figure img {
			width: 100%;
		}

/* pc----------------------------------------------*/
@media (min-width: 769px) {

	#upto1yearold .mealSec ol dl dd .txtBox {
		position: absolute;
		top: 0;
		right: 0;
		width: 240px;
	}
	#upto1yearold .recommend {
		display: table;
		width: 100%;
	}
		#upto1yearold .recommend dt {
			display: table-cell;
			vertical-align: middle;
		}
		#upto1yearold .recommend dd {
			display: table-cell;
			width: 360px;
		}

}
/* /pc---------------------------------------------*/


/*//////////////////////////////////////////////////
    子犬・子猫の食事の与え方
///////////////////////////////////////////////////*/
#upto1yearoldGive h3 + p {
	margin-bottom: 20px;
	font-size: 16px;
}
#upto1yearoldGive .mealSec {
	margin-bottom: 40px;
	padding: 40px 60px;
	font-size: 14px;
	background: #f9f9f9;
	position: relative;
}
	#upto1yearoldGive .mealSec h4 {
		margin-bottom: 30px;
		font-family: Meiryo,"メイリオ";
		font-weight: bold;
		font-size: 22px;
		text-align: center;
	}
	.setOs #upto1yearoldGive .mealSec h4 {
		font-family: 'Rounded Mplus 1c';
		font-weight: 500;
	}
	#upto1yearoldGive .mealSec p + p {
		margin-top: 20px;
	}
	#upto1yearoldGive .softenedFood p{
		margin-top: 10px;
	}
	#upto1yearoldGive .mealSec > ol{
		margin-top: 50px;
	}
	#upto1yearoldGive .mealSec  ol .num,
	#upto1yearoldGive .mealSec  ol li {
		position: relative;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: 600;
	}
		#upto1yearoldGive .mealSec > ol .num span{
			position: absolute;
			top: -10px;
			left: -10px;
			width: 24px;
			height: 24px;
			font-family: Meiryo,"メイリオ";
			font-weight: bold;
			font-size: 16px;
			color: #ffffff;
			text-align: center;
			line-height:24px;
			border-radius: 50%;
			background: #f86984;
		}
		.setOs #upto1yearoldGive .mealSec > ol .num span,
		.setOs #upto1yearoldGive .mealSec > ol dl dt span {
			font-family: 'Rounded Mplus 1c';
			font-weight: 700;
			font-size: 16px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	#upto1yearoldGive .mealSec > ol div .txtBox {
		position: relative;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 15px 20px 10px;
		font-weight: bold;
		text-align: center;
		z-index: 1;
		border-radius: 4px;
		background: #fee6e9;
	}
	#upto1yearoldGive .mealSec > ol div .txtBox:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.6;
		z-index: -1;
		background: url("../image/common/pattern_pad.png");
		background-size: 97px auto;
	}
		#upto1yearoldGive .mealSec > ol div .txtBox span {
			display: block;
			font-size: 14px;
		}
		#upto1yearoldGive .mealSec > ol div .txtBox em {
			font-size: 24px;
			color: #f86984;
		}
	#upto1yearoldGive .mealSec > ol div .txtBox + p {
		max-width: 620px;
	}
	#upto1yearoldGive .mealSec > ol div .txtBox + p em {
		font-weight: bold;
	}
	#upto1yearoldGive .mealSec > ol dl dd .flow {
		margin-bottom: 20px;
	}
		#upto1yearoldGive .mealSec > ol dl dd .flow li {
			position: relative;
		}
		#upto1yearoldGive .mealSec > ol dl dd .flow li:last-child:after {
			background: none;
		}
#upto1yearoldGive .wetFood > ul > li:nth-last-of-type(n+2) {
	margin-bottom: 40px;
}
	#upto1yearoldGive .wetFood section h5 {
		padding-left: 26px;
		margin-bottom: 10px;
		background: url("../image/common/ttl_paw.png") no-repeat top 6px left;
		background-size: 16px;
		font-size: 16px;
		font-weight: 700;
	}
	#upto1yearoldGive .wetFood section ul li {
		padding-left: 10px;
		background: url("../image/common/icon_disc_grey.png") no-repeat 0 7px;
		background-size: 4px;
	}
	#upto1yearoldGive .wetFood .imgBox {
		width: 100%;
		margin-top: 20px;
		padding: 20px 30px;		
		background: #fff;
		text-align: center;
	}
	#upto1yearoldGive .wetFood .imgBox dt {
		font-weight: 700;
		margin-bottom: 20px;
	}
	#upto1yearoldGive .wetFood .imgBox dd {
		background: url("../image/common/icon_plus_black.png") no-repeat center;
		background-position-y: 40px;
		background-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#upto1yearoldGive .wetFood .imgBox dd figure + figure {
		margin-left: 52px;
	}
	#upto1yearoldGive .wetFood .imgBox dd figure {
		width: 88px;
	}
	#upto1yearoldGive .wetFood .imgBox dd figure img {
		width: 90%;
	}
	#upto1yearoldGive .wetFood .imgBox dd figure figcaption{
		font-size: 9px;
		text-align: center;
	}
	#upto1yearoldGive .wetFood aside > p{
		position: relative;
		margin-top: 1em;
		padding-left: 1em;
	}
	#upto1yearoldGive .wetFood aside p::before{
	content: '※';
    position: absolute;
    left: 0;
	}
#upto1yearoldGive .attention {
	padding: 40px 40px 40px 60px;
	font-size: 14px;
	background: #fff5f5;
}
	#upto1yearoldGive .attention > dl dt {
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
	}
	#upto1yearoldGive .attention > dl dd aside p {
		font-size: 12px;
	}
	#upto1yearoldGive .attention > p {
		padding: 20px 0;
		text-align: center;
		background: #ffffff;
	}

/* pc----------------------------------------------*/
@media (min-width: 769px) {

	#upto1yearoldGive .softenedFood p{
		margin-top: 10px;
	}
	#upto1yearoldGive .mealSec > ol {
		display: flex;
	}
	#upto1yearoldGive .mealSec > ol li {
		width: 100%;
	}
	#upto1yearoldGive .mealSec > ol li + li {
		margin-left: 63px;
		margin-top: 0;
	}
	#upto1yearoldGive .mealSec > ol dl dd {
		position: relative;
	}
	#upto1yearoldGive .mealSec > ol div .txtBox {
		width: 100%;
	}
	#upto1yearoldGive .mealSec > div .flow li {
		float: left;
		width: 250px;
	}
	#upto1yearoldGive .mealSec > ol li:nth-child(-n+2)::after {
		content: "";
		position: absolute;
		top: 22%;
		bottom: 0;
		right: -40px;
		width: 13px;
		height: 22px;
		background: url("../image/common/icon_arrow_pink.png") no-repeat;
		background-size: 13px auto;
	}
	.setOs #upto1yearoldGive .mealSec > ol .num span{
		font-size: 24px;
		width: 40px;
		height: 40px;
		top: -18px;
		left: -18px;
	}
	#upto1yearoldGive .mealSec > div .flow li + li {
		margin-left: 60px;
	}
	#upto1yearoldGive .attention {
		display: table;
		width: 100%;
	}
		#upto1yearoldGive .attention > dl {
			display: table-cell;
			vertical-align: middle;
		}
		#upto1yearoldGive .attention > p {
			display: table-cell;
			width: 280px;
		}
			#upto1yearoldGive .attention > p img {
				width: 150px;
			}
	#upto1yearoldGive .wetFood .bestBody{
		display: flex;
		flex-flow: column;
	}
	#upto1yearoldGive .wetFood .imgBox div{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#upto1yearoldGive .wetFood .imgBox dd + dd{
		margin-left: 100px;
	}
	

}
/* /pc----------------------------------------------*/

/*//////////////////////////////////////////////////
    1日の平均給餌量
///////////////////////////////////////////////////*/
#upto1yearoldQuantity h3 + p {
	margin-bottom: 30px;
	font-size: 16px;
}
/* --------------------------------------------------
    1日の平均給餌量
-------------------------------------------------- */
#upto1yearoldQuantity .secQuantity {
	margin-bottom: 80px;
}
#upto1yearoldQuantity .secQuantity dl {
	font-size: 14px;
}
#upto1yearoldQuantity .secQuantity dl dt {
	margin-bottom: 10px;
}
#upto1yearoldQuantity .secQuantity .dogTbl {
	margin-bottom: 40px;
}
#upto1yearoldQuantity .secQuantity figure {
	width: 100%;
}
#upto1yearoldQuantity .secQuantity figure img {
	width: 100%;
}
#upto1yearoldQuantity .secQuantity .ttlDogTbl em {
	display: inline-block;
    margin: 0 1em 0 0;
    padding: 0 0 0 70px;
    font-family: Meiryo,"メイリオ";
	font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 50px;
    background: url("../image/common/icon_dog_ttl.svg") left center no-repeat;
    background-size: 50px auto;
}
.setOs #upto1yearoldQuantity .secQuantity .ttlDogTbl em {
	font-family: 'Rounded Mplus 1c';
    font-weight: 700;
}
#upto1yearoldQuantity .secQuantity .ttlDogTbl span {
    display: inline-block;
}
#upto1yearoldQuantity .secQuantity .ttlCatTbl em {
	display: inline-block;
    margin: 0 1em 0 0;
    padding: 0 0 0 70px;
    font-family: Meiryo,"メイリオ";
	font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 50px;
    background: url("../image/common/icon_cat_ttl.svg") left center no-repeat;
    background-size: 50px auto;
}
.setOs #upto1yearoldQuantity .secQuantity .ttlCatTbl em {
	font-family: 'Rounded Mplus 1c';
    font-weight: 700;
}
#upto1yearoldQuantity .secQuantity .ttlCatTbl span {
    display: inline-block;
}
p:nth-child(5) {
	margin-top: 40px;
}

/* pc----------------------------------------------*/
@media (min-width: 769px) {
	#upto1yearoldQuantity .secQuantity .supplementary {
		margin-top: 40px;
	}
}
/* /pc---------------------------------------------*/

/* --------------------------------------------------
    食事の注意点
-------------------------------------------------- */
#upto1yearoldQuantity .secCaution > div {
	padding: 40px 60px;
	margin-bottom: 40px;
	background: #f9f9f9;
}
#upto1yearoldQuantity .secCaution .txtList {
	margin-bottom: 20px;
}
	#upto1yearoldQuantity .secCaution .txtList li {
		padding-left: 8px;
		line-height: 1.8;
		background: url("../image/common/icon_disc_grey.png") left 9px no-repeat;
		background-size: 4px auto;
	}
#upto1yearoldQuantity .secCaution .imgBox {
	padding: 24px 30px 44px;
	background: #ffffff;
}
#upto1yearoldQuantity .secCaution .imgBox h4 {
	margin-bottom: -1px;
	letter-spacing: 0.05em;
	font-size: 18px;
	font-family: 'Rounded Mplus 1c';
	font-weight: 700;

}
	#upto1yearoldQuantity .secCaution .imgList {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	#upto1yearoldQuantity .secCaution .imgList li {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 10px calc((100% - 700px) / 14) 0;
		width: 100px;
		height: 120px;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
	}
	#upto1yearoldQuantity .secCaution .imgList li img {
		width: 100px;
	}
	#upto1yearoldQuantity .secCaution .imgList li p {
		line-height: 1.3;
	}

/* --------------------------------------------------
    おかしのあげすぎに注意！
-------------------------------------------------- */
#upto1yearoldQuantity .secCaution .secSnack {
	position: relative;
	padding: 40px 60px;
	z-index: 1;
	border-radius: 4px;
	background: #fee6e9;
}
#upto1yearoldQuantity .secCaution .secSnack:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: -1;
	background: url("../image/common/pattern_pad.png");
	background-size: 97px auto;
}
	#upto1yearoldQuantity .secCaution .secSnack h4 {
		margin-bottom: 30px;
		color: #f86984;
		font-family: Meiryo,"メイリオ";
		font-weight: bold;
		font-size: 22px;
		text-align: center;
		letter-spacing: 0.1em;
	}
	.setOs #upto1yearoldQuantity .secCaution .secSnack h4 {
		font-family: 'Rounded Mplus 1c';
		font-weight: 700;
	}
	#upto1yearoldQuantity .secCaution .secSnack p {
		font-size: 16px;
	}

/*//////////////////////////////////////////////////
    おすすめの食事
///////////////////////////////////////////////////*/
#upto1yearoldRecommended .product {
	display: table;
	width: 100%;
	font-size: 14px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#upto1yearoldRecommended .product + .product dl dt {
	display: none;
}
	#upto1yearoldRecommended .product > dl {
		width: 100%;
		border-left: 1px solid #cccccc;
		background: #fafafa;
	}
		#upto1yearoldRecommended .product > dl > dt {
			padding: 10px 0;
			font-weight: bold;
			text-align: center;
			border-top: 1px solid #cccccc;
			border-bottom: 1px solid #cccccc;
			background: #fee6e9;
		}
		#upto1yearoldRecommended .product > dl > dd {
			padding: 20px;
			text-align: center;
		}
			#upto1yearoldRecommended .product > dl > dd .imgBox {
				width: 100%;
				text-align: center;
				max-width: 250px;
				margin: 0 auto 10px;
				background: #ffffff;
			}
			#upto1yearoldRecommended .product > dl > dd .imgBox .pcDisplay {
				display: none;
			}
			#upto1yearoldRecommended #item01 > dl > dd .imgBox img {
				width: 176px;
			}
			#upto1yearoldRecommended #item02 > dl > dd .imgBox img {
				width: 167px;
			}
			#upto1yearoldRecommended #item03 > dl > dd .imgBox img {
				width: 83px;
			}
			#upto1yearoldRecommended #item04 > dl > dd .imgBox img {
				width: 50px;
			}
	#upto1yearoldRecommended .product .rightBox .boxWrap {
		display: table;
	}
	#upto1yearoldRecommended .product .rightBox dl {
		display: table-cell;
		width: 60%;
		border-left: 1px solid #cccccc;
		background: #fafafa;
	}
	#upto1yearoldRecommended .product .rightBox dl + dl {
		width: 40%;
	}
	#upto1yearoldRecommended .product .rightBox dl dt {
		padding: 10px 0;
		font-weight: bold;
		text-align: center;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		background: #fee6e9;
	}
	#upto1yearoldRecommended .product .rightBox dl dd {
		padding: 20px;
	}
		#upto1yearoldRecommended .product .rightBox dl dd em {
			font-size: 16px;
			font-weight: bold;
		}
/* pc----------------------------------------------*/
@media (min-width: 769px) {
	#upto1yearoldRecommended .product > * {
		display: table-cell;
		vertical-align: top;
	}
	#upto1yearoldRecommended .product > dl {
		width: 30%;
		max-width: 200px;
	}
	#upto1yearoldRecommended .product > dl > dd .imgBox .pcDisplay {
		display: inline;
	}
	#upto1yearoldRecommended .product > dl > dd .imgBox .spDisplay {
		display: none;
	}
	#upto1yearoldRecommended .product > dl > dd .imgBox {
		line-height: 180px;
	}
	#upto1yearoldRecommended #item04 > dl > dd .imgBox {
		line-height: 200px;
	}
	#upto1yearoldRecommended .product .rightBox .boxWrap {
		min-height: 272px;
	}
	#upto1yearoldRecommended #item01 .rightBox .boxWrap {
		min-height: 310px;
	}
	#upto1yearoldRecommended #item04 .rightBox .boxWrap {
		min-height: 271px;
	}
}
/* /pc----------------------------------------------*/

/*//////////////////////////////////////////////////
    成犬、成猫の食事
///////////////////////////////////////////////////*/
#from1yearold section + section {
	margin-top: 40px;
}
#from1yearold .contBg {
	padding: 40px 60px;
	background-color: #f9f9f9;
}
#from1yearold h3 + p {
	margin-bottom: 30px;
	font-size: 16px;
}
#from1yearold .contBg section {
	position: relative;
}
#from1yearold .contBg h4 {
	margin-bottom: 30px;
	font-family: Meiryo,"メイリオ";
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
.setOs #from1yearold .contBg h4 {
	font-family: 'Rounded Mplus 1c';
	font-weight: 700;
}
#from1yearold .contBg .imgBox {
	width: 300px;
	height: 180px;
	padding: 20px 30px;
	background: #fff;
	text-align: center;
}
	#from1yearold .contBg .imgBox li,
	#from1yearold .contBg .imgBox .boxInner figure {
		display: inline-block;
	}
		#from1yearold .contBg .imgBox figure img {
			width: 100%;
		}
	#from1yearold .contBg .imgBox img {
		height: 100%;
	}
#from1yearold .contBg .secBasic {
	margin-bottom: 60px;
}
#from1yearold .contBg .secBasic .imgBox + ul {
	max-width: 554px;
}
#from1yearold .contBg .secBasic li,
#from1yearold .contBg .secCheck dt,
#from1yearold .sec02 .riskList li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
}
#from1yearold .contBg .secBasic li span,
#from1yearold .contBg .secCheck dt span,
#from1yearold .sec02 .riskList li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	border-radius: 50%;
	background: #f86984;
	font-family: Meiryo,"メイリオ";
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.setOs #from1yearold .contBg .secBasic li span,
.setOs #from1yearold .contBg .secCheck dt span,
.setOs #from1yearold .sec02 .riskList li span {
	font-family: 'Rounded Mplus 1c';
	font-weight: 700;
}
#from1yearold .contBg .secCheck dl {
	margin-bottom: 30px;
}
#from1yearold .contBg .secCheck dt {
	margin-bottom: 10px;
}
#from1yearold .contBg .secCheck .recommend {
	margin-bottom: 0;
}
#from1yearold .contBg .secCheck .recommend dt {
	font-weight: 700;
	padding-left: 0;
}
#from1yearold .contBg .secCheck .recommend em {
	display: block;
	font-size: 18px;
}
#from1yearold .contBg .secCheck .recommend .imgBox {
	height: auto;
}
#from1yearold .contBg .secCheck .recommend .imgBox li {
	width: 97px;
}
#from1yearold .contBg .secCheck .recommend .imgBox li:first-of-type {
	margin-right: 38px;
}
#from1yearold .sec01 .secCheck dd small {
	display: block;
	margin-top: 10px;
}
#from1yearold .sec02 .riskList {
	padding-bottom: 70px;
	background: url("../image/common/icon_arrow_bottom_palepink.png") no-repeat;
	background-position: left 218px bottom 30px;
	background-size: 20px 10px;
}
#from1yearold .sec02 .riskList li em,
#from1yearold .sec02 .recMeal h5 {
	color: #f86984;
}
#from1yearold .sec02 .riskList li:last-of-type {
	margin-bottom: 0;
}
#from1yearold .sec02 .riskList li small {
	display: block;
	margin-top: 5px;
	font-weight: 400;
	font-size: 12px;
}
#from1yearold .sec02 .recMeal {
	position: relative;
}
#from1yearold .sec02 .recMeal h5 {
	font-weight: 700;
	font-size: 16px;
}
#from1yearold .sec02 .recMeal ul {
	margin: 10px 0 40px;
}
#from1yearold .sec02 .recMeal ul li::before {
	content: '●';
}
#from1yearold .sec02 .recommend {
	font-size: 18px;
	font-weight: 700;
}
#from1yearold .sec02 .recommend dl {
	font-size: 14px;
}
#from1yearold .sec02 .recommend dl dt {
	float: left;
}
#from1yearold .sec02 .recommend dl dt::after {
	content: "：";
}
#from1yearold .sec02 .recommend dl dd {
	margin-left: 45px;
}
#from1yearold .sec02 .pinkBg {
	position: relative;
    margin-bottom: 60px;
    padding: 40px 60px;
    z-index: 1;
    border-radius: 4px;
    background: #fee6e9;
}
#from1yearold .sec02 .pinkBg::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -1;
    background: url(../image/common/pattern_pad.png);
    background-size: 97px auto;
}
#from1yearold .sec02 .pinkBg h4 {
	margin-bottom: 20px;
	font-family: Meiryo,"メイリオ";
	font-size: 22px;
	font-weight: bold;
	color: #f86984;
	text-align: center;
}
.setOs #from1yearold .sec02 .pinkBg h4 {
	font-family: 'Rounded Mplus 1c';
	font-weight: 700;
}
#from1yearold .sec02 .pinkBg h4 + p {
	margin-bottom: 40px;
	font-size: 16px;
}
#from1yearold .sec02 .recommend .imgBox {
	height: auto;
}
#from1yearold .sec02 .recommend .imgBox .boxInner {
	max-width: 240px;
	margin: 0 auto;
}
#from1yearold .sec02 .recommend .imgBox figure img {
	width: auto;
	max-height: 140px;
}
#from1yearold .sec02 .recommend .imgBox figure {
	width: 40%;
}
#from1yearold .sec02 .recommend .imgBox figure:nth-of-type(-n+2) {
    margin-bottom: 24px;
}
#from1yearold .sec02 .recommend .imgBox figure:nth-of-type(odd) {
    margin-right: 30px;
}
#from1yearold .sec02 .pinkBg > div {
	max-width: 840px;
	margin: 0 auto;
}
#from1yearold .sec02 .pickMeal dt {
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 18px;
}
#from1yearold .sec02 .pickMeal dd li {
	padding-left: 20px;
	background: url("../image/common/icon_disc_grey.png") no-repeat 10px 12px;
	background-size: 4px;
	line-height: 1.8;
}
#from1yearold .sec02 .pickMeal .imgBox {
	width: 250px;
	height: 150px;
	padding: 17px 0;
	background: #fff;
	text-align: center;
}
#from1yearold .sec02 .pickMeal > div:nth-last-of-type(n+2) {
	margin-bottom: 20px;
}
#from1yearold .sec02 .pickMeal .imgBox img {
	height: 100%;
	width: auto;
}
#from1yearold .sec02 .secCheck table {
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#from1yearold .sec02 .secCheck th,
#from1yearold .sec02 .secCheck td {
	width: 50%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#from1yearold .sec02 .secCheck th {
	padding: 14px 0;
	background: #fafafa;
	text-align: center;
}
#from1yearold .sec02 .secCheck td {
	padding: 20px;
}
#from1yearold .sec02 .secCheck tr td:first-of-type {
	vertical-align: middle;
}
#from1yearold .sec02 .secCheck tr td:last-of-type {
	position: relative;
	padding-left: 40px;
}
#from1yearold .sec02 .secCheck tr td:last-of-type::before {
	content: "▶";
	position: absolute;
	top: 20px;
	left: 20px;
}
/* pc----------------------------------------------*/
@media (min-width: 769px) {
	#from1yearold .contBg .secBasic .imgBox {
		position: absolute;
		right: 0;
	}
	#from1yearold .ttlType1 + div {
		overflow: hidden;
	}
		#from1yearold .ttlType1 + div > p {
			float: right;
			width: 360px;
		}
		#from1yearold .sec02 .ttlType1 + div > p img {
			width: 320px;
		}
		#from1yearold .ttlType1 + div > div {
			float: left;
			width: 610px;
		}
	#from1yearold .contBg .secCheck dl:last-of-type dt {
		float: left;
		max-width: 560px;
	}
	#from1yearold .contBg .secCheck dl:last-of-type dd {
		float: right;
		max-width: 560px;
	}
	#from1yearold .contBg .secCheck .imgBox {
		float: right;
	}
	#from1yearold .sec02 h4 + .imgBox {
		float: right;
	}
	#from1yearold .sec02 .riskList {
		max-width: 560px;
	}
	#from1yearold .sec02 .recommend > div:not(.imgBox)  {
		float: left;
	}
	#from1yearold .sec02 .recommend .imgBox  {
		float: right;
	}
	#from1yearold .sec02 .pickMeal > div {
		display: table;
		width: 100%;
	}
	#from1yearold .sec02 .pickMeal dl {
		display: table-cell;
		background: url("../image/common/icon_arrow_pink.png") no-repeat right 64px center;
		background-size: 12px;
		vertical-align: middle;
	}
	#from1yearold .sec02 .pickMeal dl + p {
		display: table-cell;
	}
}
/* /pc----------------------------------------------*/