@charset "utf-8";

/* デフォルトフッター消去 */
#category_ranking{
	display:none;
}
#pbp_ranking{
	display:none;
}
#blog_news{
	display:none;
}
#attention_ranking{
	display:none;
}
#recommend_by_genre{
	display:none;
}
#instagram_blogger{
	display:none;
}
#blog_ranking{
	display:none;
}
.footer-external-links{
	display:none;
}
.footer-blog-banner{
	display:none;
}
.blogreader-link{
	display:none;
}

.news-main{
	margin:10px;
	padding:10px;
	background-color: #eaf0da;
	font-size: 1.1em;
}
.news-main-fontdefault{
	margin:10px;
	padding:10px;
	background-color: #eaf0da;
}
.news-main p{
	line-height:1.6em;
	margin:1em 0;
}
.news-title{
	font-size:1.2em;
	font-weight: bold;
}
.news-subtitle{
	font-weight: bold;
}
.news-talker-name {
	font-weight: bold;
}
.news-talker-a{
	color: #FF0000;
}
.news-talker-b{
	color: #00d200;
}

/* ver 0.0 */
.k-comment-no {
	font-weight: bold;
	color: #000000;
}
.k-comment-name {
	font-weight: bold;
	color: #009900;
}
.sure-comment-name {
	font-weight: bold;
	color: #FF0000;
}
.k-comment-content {
	font-size:1.25em;
	font-weight: 500; 
	color: #003232;
}
.k-voting-good-pict {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/voting-good.jpg");
	background-repeat:no-repeat;
	width: 38px;
	height: 20px;
	display: inline-block;
}
.k-voting-bad-pict {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/voting-bad.jpg");
	background-repeat:no-repeat;
	width: 38px;
	height: 20px;
	display: inline-block;
}
.k-voting-good-no {
	font-weight: bold;
	color: #0000ff;
}
.k-voting-bad-no {
	font-weight: bold;
	color: #ff0000;
}
.k-comment-bar {
	background-color:#aaaaaa;
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
}
.k-comment-good {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/voting-good.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:50px;
	display: inline-block;
	font-weight: bold;
	color:#0000ff;
	font-size:1.25em;
	line-height:1.2em;
}
.k-comment-bad {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/voting-bad.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:50px;
	display: inline-block;
	font-weight: bold;
	color:#ff0000;
	font-size:1.25em;
	line-height:1.2em;
	margin-left:10px;
}

/* ver 1.0 */
.kns-main {
	font-size:1.25em;
	font-weight: 500; 
	color: #003232;
}
.kns-bar {
	background-color: #aaaaaa;
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
}
.kns-no {
	font-weight: bold;
	color: #000000;
}
.kns-sub,
.kns-sub-def {
	font-weight: bold;
	color: #009900;
}
.kns-sub-s {
	font-weight: bold;
	color: #ff0000;
}
.kns-sub-a {
	font-weight: bold;
	color: #3299ff;
}
.kns-sub-b {
	font-weight: bold;
	color: #cbcb00;
}
.kns-g {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/kns-g-pic.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	padding-left:70px;
	display: inline-block;
	font-weight: bold;
	color:#0000ff;
	font-size:1.2em;
	line-height:1.2em;
}
.kns-b {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/kns-b-pic.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	padding-left:70px;
	display: inline-block;
	font-weight: bold;
	color:#ff0000;
	font-size:1.2em;
	line-height:1.2em;
	margin-left:20px;
}
.kns-lists{
	list-style-type:decimal;
	padding:0 0 0 15px;
	padding-inline-start:1em;
}
.kns-list{
	padding-bottom:20px;
	margin-left:0px;
	position:relative;
	border-top:solid 1px #aaaaaa;
}
.kns-lists .kns-list::marker{
	vertical-align:top;
}
.kns-profPic {
	width:60px;
	height:60px;
	background-repeat:no-repeat;
	background-size:cover;
	border:solid 2px;
	position:absolute;
}

.kns-article{
	padding-left:80px;
}
.kns-comment{
	line-height:1.6em;
	margin-bottom:100px;
}

/* ver 2.0 */
.kns2-article{
	border-radius:20px;
	padding:8px;
	margin: 5px 0 50px 0;
	background:#fff;
	border:solid 5px #edffe1;
}

