/* temporary style *

.pj-bePoArticle__thumb img,
.pj-bePoLatest__thumb img,
.pj-bePoPopular__thumb img,
.pj-bePoBanner img{ background:linear-gradient(-45deg,#fff 25%,#DDD 25%,#DDD 50%,#fff 50%,#fff 75%,#DDD 75%,#DDD) 0/6px 6px; }

.pj-bePoPopular__thumb img,
.pj-bePoLatest__thumb img {
	width: 100px;
	height: 100px;
	display: block;
}
.pj-bePoArticle__thumb img{
	min-width:300px;
	height: 150px;
}

/*----------------------------------------------*/
/* common
/*----------------------------------------------*/
.pj-contents__body .pj-bePoNav__btn:before,
.pj-bePoMarkerList li:before{
	content: '';
	background-image: url(../../img/ico/usmef_pats2025.png);
	background-repeat: no-repeat;
	background-position: -300px -84px;
	overflow: hidden;
	display: inline-block;
	text-align: left;
	text-indent: -777px;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: .25em;
}

.bs-media__body > *:last-child{ margin-bottom: 0!important; }


/* backNumber */
.pj-bePoBackNumber__title{
	height: auto;
}

/*----------------------------------------------*/
/* bePo layout
/*----------------------------------------------*/
.pj-page--bePo{}
.pj-page--bePo_index{}
.pj-contents__inner{
	/*max-width: 1200px;*/
	/*margin:0 auto;*/
}

.pj-contents__header{
	margin-bottom: 4.8rem;
	border-bottom: 1px solid #CCC;
}
.pj-contents__header .pj-categoryTitle a{
	display: block;
}
.pj-contents__header .pj-categoryTitle img{
	max-width: 300px;
	width: 100%;
}

.pj-contents__body{
	/*display: table;*/
	width: 100%;
	min-height: 600px;
}

.pj-main,
.pj-second{
	/*display: inline-block;*/
	/*vertical-align: top;*/
	/*box-sizing: border-box;*/
}
.pj-main {
	max-width: 860px;
	margin-inline: auto;
	/*width: 71%;*/
	margin-bottom: 3em;
}
.pj-second{
	/*width: 29%;*/
	/*!*padding-left: 4.8rem;*!*/
	/*padding-left: 5.4rem;*/
}
.pj-main > *:first-child,
.pj-second > *:first-child{ margin-top: 0}

.pj-bePoArticle__visualText\@Sp{ display: none; font-size:1.8rem; line-height: 1.4; font-weight:bold;  }


@media ( max-width: 1200px ) {
	.pj-contents__inner{
		/*padding-left: 2em;*/
		/*padding-right: 2em;*/
	}
}
@media ( max-width: 800px ) {

	.pj-contents__header .pj-categoryTitle img{
		/*max-width: 300px;*/
		width: 80%;
	}

	.pj-main,
	.pj-second	{
		display: block;
		width: auto;
	}
	.pj-second{
		padding-left: 0; }
}
@media ( max-width: 667px ) {
	.pj-main{
		margin-bottom: 1em;
	}
	
	.pj-bePoArticle__visualText\@Sp{ display: block ; }

	/*.pj-contents{ margin-top: 1.6rem;  }*/

	.pj-contents__header { border-bottom:none; margin-bottom: 0}
	.pj-contents__header .pj-categoryTitle img{
		/*width: 60%;*/
		display: none;
	}
	.pj-contents__inner{
		/*padding-left: 1em;*/
		/*padding-right: 1em;*/
	}
}

