@charset "utf-8";

/* ============== */
/* ■犬小屋メモ用設定 */
/* ============== */
body {
	font-family: sans-serif;
	background: repeating-linear-gradient(-45deg, #ccdfbf, #ccdfbf 10px, #c3d9b4 10px, #c3d9b4 20px);
	color: #333;
	min-width: 320px;
	min-height: 100vh;
	-webkit-text-size-adjust: 100%;
}
@media (prefers-color-scheme: dark) {
	body {
		background: repeating-linear-gradient(-45deg, #3e433a, #3e433a 10px, #3b4236 10px, #3b4236 20px);
		color: #ccc;
	}
}
a:link {
	color: #003fff;
	text-decoration: underline;
}
a:visited {
	color: #2d00b2;
	text-decoration: underline;
}
a:hover, a:active {
	color: #265bff;
	text-decoration: none;
}
a[target="_blank"]::after {
	content: "\e89e";
	font-family: 'Material Symbols Rounded';
	vertical-align: middle;
}
@media (prefers-color-scheme: dark) {
	a:link {
		color: #69af55;
	}
	a:visited {
		color: #4f933d;
	}
	a:hover, a:active {
		color: #69af55;
	}
}
.imagelink {
	display: table;
	line-height: 0;
	margin: 15px auto 0;
}
.embeddedimage {
	max-height: 1000px;
}
@media all and (min-width: 500px) {
	.embeddedimage {
		max-width: 400px;
	}
}
.imagelink.nsfw {
	position: relative;
}
.imagelink.nsfw::before {
	color: #fff;
	content: "クリックで表示";
	text-shadow: 0 0 5px #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}
@media (prefers-color-scheme: dark) {
	.searchword {
		background: linear-gradient(transparent 60%, #5e86a6 60%);
		color: #ccc;
	}
}
header {
	display: block;
	background: transparent;
	width: auto;
	border-bottom: none;
	box-shadow: none;
	text-align: center;
	padding: 50px 0 10px;
}
.headtitle {
	display: block;
	padding: 0;
}
h1 {
	font-family: 'Yusei Magic', sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin: 0;
}
h1 a:link, h1 a:visited {
	color: #2e5324;
	text-decoration: none;
}
h1 a:hover, h1 a:active {
	color: #2e5324;
	text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
	h1 a {
		border-radius: 20px;
		padding: 5px 15px;
	}
	h1 a:link, h1 a:visited {
		background: #4a8939;
		color: #fff;
	}
	h1 a:hover, h1 a:active {
		background: #69af55;
		color: #fff;
		text-decoration: none;
	}
}
.contents {
	display: block;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
	padding: 0 20px;
	width: auto;
	max-width: 800px;
}
.contents .mainarea {
	width: auto;
	margin: 0;
}
.mainarea {
	background: transparent;
}
.situation {
	background: #eee;
	border-left: 2px solid #ffbc0e;
	color: #333;
	margin: 15px 0;
	padding: 8px 15px;
}
@media (prefers-color-scheme: dark) {
	.situation {
		background: transparent;
		color: #ccc;
	}
}
.cat-- .situation { display: none; }
.onelogbox {
	display: block;
	background: #fff;
	border: 1px solid #3b230b;
	box-shadow: 10px 10px 0 rgba(46,83,36,0.2);
	position:relative;
	margin: 40px 0 0;
	padding:20px;
}
@media (prefers-color-scheme: dark) {
	.onelogbox {
		background: #222;
		border: 1px solid #000;
		box-shadow: 10px 10px 0 rgba(0,0,0,0.2);
	}
}
@media (min-width: 600px){
	.onelogbox {
		box-shadow:15px 15px 0 rgba(46,83,36,0.2);
		padding:30px;
	}
}
@media (min-width: 600px) and (prefers-color-scheme: dark) {
	.onelogbox {
		box-shadow:15px 15px 0 rgba(0,0,0,0.2);
	}
}
.situation + .onelogbox {
	border-top: 1px solid #3b230b;
}
@media (prefers-color-scheme: dark) {
	.situation + .onelogbox {
		border-top: 1px solid #000;
	}
}
.categories {
	color: #666;
	font-size: 12px;
	text-align: right;
	margin: 20px 0 -15px;
}
@media (prefers-color-scheme: dark) {
	.categories {
		color: #aaa;
	}
}
.categories::before {
	font-family: "Material Symbols Rounded";
	content: "\e2c7";
	display: inline;
	vertical-align: middle;
	margin: 0 3px 0 0;
}
.cat-- .categories {
	display: none;
}
.comment {
	line-height: 1.875;
}
.date {
	color: #666;
	display: block;
	font-size: 12px;
	text-align: right;
	margin: 20px 0 0;
}
@media (prefers-color-scheme: dark) {
	.date {
		color: #aaa;
	}
}
.date::before {
	font-family: "Material Symbols Rounded";
	content: "\e8b5";
	display: inline;
	vertical-align: middle;
	margin: 0 3px 0 0;
}
.comment .url:link {
	color: #003fff;
	text-decoration: underline;
}
.comment .url:visited {
	color: #2d00b2;
	text-decoration: underline;
}
.comment .url:hover, a:active {
	color: #265bff;
	text-decoration: none;
}
@media (prefers-color-scheme: dark) {
	.comment .url:link {
		color: #69af55;
	}
	.comment .url:visited {
		color: #4f933d;
	}
	.comment .url:hover, a:active {
		color: #69af55;
	}
}
.readmorebutton {
	border: none;
}
.readmorebutton:link,
.readmorebutton:visited {
	background: #2e5324;
	color: #fff;
}
@media (prefers-color-scheme: dark) {
	.readmorebutton:link,
	.readmorebutton:visited {
		background: #4a8939;
	}
}
.readmorebutton:hover {
	background: #568835;
	color: #fff;
	text-decoration: none;
}
@media (prefers-color-scheme: dark) {
	.readmorebutton:hover {
		background: #69af55;
	}
}
.readmorebutton.readmoreclose {
	font-size: 0.95em;
}
.utilitylinks {
	margin: 40px 0 0;
	border: none;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.6);
}
@media (prefers-color-scheme: dark) {
	.utilitylinks {
		background-color: rgba(255,255,255,0.1);
	}
}
.pagenavi {
	margin: 40px 0;
	padding: 0;
	border: none;
	background: transparent;
}
.pagenavi p {
	font-size: 14px;
}
.pagelinks a {
	font-weight: normal;
}
.pagelinks a:link, .pagelinks a:visited {
	color: #333;
	text-decoration: none;
}
.pagelinks a:hover, .pagelinks a:active {
	color: #333;
	text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
	.pagelinks a:link, .pagelinks a:visited {
		color: #fff;
	}
	.pagelinks a:hover, .pagelinks a:active {
		color: #fff;
	}
}
p.pagenums {
	margin: 20px 0 10px;
}
p.pagenums a:link, p.pagenums a:visited, p.pagenums a:hover, p.pagenums a:active {
	border-radius: 5px !important;
	text-decoration: none;
}
.pagenums a.pagenumlink {
	color: #2e5324;
	font-size: 100%;
	font-weight: normal;
}
@media (prefers-color-scheme: dark) {
	.pagenums a.pagenumlink {
		color: #69af55;
	}
}
a.pagenumhere {
	background: #2e5324;
	color: #fff !important;
	border-radius: 5px;
}
@media (prefers-color-scheme: dark) {
	a.pagenumhere {
		background: #4a8939;
	}
}
a.pagenumlink:hover {
	background: #568835;
	color: #fff;
}
@media (prefers-color-scheme: dark) {
	a.pagenumlink:hover {
		background: #69af55;
	}
}
.hashtaglistarea {
	margin: 40px 0 0;
	padding: 0.5em;
	background-color: rgba(255,255,255,0.6);
	border-radius: 10px;
	font-size: 0.9em;
}
@media (prefers-color-scheme: dark) {
	.hashtaglistarea {
		background-color: rgba(255,255,255,0.1);
	}
}
.hashtaglist {
	margin: 15px 20px;
}
.hashtaglist li {
	margin-right:10px;
}
.pictcategorylistarea {
	margin: 40px 0 0;
	padding: 0.5em;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.6);
	font-size: 0.9em;
}
@media (prefers-color-scheme: dark) {
	.pictcategorylistarea {
		background-color: rgba(255,255,255,0.1);
	}
}
.pictcategorylist {
	margin: 15px 20px;
	padding: 0;
	list-style-type: none;
}
.pictcategorylist li {
	display: inline-block;
	margin-right:10px;
}
footer {
	margin: 50px 0 0;
	border-top: none;
	background: transparent;
	color: #333;
}
@media (prefers-color-scheme: dark) {
	footer {
		color: #ccc;
	}
}
.backlink {
	display: flex;
	justify-content: center;
	font-size: 14px;
	padding: 20px;
}
footer .backlink {
	padding-top: 0;
}
.backlink ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.backlink ul li::after {
	content: "/";
	display: inline;
	margin: 0 0.5em;
}
.backlink ul li:last-child::after {
	display: none;
}
.backlink ul.categorybacklink li:last-child::after,
.backlink ul.categorysubbacklink li:last-child::after {
	display: inline;
}
header + .backlink ul.categorybacklink li:last-child::after,
header + .backlink ul.categorysubbacklink li:last-child::after {
	display: none;
}
@media (max-width: 400px) {
	.backlink {
		display: block;
	}
	.backlink ul.categorysubbacklink,
	.backlink ul.iconbacklink {
		margin-top: 10px;
	}
	.backlink ul.categorybacklink li:last-child::after,
	.backlink ul.categorysubbacklink li:last-child::after {
		display: none;
	}
}
.backlink a:link,
.backlink a:visited {
	color: #333;
	text-decoration: none;
}
.backlink a:hover,
.backlink a:active {
	color: #666;
	text-decoration: underline;
}
@media (prefers-color-scheme: dark) {
	.backlink a:link,
	.backlink a:visited {
		color: #fff;
	}
	.backlink a:hover,
	.backlink a:active {
		color: #fff;
	}
}
.poweredby {
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
}
.title-text { display: none; }
.material-symbols-rounded { vertical-align: middle; }
.allimages { text-align: center; }


/* ▼ハロウィン用 */
/*
body {
	background: repeating-linear-gradient(-45deg, #f9d3a4, #f9d3a4 10px, #f8cd95 10px, #f8cd95 20px);
}
@media (prefers-color-scheme: dark) {
  body {
    background: repeating-linear-gradient(-45deg, #433f3a, #433f3a 10px, #423d36 10px, #423d36 20px);
  }
}
h1 a:link, h1 a:visited {
	color: #5a346c;
}
h1 a:hover, h1 a:active {
	color: #7a4c91;
}
@media (prefers-color-scheme: dark) {
	h1 a:link, h1 a:visited {
		color: #fff;
	}
	h1 a:hover, h1 a:active {
		color: #fff;
	}
}
@media (prefers-color-scheme: dark) {
	h1 a:link, h1 a:visited {
		background: #896639;
	}
	h1 a:hover, h1 a:active {
		background: #af8055;
	}
}
.onelogbox {
	box-shadow:10px 10px 0 rgba(51,51,51,0.2);
}
@media (min-width: 600px){
	.onelogbox {
		box-shadow:15px 15px 0 rgba(51,51,51,0.2);
	}
}
.situation {
	border-left-color:#a47fb5;
}
.pagenums a.pagenumlink {
	color: #5a346c;
}
@media (prefers-color-scheme: dark) {
	.pagenums a.pagenumlink {
		color: #ab6ec7;
	}
}
.pagenums a.pagenumlink:hover, .pagenums a.pagenumlink:active {
	color: #fff;
}
a.pagenumhere {
	background: #5a346c;
}
@media (prefers-color-scheme: dark) {
	a.pagenumhere {
		background: #7a4c91;
	}
}
a.pagenumlink:hover {
	background: #7a4c91;
}
@media (prefers-color-scheme: dark) {
	a.pagenumlink:hover {
		background: #ab6ec7;
	}
}
*/

/* ▼雪 */
.snow {
  color: #fff;
  font-size: 10px;
  position: fixed;
  top: -5%;
  text-shadow:
  5vw  -100px 2px,
  10vw -400px 3px,
  20vw -500px 4px,
  30vw -580px 1px,
  39vw -250px 2px,
  42vw -340px 5px,
  56vw -150px 2px,
  63vw -180px 0,
  78vw -220px 4px,
  86vw -320px 9px,
  94vw -170px 7px;
  animation: roll 5s linear infinite;
}
.snow2nd{animation: anim 8s linear infinite;}
@keyframes roll {
	0% {transform:rotate(0deg);}
	90% {opacity:1;}
	100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes anim {
	100% {color:transparent;top:150%;}
}

/* ▼正月用 */
/*
body {
  background: #f0b5b1;
  position: relative;
  overflow-x: hidden;
  z-index: 2;
}
@media (prefers-color-scheme: dark) {
  body {
    background: #332726;
  }
}
body::before {
  background: #f0e3b1;
  border-radius: 2000px 2000px 0 0/300px 300px 0 0;
  content: "";
  height: 20%;
  position: fixed;
  left: -200px;
  right: -200px;
  bottom: 0;
  z-index: -1;
}
@media (prefers-color-scheme: dark) {
  body::before {
    background: #312f24;
  }
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color: #8e1111;
}
@media (prefers-color-scheme: dark) {
	h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
		background: #ba4c4c;
		color: #fff;
	}
}
.onelogbox {
	box-shadow:10px 10px 0 rgba(177, 37, 37, 0.2);
}
@media (min-width: 600px){
	.onelogbox {
		box-shadow:15px 15px 0 rgba(177, 37, 37, 0.2);
	}
}
@media (prefers-color-scheme: dark) {
  .onelogbox {
    box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 600px) and (prefers-color-scheme: dark) {
  .onelogbox {
    box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.2);
  }
}
.pagenums a.pagenumlink {
	color: #8e1111;
}
@media (prefers-color-scheme: dark) {
	.pagenums a.pagenumlink {
		color: #ba4c4c;
	}
}
.pagenums a.pagenumlink:hover, .pagenums a.pagenumlink:active {
	color: #fff;
}
a.pagenumhere {
	background: #8e1111;
}
@media (prefers-color-scheme: dark) {
	a.pagenumhere {
		background: #ba4c4c;
	}
}
a.pagenumlink:hover {
	background: #ba4c4c;
}
@media (prefers-color-scheme: dark) {
	a.pagenumlink:hover {
		background: #c86e6e;
	}
}
*/

/* End of file */