@charset "UTF-8";
:root{
	--body : #423604;
	--link : #423604;
	--primary : #5da126;
}
/*--------------------------------------------
COLUMN
---------------------------------------------*/
@media screen and (max-width: 768px){
	#column{
		padding-bottom : calc( 60 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#column{
		padding-bottom : calc( 55 * 100vw / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	#column{
		padding-bottom : 85px;
	}
}
/*--------------------------------------------
ARTICLE
---------------------------------------------*/
#article .box{
	background-color : #fff;
}
#article .head{
	display : flex;
}
#article .head time{
	flex-shrink : 0;
	letter-spacing : .1em;
}
#article .title{
	border-bottom-style : solid;
	border-bottom-color : #ffd00e;
	font-weight : 700;
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#article .box{
		padding-top : calc( 20 * 100vw / 768 );
		padding-left : calc( 34 * 100% / 720 );
		padding-right : calc( 34 * 100% / 720 );
		padding-bottom : calc( ( 27 - 7 ) * 100vw / 768 );
	}
	#article .head time{
		font-size : 2.6rem;
		margin-top : calc( 5 * 100vw / 768 );
		margin-right : calc( 44 * 100% / 648 );
	}
	#article .head .tag-categories li + li{
		margin-left : calc( 4 * 100vw / 768 );
	}
	#article .title{
		font-size : 4rem;
		line-height : 1.3;
		border-bottom-width : calc( 8 * 100vw / 768 );
		margin-top : calc( ( 40 - 6 ) * 100vw / 768 );
		padding-bottom : calc( ( 22 - 6 ) * 100vw / 768 );
	}
	#article #editor01{
		margin-top : calc( ( 24 - 7 ) * 100vw / 768 );
	}
	#article #editor02{
		margin-top : calc( ( 119 - 7 - 7 ) * 100vw / 768 );
	}
	#article #entries{
		margin-top : calc( ( 76 - 7 - 5 ) * 100vw / 768 );
	}
	#article #editor03{
		margin-top : calc( ( 62 - 3.9 - 7 ) * 100vw / 768 );
	}
	#article #paginationSingle{
		margin-top : calc( 51 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
	}
}
@media print,screen and (min-width: 769px){
	#article .head time{
		font-size : 1.8rem;
	}
	#article .title{
		font-size : 3.4rem;
		line-height : 1.3;
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#article .box{
		padding-top : calc( 26 * 100vw / 1160 );
		padding-left : calc( 30 * 100% / 1060 );
		padding-right : calc( 30 * 100% / 1060 );
		padding-bottom : calc( ( 71 - 4.5 ) * 100vw / 1160 );
	}
	#article .head time{
		margin-top : calc( 5 * 100vw / 1160 );
		margin-right : calc( 24 * 100% / 1000 );
	}
	#article .title{
		border-bottom-width : calc( 4 * 100vw / 1160 );
		margin-top : calc( ( 28 - 5.1 ) * 100vw / 1160 );
		padding-bottom : calc( ( 22 - 5.1 ) * 100vw / 1160 );
	}
	#article #editor01{
		margin-top : calc( ( 32 - 4.5 ) * 100vw / 1160 );
	}
	#article #editor02{
		margin-top : calc( ( 100 - 4.5 - 4.5 ) * 100vw / 1160 );
	}
	#article #entries{
		margin-top : calc( ( 82 - 4.5 - 4.2 ) * 100vw / 1160 );
	}
	#article #editor03{
		margin-top : calc( ( 76 - 4.5 - 4.5 ) * 100vw / 1160 );
	}
	#article #paginationSingle{
		margin-top : calc( 64 * 100vw / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	#article .box{
		padding-top : 26px;
		padding-left : 30px;
		padding-right : 30px;
		padding-bottom : calc( 71px - 4.5px );
	}
	#article .head time{
		margin-top : 5px;
		margin-right : 24px;
	}
	#article .title{
		border-bottom-width : 4px;
		margin-top : calc( 28px - 5.1px );
		padding-bottom : calc( 22px - 5.1px );
	}
	#article #editor01{
		margin-top : calc( 32px - 4.5px );
	}
	#article #editor02{
		margin-top : calc( 100px - 4.5px - 4.5px );
	}
	#article #entries{
		margin-top : calc( 82px - 4.5px - 4.2px );
	}
	#article #editor03{
		margin-top : calc( 76px - 4.5px - 4.5px );
	}
	#article #paginationSingle{
		margin-top : 64px;
	}
}
#entries h3{
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
	font-weight : 700;
}
#entries h3:after{
	content : "";
	display : block;
	margin-left : auto;
	margin-right : auto;
	background-color : #ffd00e;
}
#entries h4{
	font-weight : 700;
	letter-spacing : .1em;
}
		ul#entries > li{
			margin-bottom: 5em;
		}
		ul#entries > li:last-of-type{
			margin-bottom: 0em ;
		}
