/*----------------------------------------------*/
/* special 1
/*----------------------------------------------*/
.pj-specialBtns{
	list-style: none;
	padding-left: 0;
}

.pj-specialBtns li,
.pj-specialBtns a{
	border:1px solid #333;
	display: inline-block;
	vertical-align: top;
}


.pj-specialBtns li{ padding: 3px; }
.pj-specialBtns li + li { margin-top: 1em }
.pj-specialBtns a{  }
.pj-specialBtns img { display: block }

/*----------------------------------------------*/
/* special 2
/*----------------------------------------------*/
.pj-flowList {
	letter-spacing: -.45em;
	margin:  0 -1em;
}
.pj-flowList > * {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	letter-spacing: normal;
	box-sizing: border-box;
	padding: 1em 1em 0;
}
.pj-flowList >*:nth-child(-n+3){
	padding-top: 0;
}

.pj-flowList > * img{
	vertical-align: top;
}
.pj-flowList > * p{
	margin-top: .5em;
	line-height: 1.4;
	display:block;
}
.pj-flowList > *:before{
	content: "";
	width: 21.4%;
	height: 40px;
	position: absolute;
	top: 90px;
	left: -2em;
	margin: auto auto;
	background: url("../img/ico_flow_arrow.png") no-repeat;
	background-size: contain;
	z-index: 33;
}
.pj-flowList > *:nth-child(3n+1):before{
	display: none;
}
@media ( max-width:667px ) {

	.pj-flowList > * {
		width: 50%;
	}

	.pj-flowList > *:before{
		top: 60px;
		left: -1.5em;
	}
	.pj-flowList > *:nth-child(3n+1):before{
		display: block;
	}
	.pj-flowList > *:nth-child(2n+1):before{
		display: none;
	}
}
@media ( max-width:480px ) {

	li .pj-btn\@Sp--fixed {
		margin: .5em 0;
	}
	.pj-flowList > * {
		width: auto;
	}
	.pj-flowList > *:before{
		display: none!important;
	}
}

.pj-card{
	box-sizing: border-box;
	border: 1px solid #333;
	height: 100%;
	padding: 1em;
}

.pj-card__header{
	border-bottom: 1px solid #333;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.pj-card__title {
	line-height: 1.4;
	font-size: 20px;
	font-weight: bold;
}

.pj-card__title small{
	font-size: 16px;
	font-weight: normal;
}

.pj-card .pj-foodList,
.pj-card .pj-foodList__title{ margin-top: 0; font-size: inherit; font-weight: normal }
.pj-card .pj-foodList__list{  margin-top: .5em; border: none ;   }
.pj-card .pj-foodList__item{ border: none ; padding: .25em 0}

.pj-card .pj-cookingList,
.pj-card .pj-cookingList__title{ margin-top: 0; font-size: inherit;font-weight: normal }
.pj-card .pj-cookingList__list{ margin-top: .5em; border: none ; }
.pj-card .pj-cookingList__item{border: none; padding: .25em 0 }

.pj-bePoFoodList{ margin-top: 0; line-height: 1.5 }
.pj-bePoFoodList .pj-foodList__list { margin-top: 0; border: none; }
.pj-bePoFoodList .pj-foodList__item {
	margin-top: 0; border: none;
	padding:.25em 0;
}

.pj-bePoCookingList{ line-height: 1.5 }
.pj-bePoCookingList .pj-cookingList__list { margin-top: 0; border: none; }
.pj-bePoCookingList ol.pj-cookingList__list .pj-cookingList__item { margin-top: 0; border: none;
	padding:.25em 0 .25em 1.7em;
}
.pj-bePoCookingList ol.pj-cookingList__list .pj-cookingList__item:before {
	color: inherit;
	top: .25em;
	line-height: 1.5;
	content: counter(cooking_num)'.';
}
/*----------------------------------------------*/
/* column
/*----------------------------------------------*/
.pj-questionBlock{ margin-top: 3em }
.pj-questionBlock__question{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;
}
.pj-questionBlock__answer{
	padding-left: 2em;
	position: relative;
}
.pj-questionBlock__answer> *:first-child{
	margin-top: 0;
}

.pj-questionBlock__answer:before{
	content: "A";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}