/* ver 2.1 */
.kns2-main {
	font-size:1.25em;
	font-weight: 500; 
	color: #003232;
}
.kns2-lists{
	padding:0 0 0 0em !important;
	padding-inline-start:1em;
}
.kns2-list{
	list-style-type:decimal !important;
	list-style-position:inside !important;
	margin-bottom:20px;
	margin-left:0px !important;
	border-top:solid 1px #aaaaaa;
	padding:25px 5px 5px 5px;
}
.kns2-profPic {
	width:60px;
	height:60px;
	background-repeat:no-repeat;
	background-size:cover;
	border:solid 2px;
	display:inline-block;
	vertical-align: top;
}
.kns2-lists .kns2-list::marker{
	vertical-align:top;
}
.kns2-name-s{
	font-weight: bold;
	color: #ff0000;
	display:inline-block;
	vertical-align: top;
}
.kns2-name-def {
	font-weight: bold;
	color: #009900;
	display:inline-block;
	vertical-align: top;
}
.kns2-name-a {
	font-weight: bold;
	color: #3299ff;
	display:inline-block;
	vertical-align: top;
}
.kns2-name-b {
	font-weight: bold;
	color: #cbcb00;
	display:inline-block;
	vertical-align: top;
}
.kns2-comment-outer{
	position:relative;
	margin: 25px 0 25px 0;
	padding:8px;
	background:#fff;
	border-radius:20px;
	box-shadow: 0 0 20px #1ef183;
	z-index:0;
}
.kns2-comment-outer::before {
	content: "";
	position:absolute;
	left:40px;
	top:-5px;
	width:30px;
	height:20px;
	transform: rotate(45deg) skew(20deg, 20deg);
	background:#fff;
	box-shadow: -5px 0px 10px -4px #1ef183, 0px -5px 10px -4px #1ef183;
	z-index:1;
}
.kns2-comment-outer::after {
	content: "";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:20px;
	visibility:visible;
	z-index:2;
}
.kns2-comment-outer >* {
	position: relative;
	z-index: 3;
}
.kns2-comment {
	line-height:1.6em;
	margin:0px !important;
}
.kns2-g {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/kns-g-pic.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	padding-left:70px;
	display: inline-block;
	font-weight: bold;
	color:#0000ff;
	font-size:1.2em;
	line-height:1.2em;
}
.kns2-b {
	background-image:url("https://kannyu.sageburyfinefoods.co.uk/picture/kns-b-pic.jpg");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
	padding-left:70px;
	display: inline-block;
	font-weight: bold;
	color:#ff0000;
	font-size:1.2em;
	line-height:1.2em;
	margin-left:20px;
}

/* コメントボタン トップに戻るボタン */
.button-comment, .button-top {
	border: 0;
	line-height: 1.5em;
	padding: 40px 50px;
	margin-bottom:20px;
	font-size: 24px;
	text-align: center;
	font-weight:bold;
	color:#FFF;
	border-radius: 10px;
	background-color:#31C600;
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
		inset -2px -2px 3px rgba(0, 0, 0, .6);
	width:auto;
}

.button-comment:hover, .button-top:hover {
    background-color: #238E00;
    color:#222;
}

.button-comment:active, .button-top:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

.button-to-kannyu {
	display:block;
	border: 0;
	line-height: 1.5em;
	padding: 40px 50px;
	margin-bottom:20px;
	font-size: 24px;
	text-align: center;
	font-weight:bold;
	color:#FFFFFF!Important;
	border-radius: 10px;
	background-color:#31C600;
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
		inset -2px -2px 3px rgba(0, 0, 0, .6);
	width:auto;
}
.button-to-kannyu:hover {
    background-color: #238E00;
    color:#FFFFFF;
	text-decoration: none!Important;
}
.button-to-kannyu:link {
    color:#FFFFFF;
}
.button-to-kannyu:active {
    color:#FFFFFF;
}
.button-to-kannyu:visited{
    color:#FFFFFF;
}

.button-to-kancom {
	display:block;
	border: 0;
	line-height: 1.5em;
	padding: 40px 50px;
	margin-bottom:20px;
	font-size: 24px;
	text-align: center;
	font-weight:bold;
	color:#FFFFFF!Important;
	border-radius: 10px;
	background-color:#65B2FF;
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
		inset -2px -2px 3px rgba(0, 0, 0, .6);
	width:auto;
}
.button-to-kancom:hover {
    background-color: #007CF9;
    color:#FFFFFF;
	text-decoration: none!Important;
}
.button-to-kancom:link {
    color:#FFFFFF;
}
.button-to-kancom:active {
    color:#FFFFFF;
}
.button-to-kancom:visited{
    color:#FFFFFF;
}


