/*----------------------------------------------*/
/* common
/*----------------------------------------------*/
.bs-figure__caption{
	font-size: 1.4rem;
}
.bs-spacer_top_M{ margin-top: 2.5em; }
/*----------------------------------------------*/
/* index
/*----------------------------------------------*/
.pj-bePoContentIndex { padding-top: 1em }
.pj-bePoContentIndex ul{ padding-left: 0; list-style: none; margin:  2em; line-height: 1.4 }
.pj-bePoContentIndex ul ul { margin: 1em 2em}
.pj-bePoContentIndex ul li{ margin: 1em 0; font-size: 2.0rem;  }
.pj-bePoContentIndex ul a{ color: inherit; text-align: center; text-decoration: none }
.pj-bePoContentIndex ul a:hover{ color: #4c007e; text-decoration: underline }

@media ( max-width: 667px ) {
	.pj-bePoContentIndex { padding-top: 0 }
	.pj-bePoContentIndex ul{ margin:  calc(20/14*1em); }
	.pj-bePoContentIndex ul a{ font-size: 1.8rem; }
	.pj-bePoContentIndex ul ul { margin: .5em 1em}
	.pj-bePoContentIndex ul li{ margin: .5em 0; font-size: 1.7rem; }
}
/*----------------------------------------------*/
/* pj-bePoArticle
/*----------------------------------------------*/
.pj-bePoArticle{
	max-width: 860px;
	margin: 0 auto 2em;
}
.pj-main .pj-bePoArticle + *:last-child{ margin-bottom: 2em}

.pj-bePoArticle__list{
	margin: 2em 0;
}
.pj-bePoArticle__list > .pj-bePoArticle__item:first-child{ margin-top: 0; }
.pj-bePoArticle__list > .pj-bePoArticle__item:last-child{ margin-bottom: 0; }

.pj-bePoArticle__item{
	margin: 3.75em 0;
}
.pj-bePoArticle__btn{
	display: block;
	overflow: hidden;
	padding: .5em;
	margin: 0 -.5em;
}

.pj-bePoArticle__btn:hover .pj-bePoArticle__text{
	text-decoration: underline;
}

.pj-bePoArticle__thumb{
	float: left;
	margin-right: 2em;
	max-width: 272px;
}

.pj-bePoArticle__thumb img{
	display: block;
}
.pj-bePoArticle__body{
	/*overflow: hidden;*/
}


.pj-bePoArticle__body > *:last-child{
	margin-bottom: 0!important;
}

.pj-bePoArticle__caption{
	font-size: 2.4rem;
	margin-bottom: .5em;
	line-height: 1.3;
}
.pj-bePoArticle__caption small{
	font-size: 1.3rem;
	margin-bottom: 1em;
}
.pj-bePoArticle__meta{ display: block; color: #989898; }
.pj-bePoArticle__category{}
.pj-bePoArticle__description{
	/*font-size: 1.4rem;*/
}

@media ( max-width: 667px ) {

	.pj-bePoArticle__list .pj-bePoArticle__item{
		margin: .5em 0 1em;
	}

	.pj-bePoArticle__list .pj-bePoArticle__item + .pj-bePoArticle__item { padding-top: 1em; border-top: 1px solid #CCC }

	.pj-bePoArticle__thumb{
		/*float: none;*/
		/*max-width: 100%;*/
		/*margin: 0 auto .5em;*/
		margin-right: 1em;
		width: 30%;
	}
	.pj-bePoArticle__caption{
		font-size: 1.6rem;
	}
	.pj-bePoArticle__description{
		font-size: 1.4rem;
	}

	.pj-bePoArticle__btn:hover {
		color: inherit;
	}

	.pj-bePoArticle--home .pj-bePoArticle__list{
		letter-spacing: -0.45em;
		margin: 0 -.5em;
	}
	.pj-bePoArticle--home .pj-bePoArticle__list > *{
		letter-spacing:normal;
		width: 50%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		padding: 0 .5em;

	}
	.pj-bePoArticle--home .pj-bePoArticle__item + .pj-bePoArticle__item{
		border: none;
		margin-top: 0;
		padding-top: 0;
	}

	.pj-bePoArticle--home .pj-bePoArticle__thumb{
		float: none;
		width: auto;
		margin: 0 0 .5em;
	}
	.pj-bePoArticle--home .pj-bePoArticle__btn{
		display: block;
		margin:0;
		padding: 0;
	}
	.pj-bePoArticle--home .pj-bePoArticle__meta{
		margin-bottom: .5em;
	}
}

/*----------------------------------------------*/
/* volume
/*----------------------------------------------*/
.pj-bePoArticle__header .pj-bePoArticle__title,
.pj-bePoArticle__header h1{
	margin-top: 0;
	font-size: 2rem;
}
.pj-bePoArticle__header{
	margin-top: 1em;
}
.pj-bePoArticle__title {
	position: relative;
	margin-bottom:.5em;
}
.pj-bePoArticle__title span{
	display: block;
	font-size: 1.6rem;
	color: #999;
	margin-bottom: .5em;
}
.pj-bePoArticle__title small{
	font-size: 1.2rem;
	position: absolute;
	bottom: .65em;
	right: 0;
	margin: auto 0 auto auto;
	width: 10em;
	height: 1em;
	text-align: right;
	line-height: 1;
}

.pj-bePoArticle__book{
	max-width: 360px;
	margin: 0 auto;
}
.pj-bePoArticle__book img{
	box-sizing: border-box;
	border: 1px solid #CCC;
	margin-top: 1em;
}
.pj-bePoArticle__book .bs-list{
	margin: 1em auto;
}
@media ( min-width: 668px )  {
	.pj-bePoArticle__body--grid{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
	    "item1 item2"
	    "item1 item3";
	}
	.pj-bePoArticle__body--grid > *:nth-child(1){ grid-area: item1; }
	.pj-bePoArticle__body--grid > *:nth-child(2){ grid-area: item2; }
	.pj-bePoArticle__body--grid > *:nth-child(3){ grid-area: item3; }
	
	.pj-bePoArticle__book .bs-list{
		display: flex;
		justify-content: center;
	}
}

.pj-bePoArticle__book .pj-btn--more { font-size: 1.6rem }

.pj-bePoArticle__subTitle {}
.pj-bePoArticle__subTitle small { display: block; font-size: 1.8rem; margin-bottom: .35em }

.pj-bePoArticle__headingLv1 { font-size: 2.4rem; border-bottom: 1px solid #333; margin-top: 3.2rem; margin-bottom: 1.6rem; padding-bottom: .5em}
.pj-bePoArticle__headingLv2 { font-size: 2.0rem; margin-top: 3em; margin-bottom: 2em;  }
.pj-bePoArticle__headingLv2--border { border-bottom: 1px solid #CCC; padding-bottom: .5em }
.pj-bePoArticle__headingLv2 span { display: block }
.pj-bePoArticle__item .pj-bePoArticle__headingLv2 { margin-bottom: .5em;  }

.pj-bePoArticle__item .pj-bePoArticle__body{ overflow: hidden }

.pj-bePoArticle__headingLv3 { font-size: 1.8rem; margin-top: 3.333em; margin-bottom: 2.222em }
.pj-bePoArticle__headingQA  { font-size: 2.0rem; margin-top: 3em; margin-bottom: 2em; }
.pj-bePoArticle__headingQA span { margin-right: .5em; display: inline-block }
.pj-bePoArticle__answer {
	position: relative;
	padding-left: 2em;
	font-size: 1.8rem;
	line-height: 1.4;
}
.pj-bePoArticle__answer span {
    position: absolute;
    top: 0; left: 0;
}

.pj-bePoArticle__item.pj-section { margin: 3.75em 0 }
.pj-bePoArticle__item h3{
	font-size: 2.4rem;
	margin-bottom: .75em;
}
.pj-bePoArticle__item .pj-section__body{  color: #555; }
.pj-bePoArticle__item .pj-section__body h2,
.pj-bePoArticle__item .pj-section__body h3,
.pj-bePoArticle__item .pj-section__body h4{ color: #333 }

.pj-bePoArticle__item .pj-bePoArticle__btn {}

.pj-bePoArticle__recipeList { line-height: 1.4 }
.pj-bePoArticle__recipeList h3 { font-size: 2rem }
.pj-bePoArticle__recipeList b { font-size: 1.5rem; margin-top: .5em ; margin-bottom: .5em; display: block; color: #666  }
.pj-bePoArticle__recipeList b + p { margin-top: .5em; font-size: 1.5rem }
.pj-bePoArticle__recipeList a { color: inherit; text-decoration: none }
.pj-bePoArticle__recipeList a b{ text-decoration: none }
.pj-bePoArticle__recipeList a:hover b{ text-decoration: underline }
.pj-bePoArticle__recipeList a p { text-decoration: none; margin-bottom:0; }

b+.pj-bePoFoodList,
b+.pj-bePoCooking { margin-top:0 }

.pj-bePoFoodList > *::after,
.pj-bePoCooking > *::after{
	margin-bottom: .3em;
}

.pj-bePoFoodList > li > :first-child,
.pj-bePoCooking > li > :first-child {
	padding-top: .3em;
}

@media ( max-width: 667px ) {

	.pj-bePoArticle__header .pj-bePoArticle__title,
	.pj-bePoArticle__header h1{
		font-size: 1.2rem;
		color: #999;
	}

	.pj-bePoArticle__header .pj-bePoArticle__title span,
	.pj-bePoArticle__header h1 span{
		font-size: 1.2rem;
	}

	.pj-bePoArticle__headingLv2 { margin-top: 1.85em;  }

	.pj-bePoArticle__item.pj-section {
		margin: 1.85em 0;
	}
	.pj-bePoArticle__item .bs-media__side img{
		width: 100%;
	}
	.pj-bePoArticle__item .bs-media__side{
		margin-bottom: 1.6rem;
	}
	.pj-bePoArticle__item .bs-media__body{
		margin-top: 1.6rem;
	}
	.pj-bePoArticle__item .bs-media__body .pj-bePoArticle__headingLv2 { margin-bottom: 1em;  }

	.pj-bePoArticle__recipeList > div{
		overflow: hidden;
		padding-top: 0;
	}
	.pj-bePoArticle__recipeList > div + div { margin-top:2em; }
	.pj-bePoArticle__recipeList h3 {
		font-size: 1.4rem;
	}
	.pj-bePoArticle__recipeList img {
		float: left;
		width: 35%;
		margin-right: 1em;
	}

	.pj-bePoArticle__recipeList b,
	.pj-bePoArticle__recipeList p { overflow:hidden;}

	.pj-bePoArticle__recipeList b { margin-top:0; }

}


/*----------------------------------------------*/
/* profile
/*----------------------------------------------*/
.pj-bePoProfile{
	border: 1px solid #CCC;
	padding: 0 3em;
	background-color: #EEE;
}
.pj-bePoProfile__header{}
.pj-bePoProfile__title {
	margin:0 0 1em ;
}
.pj-bePoProfile__body{
	margin: 3em 0;
}
.pj-bePoProfile .bs-media__side--right{ margin-left: 2em }
.pj-bePoProfile__name{ font-size: 1.8rem }


@media ( max-width: 600px ) {
	.pj-bePoProfile .bs-media__side{

		margin: 0 auto .5em;
		padding-left: 0;
	}
	.pj-bePoProfile .bs-media__side img { width: 100% }
}

/*----------------------------------------------*/
/* flowList
/*----------------------------------------------*/
/*.pj-bePoflowList{ background-color:palevioletred; }*/
.pj-bePoflowList > * > p{ margin-top: .5em }
.pj-bePoflowList > * > * { display: block }
.pj-bePoflowList > * > *:last-child{ margin-bottom:0 }
.pj-bePoflowList > *:before{
	content: "";
	width: 20%;
	height: 36px;
	position: absolute;
	top: 28.92%;
	left: -1.75em;
	margin: auto auto;
	background: url("../img/ico/ico_flow_arrow.png") no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 33;
	display: none;
}
.pj-bePoflowList.bs-grid--col4 > *:before{
	top: 34.00%;
	left: -1.25em;
}
.pj-bePoflowList figcaption{ padding-bottom: 1em}

.pj-bePoflowList[class*=bs-grid--gap] > * { padding-top: 0; border-top: 1em solid transparent }
.pj-bePoflowList.bs-grid--gap_M > * { padding-top: 0; border-top: 1em solid transparent }

@media ( min-width:801px ) {
	.pj-bePoflowList.bs-grid--col3 > *:nth-child(3n+2):before,
	.pj-bePoflowList.bs-grid--col3 > *:nth-child(3n+3):before{ display: block; }
	.pj-bePoflowList.bs-grid--col3 > *:nth-child(-n+3){ border-top:none; }

	.pj-bePoflowList.bs-grid--col4 > *:nth-child(4n+2):before,
	.pj-bePoflowList.bs-grid--col4 > *:nth-child(4n+3):before,
	.pj-bePoflowList.bs-grid--col4 > *:nth-child(4n+4):before{ display: block; }
	.pj-bePoflowList.bs-grid--col4 > *:nth-child(-n+4){ border-top:none; }
}
@media ( min-width:668px ) and ( max-width:800px ) {
	.pj-bePoflowList.bs-grid\@Tablet--col2 > *:nth-child(2n+2):before{ display: block;  }
	.pj-bePoflowList.bs-grid\@Tablet--col2 > *:nth-child(-n+2){ border-top:none; }
}
@media ( max-width:667px ) {
	.pj-bePoflowList.bs-grid\@Sp--col2 > *:nth-child(2n+2):before{ display: block;  }
	.pj-bePoflowList.bs-grid\@Sp--col2 > *:nth-child(-n+2){ border-top:none; }
	.pj-bePoflowList.bs-grid--col3 > *:before{
		top: 18.00%;
		left: -1.25em;
	}

}
/*@media ( max-width:480px ) {}*/