/*----------------------------------------------*/
/* .pj-bePoNav
/*----------------------------------------------*/
.pj-bePoNav{}
.pj-bePoNav__list{
	text-align: center;
	list-style: none;
	padding-left: 0;
}
.pj-bePoNav__item{
	display: inline-block;
	vertical-align: middle;
	margin: 0 2.5em;
}
.pj-bePoNav__btn{
	display: block;
	color: inherit;
	text-decoration: none;
}
@media ( max-width: 800px ) {
	.pj-bePoNav__item{ margin: 0 .5em}
}
@media ( max-width: 667px ) {

	.pj-contents__header .pj-bePoNav{ display: none }
	.pj-contents__body .pj-bePoNav{ margin-bottom: 2em }

	.pj-bePoNav__list{ border-bottom:1px solid #CCC }
	.pj-bePoNav__item{ display: block; border-top:1px solid #CCC }
	.pj-bePoNav__btn{ padding: .5em; text-align: left }


}

/*----------------------------------------------*/
/* pj-bePoPickup
/*----------------------------------------------*/
.pj-bePoPickup{}
.pj-bePoPickup__list{}
.pj-bePoPickup__item{}
.pj-bePoPickup__btn{
}
/*----------------------------------------------*/
/* pj-bePoNewTopics
/*----------------------------------------------*/
.pj-bePoNewTopics{}
.pj-bePoNewTopics__title{}
.pj-bePoNewTopics__list{}
.pj-bePoNewTopics__item{
	margin-top: 2em;
	margin-bottom: 2em;
}
.pj-bePoNewTopics__caption{
	font-size: 2.4rem;
	line-height: 1;
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}
.pj-bePoNewTopics__meta {
	display: block;
	margin-bottom: 1em;
}
.pj-bePoNewTopics__btn{
	text-decoration: none;
	color: inherit;
	display: block;
}
/*----------------------------------------------*/
/* pj-bePoRecipe
/*----------------------------------------------*/
.pj-bePoRecipe{
	/*max-width: 860px;*/
	/*margin-inline: auto;*/
}
.pj-bePoRecipe__list{}
.pj-bePoRecipe__item{}
.pj-bePoRecipe__btn{}
@media ( max-width: 667px ){
}

/*----------------------------------------------*/
/* category
/*----------------------------------------------*/
.pj-bePoCategory__item .bs-figure__img{
	box-sizing: border-box;
	overflow: hidden;
}

/*----------------------------------------------*/
/* pj-bePoLatestBook
/*----------------------------------------------*/
.pj-bePoLatestBook{

	border: 1px solid #CCC;
	padding: 1em;

}
.pj-bePoLatestBook__cover{
	border:1px solid #CCC;
	display: table;
	margin: 0 auto;
	max-width: 300px;
}
.pj-bePoLatestBook__cover img { width: 100%; }
.pj-bePoLatestBook__vol { font-size: 1.3rem }
.pj-bePoLatestBook__title{ margin-top: 1.6rem; margin-bottom: 1.6rem; line-height: 1.4; font-weight: bold; font-size: 1.8rem }
.pj-bePoLatestBook__list{}
.pj-bePoLatestBook__item{}
.pj-bePoLatestBook__btn{}
.pj-bePoLatestBook__description{
	font-size:1.4rem;
	line-height: 1.5;
}

.pj-bePoMarkerList a {
	color: inherit;
	text-decoration: none;
}
.pj-bePoMarkerList a:hover{ text-decoration: underline }

.pj-bePoLatestBook__links{
	font-size:1.4rem;

}

/*----------------------------------------------*/
/* pj-bePoShare
/*----------------------------------------------*/
.pj-bePoShare {
	margin-top: 3em;
	margin-bottom: 3em;

}

/*----------------------------------------------*/
/* pj-bePoLatest
/*----------------------------------------------*/
.pj-bePoLatest{
	margin-bottom: 3em;
	padding-top: 1.5em;
	border-top: 1px solid #CCC;
}
/*.pj-bePoLatest:first-child{ border-top: none; }*/
.pj-bePoLatest__title{ text-align: center; font-size: 1.8rem; margin-top: 0; font-weight: bold; }
.pj-bePoLatest__list{
	list-style: none;
	padding-left: 0;
}
.pj-bePoLatest__item{
	line-height: 1.4 }
.pj-bePoLatest__btn {
	position: relative;
	display: block ;
	text-decoration: none;
	color: inherit;
	padding: .5em;
	margin: 0 -.5em;
}
.pj-bePoLatest__btn:after{
	content: "";
	display: table;
	clear: both;
}
.pj-bePoLatest__btn:hover .pj-bePoLatest__text{
	text-decoration: underline;
}

.pj-bePoLatest__thumb{ float: left; margin-right: 1em; width: 30%; }
.pj-bePoLatest__thumb img { box-sizing: border-box; border: 1px solid #CCC }
.pj-bePoLatest__description{ overflow: hidden;  }
.pj-bePoLatest__caption{ margin: 0; font-size: 1.4rem }
.pj-bePoLatest__meta{ display: block  }
/*----------------------------------------------*/
/* pj-bePoPopular
/*----------------------------------------------*/
.pj-bePoPopular{
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #CCC;
}
/*.pj-bePoPopular:first-child{ border-top: none; }*/
.pj-bePoPopular__title{ text-align: center; font-size: 1.8rem; margin-top: 0; font-weight: bold; }
.pj-bePoPopular__list{
	list-style: none;
	padding-left: 0;
}
.pj-bePoPopular__item{ line-height: 1.4 }
.pj-bePoPopular__btn {
	position: relative;
	display: block ;
	text-decoration: none;
	color: inherit;
	padding: .5em;
	margin: 0 -.5em;
}
.pj-bePoPopular__btn:after{
	content: "";
	display: table;
	clear: both;
}
.pj-bePoPopular__thumb{ float: left; margin-right: 1em; width: 30%; }
.pj-bePoPopular__thumb img { box-sizing: border-box; border: 1px solid #CCC }
.pj-bePoPopular__description{ overflow: hidden;  }
.pj-bePoPopular__caption{ margin: 0; font-size: 1.4rem}
.pj-bePoPopular__meta{ display: block  }

/*----------------------------------------------*/
/* pj-bePoBanner
/*----------------------------------------------*/
.pj-bePoBanner{
	margin-top: 1.5em;
	margin-bottom: 3em;
	padding-top: 1.5em;
	border-top: 1px solid #CCC;
}
.pj-bePoBanner__list{
	list-style: none;
	padding-left: 0;}
.pj-bePoBanner__item{
	margin-top: 1em;
	margin-bottom: 1em;
}
.pj-bePoBanner__btn,
.pj-bePoBanner__img{ display: block }
.pj-bePoBanner__img{ box-sizing: border-box; border: 1px solid #CCC }

@media ( max-width: 768px ) {
/*
	.pj-bePoBanner__list{
		position: relative;
		margin :0 -.5em;
		letter-spacing: -.45em;
	}
	.pj-bePoBanner__item {
		box-sizing: border-box;
		letter-spacing: normal;
		display: inline-block; vertical-align: top;
		width: 50%;
		padding-left: .5em;
		padding-right: .5em;
		margin-top: .5em;
		margin-bottom: .5em;
	}
	*/
	.pj-bePoBanner__item img { width: 100% }
}

/*----------------------------------------------*/
/* pj-bePoSocial
/*----------------------------------------------*/
.pj-bePoSocial{
	margin-top: 1.5em;
	margin-bottom: 2em;
	padding-top: 1.5em;
	border-top: 1px solid #CCC;
}
.pj-bePoSocial__block{
	margin-bottom: 2em;
}
.pj-bePoSocial__block:last-child{
	margin-bottom: 0;
}
.pj-bePoSocial__block + .pj-bePoSocial__block {
	border-top: 1px solid #CCC;
	padding-top: 1.5em;
}

.pj-bePoSocial__title{
	margin-top: 0;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}
.pj-bePoSocial__title .bs-ico{
	margin-right:10px;
}
.pj-bePoSocial__body > *{
	margin: 0 auto;
	display: table;
}
.pj-bePoSocial__body iframe{
	width: 100%;
}
.pj-bePoSocial__list{
	list-style: none;
	padding-left: 0;
}
.pj-bePoSocial__item{}
.pj-bePoSocial__btn{}

@media ( min-width: 668px ) and ( max-width: 800px ) {
	.pj-bePoSocial__block + .pj-bePoSocial__block {
		border-top: none;
		padding-top: 0;
	}
}

/*----------------------------------------------*/
/* pj-bePoBth
/*----------------------------------------------*/
.pj-btn--bepo:hover{
	background-color: #EEE;
}

/*----------------------------------------------*/
/* relation
/*----------------------------------------------*/

.pj-bePoRelation{
	border-top:1px solid #CCC;
	font-weight: bold;
	text-align: center;
	font-size: 1.8rem;
}
.pj-bePoRelation__header{
	padding-top: 1em;
	line-height: 1;
}
.pj-bePoRelation__body{
	margin-top: 1em;
}
@media ( max-width: 768px ) {
	.pj-bePoRelation__header{
		padding-top: 1em;
	}
}
@media ( min-width: 668px ) {
	.pj-bePoRelation{ margin-bottom: 2em!important; }
}
@media ( max-width: 667px ) {
	.pj-bePoRelation{ margin-bottom: 1em!important; }
	.pj-bePoRelation__body .pj-btn{
		text-align: left;
		padding-left: 2em;
		position: relative;
		margin: 0;
	}
	.pj-bePoRelation__body .pj-btn:before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: .5em;
		margin: auto;
	}
	.pj-bePoRelation__body ul > li + li .pj-btn{
		border-top: none;
	}
}