/* */
/* PC・スマホ共通 記事内 リストタイプ */
.rssList-inArticle{
	margin:20px 8px;
	border-color: #cccccc;
	border-style: solid ;
	border-width:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
	background:#fff;
}
.rssList-inArticle .blogroll-channel{
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 0px;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap{
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.rssList-inArticle .blogroll-channel .blogroll-ad-text a{
	display:none;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap .blogroll-list:first-child{
	list-style-type: none;
	margin-left:0px;
	overflow:hidden;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+2):nth-last-child(n+2){
	list-style-type: none;
	margin-left:0px;
	padding:5px 20px 5px 40px;
	border-bottom: 1px solid #c2c2c2;
	overflow:hidden;
	background:url("https://kannyu.sageburyfinefoods.co.uk/picture/tv36.png") no-repeat left center, url("https://kannyu.sageburyfinefoods.co.uk/picture/rssArrow.png") no-repeat right center;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap .blogroll-list:last-child{
	list-style-type: none;
	margin-left:0px;
	padding:5px 20px 5px 40px;
	overflow:hidden;
	background:url("https://kannyu.sageburyfinefoods.co.uk/picture/tv36.png") no-repeat left center, url("https://kannyu.sageburyfinefoods.co.uk/picture/rssArrow.png") no-repeat right center;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap .blogroll-list:first-child a{
	font-size: 2px;
	line-height: 1.0;
	color:#3F3FED;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+2) .blogroll-link{
	font-size: 14px;
	font-weight:500;
	line-height: 1.5;
	color:#3F3FED;
	display:-webkit-box;
	overflow: hidden;
	overflow-wrap: break-word;
/*	-webkit-line-clamp:2;*/
	-webkit-box-orient: vertical;
	max-height:3em;
}
.rssList-inArticle .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+2) .blogroll-link:visited{
	color:#080858;
}
.rssList-inArticle .blogroll-channel .blogroll-ad-default{
	visibility:hidden;
}
.rssList-inArticle .blogroll-channel .blogroll-ad-default a{
	display:none;
}

/* PC・スマホ共通 記事内 大画像付き */
.rssWithBigImage{
	width:100%;
}
.rssWithBigImage .blogroll-channel{
	margin-bottom:0px;
	padding:0px;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap{
	margin-top:0px;
	margin-bottom:0px;
	padding:0 0 0 0;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list{
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-ad-text{
	margin-top:0px;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-ad-text a{
	display:none;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list:first-child{
	margin-bottom:0px;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+2){
	display:block;
	border:#c3eb2b 2px solid;
	border-radius:8px;
	white-space:normal;
	overflow:hidden;
	list-style-type: none;
	width:230px;
	height:150px;
	margin: 0 2px 2px 0;
	padding:0px;
	float:left;
	background:#fff;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-img{
	width:100%;
	height:95px;
	margin-bottom:2px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center; 
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link{
	display:inline-block;
	height:3em;
	margin: 0px 5px;
	font-size: 14px;
	line-height: 1.5;
	font-weight:bold;
	color:blue;
	text-decoration: none;
	overflow:hidden;
	word-break: break-all;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link:hover{
	text-decoration: underline;
}
.rssWithBigImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link:visited{
	color:#080858;
}
.rssWithBigImage .blogroll-channel .blogroll-ad-default{
	clear:both;
}
.rssWithBigImage .blogroll-channel .blogroll-ad-default a{
	display:none;
}

/* PC・スマホ共通 記事内 小画像付き */
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap{
	margin-bottom:0px;
	padding-left:0px;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list {
	display:block;
	padding:10px 10px;
	margin-left:0px;
	margin-bottom:10px;
	border-radius:8px;
	white-space:normal;
	overflow:hidden;
	background:#fff;
	list-style-type: none;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-ad-text a{
	display:none;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(4n+1) {
	margin-bottom:40px;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:first-child {
	border:none;
	background:none;
	margin-bottom:0px;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+2):nth-child(-n+5) {
	border:#c3eb2b 2px solid;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+6):nth-child(-n+9) {
	border:#e8325d 2px solid;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+10):nth-child(-n+13) {
	border:#5de86c 2px solid;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+14):nth-child(-n+17) {
	border:#2323b1 2px solid;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+18):nth-child(-n+21) {
	border:yellow 2px solid;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:nth-child(n+22):nth-child(-n+25) {
	border:#000 2px solid;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list:last-child {
	margin-bottom:0px;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-img{
	width:60px;
	height:48px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link{
	display:inline-block;
	width:calc(100% - 66px);
	height:3em;
	margin-left:5px;
	font-size: 16px;
	line-height: 1.5;
	font-weight:bold;
	color:blue;
	text-decoration: none;
	overflow:hidden;
	word-break: break-all;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link:hover{
	text-decoration: underline;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link:visited{
	color:#080858;
}
.rssWithSmallImage .blogroll-channel .blogroll-list-wrap .blogroll-list .blogroll-link-time{
	display:none;
}
.rssWithSmallImage .blogroll-channel .blogroll-ad-default a{
	display:none;
}
.rssWrapper{
/*	background:#FFFFCC;*/
}

/* コメント入力の名前欄 */
.comment-form-v2-author, .comment-author{
	display:none;
}

/* -----------------------------------------------
2.13 画像
----------------------------------------------- */
.image-caption{
	color:#7F7F7F;
	font-size:0.8em;
}
/* -----------------------------------------------
2.14 共通
----------------------------------------------- */
.dot{
	font-size: 2px;
	letter-spacing: -8px;
	color:#ffffff;
}
.marker{
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.toBlue{
	filter: invert(8%) sepia(99%) saturate(7044%) hue-rotate(247deg) brightness(100%) contrast(145%);
}
.annotation{
	color:#0000ff;
}
.quote {
	font-size:10px;
	color:#cccccc;
}
.supplement{
	margin:10px 10px 50px 10px;
	padding:10px;
	background-color: #FFE5EF;
}
.supplement h5{
	font-size:1em;
}
.charsplit{
	display:inline-block;
	font-size:10px;
	letter-spacing:-1em;
	color:#fff;
	transform:scale(0.001);
}
