/**
 * サバペディアカスタマイズ用CSS
 */

/*基礎項目に対する調整 ------------------------------------------------------------------------------ */

#content a{
	color:#0042BC;
	text-decoration:underline;
}

a[target=_blank] {	padding-right: 20px;	background: url(https://umito.umios.com/saba/wp-content/uploads/2020/02/gaibu_link.png) right center/11px auto no-repeat;}

.under_title_h1{margin-top:50px;}

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
	color:#000 !important;
	text-decoration:none !important;
}


#content ul{
	list-style: square;
	list-style-position: inside;
	margin-bottom:20px;
	margin-top:20px;
}

#content h2{
	font-family:Noto Serif JP;
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
}

#content h3{
	font-family:Noto Serif JP;
	font-size:140%;
	font-weight:bold;
	padding:5px;
	margin-bottom:10px;
	border-bottom:1px solid #555;
}

#content .youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
	margin-bottom:20px;
}

#content .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#page_top {
	cursor: pointer;
	position: fixed;
    right: 0;
    bottom: calc(100vh / 10 * 3 );
    z-index: 999;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    right: 3px;
    line-height: 1.2;
    background-color: #0042BC;
    border-radius: 0.2em;
}
#page_top::before {
	/* font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px; */
	content: url(https://umito.umios.com/saba/wp-content/themes/sabapedia/assets/img/page-top.png);
	font-size: 20px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/*サバの養殖 ------------------------------------------------------------------------------ */
#aquaculture #content h2{
		background-color:#ddd;
	padding:10px;
}

/*サバの資源管理 ------------------------------------------------------------------------------ */

#resource #content h2{
		background-color:#ddd;
	padding:10px;
}


/*サバの漁業 ------------------------------------------------------------------------------ */

#fishery #content .youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
	margin-bottom:20px;
}

#fishery #content .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*サバのデータ ------------------------------------------------------------------------------ */

#data #content h2{
		background-color:#ddd;
	padding:10px;
}
#data-taiseiyosaba #content h2{
		background-color:#ddd;
	padding:10px;
}

#data-masaba-gomasaba #content h2{
		background-color:#ddd;
	padding:10px;
}

/*サバの栄養 ------------------------------------------------------------------------------ */

#foodstuff #content h2{
		background-color:#ddd;
	padding:10px;
}

/*サバ缶の作り方 ------------------------------------------------------------------------------ */

#sabakan #content .youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
	margin-bottom:20px;
}

#sabakan #content .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*サバの情報 ------------------------------------------------------------------------------ */
#masaba #content h2,
#gomasaba #content h2,
#taiseiyosaba #content h2
{
		background-color:#ddd;
	padding:10px;
}

/*サバのレシピ ------------------------------------------------------------------------------ */


#recipe #content .wp-block-column{
	padding:3px;
}

#recipe #content .wp-block-column figure{
	width:98%;
	margin:10px auto 15px;
}

#recipe #content .wp-block-column wp-block-button{
	margin-bottom:15px;
}

#recipe #content h2{
margin-top:80px;	
}

#recipe #content h2
{
	font-family:Noto Serif JP;
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
}

#recipe #content h3
{
	font-family:Noto Serif JP;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

.recipe-type .recipes
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.recipe-type .recipes .recipe-item
{
	flex-basis: calc(100% / 3 - 20px);
	align-self: stretch;
	padding: 10px;
	margin-bottom: 40px;
}

.recipe-type .recipes .recipe-item .recipe-title
{
	height: 2.5em;
	line-height: 1.3;
}

/* スマホレイアウト */
@media (max-width: 767px) {

.recipe-type .recipes
{
	display: block;
}

.recipe-type .recipes .recipe-item
{
	width: 100%;
	padding: 0px;
	margin-bottom: 30px;
}

.recipe-type .recipes .recipe-item .recipe-title
{
	height: 2.5em;
	line-height: 1.3;
}

}


/**------------------------------------------------------------------------------ 
 * シェフ
 *------------------------------------------------------------------------------ */
.tax-chef .chef-item 
{
	display: flex;
	margin-bottom: 40px;
}
.tax-chef .chef-item .picture {
	flex-basis: 40%;
}
.tax-chef .chef-item .description {
	flex-basis: 55%;
	padding-left: 5%;    
}
.tax-chef .chef-item .description .navi-links 
{
	display: block;
	margin-top: 20px;
}
.tax-chef .chef-item .description .navi-links .chef-web_url {
	display: inline-block;
}
/* スマホレイアウト */
@media (max-width: 767px) {

	.tax-chef .chef-item 
	{
		display: block;
		margin-bottom: 30px;
	}

}

/*サバのよくある質問 ------------------------------------------------------------------------------ */


/*サバを観察してみましょう ------------------------------------------------------------------------------ */


/*キャンペーンバナー ------------------------------------------------------------------------------ */
.campaign {
    padding-top: 20px;
    display: flex;
    justify-content: center;
}
.campaign > a[target=_blank] {
	padding-right: 0px;
	background: none;
	display: block;
	max-width: 1080px;
	width: 100%;
}