#entries li li p{
	letter-spacing : .1em;
}
#entries li li picture img{
    object-fit: cover;
}
@media screen and (max-width: 768px){
	#entries h3{
		font-size : 3rem;
		line-height : 1.3333;
	}
	#entries h3:after{
		margin-top : calc( ( 21 - 5 ) * 100vw / 768 );
		width : calc( 150 * 100% / 648 );
		height : calc( 6 * 100vw / 768 );
	}
	#entries .editor{
		margin-top : calc( ( 27 - 7 ) * 100vw / 768 );
	}
	#entries ul{
		margin-top : calc( ( 47 - 7 ) * 100vw / 768 );
	}
	#entries li li{
		display : flex;
		align-items : flex-start;
	}
	#entries li li + li{
		margin-top : calc( 43 * 100vw / 768 );
	}
	#entries li li p.award{
		margin-top : calc( 0 * 100vw / 768 );
		margin-bottom : calc( 16 * 100vw / 768 );
		font-size: 
	}
		#entries li li p.award span{
			color: #000;
			padding: calc( 3 * 100vw / 768 ) calc( 12 * 100vw / 768 );
			border-radius: calc( 6 * 100vw / 768 );
		}
	#entries li li p{
		margin-top : calc( 10 * 100vw / 768 );
	}
	#entries picture{
		width : calc( 260 * 100% / 648 );
		flex-shrink : 0;
	}
	#entries li li > div{
		flex-grow : 1;
		padding-left : calc( 10 * 100% / 648 );
		padding-right : calc( 10 * 100% / 648 );
	}
	#entries h4{
		margin-top : calc( -4.5 * 100vw / 768 );
		font-size : 3rem;
		line-height : 1.3;
	}
	#entries li li p{
		margin-top : calc( 10 * 100vw / 768 );
		font-size : 2.6rem;
		line-height : 1.3;
	}
	#entries li li  picture img{
        width: calc( 250 * 100vw / 768 );
        height: calc( 250 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#entries h3{
		font-size : 2.8rem;
		line-height : 1.3;
	}
	#entries ul{
		display : flex;
		flex-wrap : wrap;
	}
	#entries picture{
		width : 100%;
	}
	#entries h4{
		font-size : 2.4rem;
		line-height : 1.3;
	}
	#entries li li p{
		font-size : 1.8rem;
		line-height : 1.5;
		margin-top: 10px;
	}
	#entries li li p.award{
		margin-top : 12px;
		margin-bottom : 10px;
		
	}
		#entries li li p.award span{
			color: #000;
			padding: 3px 12px;
			border-radius: 6px;
		}
	#entries li li p.area{
		font-size : 1.6rem;
		line-height : 1.3;
	}
	#entries li li p.shop{
		font-size : 1.8rem;
		line-height : 1.3;
		font-weight: 600;
		margin-top: 5px;
	}
	#entries li li p.note{
		font-size : 1.6rem;
		line-height : 1.5;
	}	
	#entries li li  picture img{
		width : 320px;
		height : 320px;
	}

}
@media screen and (min-width: 769px) and (max-width:1485px){
	#entries h3:after{
		margin-top : calc( ( 16 - 4.2 ) * 100vw / 1160 );
		width : calc( 250 * 100% / 1000 );
		height : calc( 4 * 100vw / 1160 );
	}
	#entries .editor{
		margin-top : calc( ( 22 - 4.5 ) * 100vw / 1160 );
	}
	#entries ul{
		margin-top : calc( ( 46 - 4.5 ) * 100vw / 1160 );
	}
	#entries li li{
		width : calc( 320 * 100% / 1000 );
	}
	#entries li li:not(:nth-child(3n+1)){
		margin-left : calc( 20 * 100% / 1000 );
	}
	#entries li li:nth-child(n+4){
		margin-top : calc( ( 31 - 4.5 ) * 100vw / 1160 );
	}
	#entries h4{
		margin-top : calc( ( 10 - 3.6 ) * 100vw / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	#entries h3:after{
		margin-top : calc( 16px - 4.2px );
		width : 250px;
		height : 4px;
	}
	#entries .editor{
		margin-top : calc( 22px - 4.5px );
	}
	#entries ul{
		margin-top : calc( 46px - 4.5px );
	}
	#entries li li{
		width : 320px;
	}
	#entries li li:not(:nth-child(3n+1)){
		margin-left : 20px;
	}
	#entries li li:nth-child(n+4){
		margin-top : calc( 31px - 4.5px );
	}
	#entries h4{
		margin-top : calc( 10px - 3.6px );
	}
}


	#article .editor {
	}
	#article .editor img.aligncenter {
		margin: 0 auto  !important;
		display: block;
	}
	#article .editor a {
		text-decoration: underline;
	}
		#article .editor a:hover {
			opacity: .8;
			text-decoration: none;
		}
@media screen and (max-width: 768px){
	#article .editor img {
		max-width: 100%;
		height: auto;
		margin-left: auto !important;
		margin-right: auto !important;
		width: auto;
		display: block;

	}
	#article .editor img.alignright {
		float: none;
	}
	#article .editor iframe {
		max-width: 100%;
		height: auto;
	}
}

@media print,screen and (min-width: 769px){
	#article .editor img.alignright {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
}

/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
@media screen and (max-width: 768px){
	#sidebar{
		margin-top : calc( 98 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#sidebar{
		margin-top : calc( 57 * 100vw / 1160 );
	}
}