@charset "UTF-8";
/*--------------------------------------------
STATE
---------------------------------------------*/
@media screen and (max-width: 768px){
	.is-pc{
		display : none;
	}
}
@media print,screen and (min-width: 769px){
	.is-sp{
		display : none;
	}
}
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
	white-space : pre;
}
[data-after]:after{
	content : attr( data-after );
	white-space : pre;
}
[data-both]:before{
	content : attr( data-both );
	white-space : pre;
}
[data-both]:after{
	content : attr( data-both );
	white-space : pre;
}
@media screen and (max-width: 768px){
	[data-sp-after]:after{
		content : attr( data-sp-after );
		white-space : pre;
	}
}
@media screen and (max-width: 768px){
	[data-sp-befpre]:befpre{
		content : attr( data-sp-before );
		white-space : pre;
	}
}
@media print,screen and (min-width: 769px){
	[data-pc-after]:after{
		content : attr( data-pc-after );
		white-pcace : pre;
	}
}
@media print,screen and (min-width: 769px){
	[data-pc-befpre]:befpre{
		content : attr( data-pc-before );
		white-space : pre;
	}
}
:root{
	--body : #423604;
	--link : #423604;
	--primary : #5da126;
}
/*--------------------------------------------
TAG CATEGORY
---------------------------------------------*/
@media print,screen and (min-width: 769px){
	.tag-categories li{
		font-size : 1.4rem;
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	.tag-categories li{
		padding-left : calc( 10 * 100vw / 1160 );
		padding-right : calc( 10 * 100vw / 1160 );
		height : calc( 28 * 100vw / 1160 );
		border-radius : calc( 14 * 100vw / 1160 );
	}
	.tag-categories li + li{
		margin-left : calc( 4 * 100vw / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	.tag-categories li{
		padding-left : 10px;
		padding-right : 10px;
		height : 28px;
		border-radius : 14px;
	}
	.tag-categories li + li{
		margin-left : 4px;
	}
}
/*--------------------------------------------
PAGINATION
---------------------------------------------*/
#paginationSingle{
	position : relative;
}
#paginationSingle a{
	position : absolute;
}
@media screen and (max-width: 768px){
	#paginationSingle{
		height : calc( 60 * 100vw / 768 );
	}
	#paginationSingle img{
		height : calc( 60 * 100vw / 768 );
	}
	#paginationSingle .prev{
		left : calc( 84 * 100% / 672 );
	}
	#paginationSingle .next{
		right : calc( 84 * 100% / 672 );
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#paginationSingle{
		height : calc( 40 * 100vw / 1160 );
	}
	#paginationSingle img{
		height : calc( 40 * 100vw / 1160 );
	}
	#paginationSingle .prev{
		left : calc( 400 * 100% / 1060 );
	}
	#paginationSingle .next{
		right : calc( 400 * 100% / 1060 );
	}
}
@media print,screen and (min-width: 1486px){
	#paginationSingle{
		height : 40px;
	}
	#paginationSingle img{
		height : 40px;
	}
	#paginationSingle .prev{
		left : 400px;
	}
	#paginationSingle .next{
		right : 400px;
	}
}