@charset "utf-8";

/*
 * z-index 表
 * z-index 0 =>
 * z-index 1 =>
 * z-index 2 =>
 * z-index 3 =>
 * z-index 4 =>
 * z-index 5 =>
 * z-index 6 =>
 * z-index 7 =>
 * z-index 8 =>
 * z-index 9 =>
 * z-index 10 =>
 * z-index 9999 =>
 */
 .cmm {
 	 color:#fff;
 	 color:#fafafa;
 	 color:#f0f0f0;
 	 color:#e6e6e6;
 	 color:#d7e3ef;
 	 color:#786e78;
 	 color:#5d565d;
 	 color:#243e4d;
 }
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&display=swap");
* { box-sizing: border-box; }
body,
html { width: 100%; font-size: 14px; font-family: sans-serif; margin: 0; background-color: #fafafa; color: #5d565d; }
a { color:#5d565d; text-decoration: none; border-bottom: dashed 1px; }
a:hover { opacity: 0.8; }
a.disabled { pointer-events: none; }
a[target="_blank"] {}
a[target="_blank"]::after {}
a[target="_blank"]:hover {}
h1, h2, h3, p, ul, ol, li { list-style: none; margin: 0; padding: 0; }
img { border: none; vertical-align:top; }

main {}

/*shippos*/
section#about { width: 100%; margin: 0 20px 80px; padding: 0 10px; }
section#about > h1 {}
section#about > h1  > p { width: 200px; padding-bottom: 8px; font: 12px normal; border-bottom: 1px solid; }
section#about > h1  > a { border: 0; }
section#about > h1  > a > img { width: 200px 40px; }

/*tochigiken*/
header { margin-bottom: 40px; border-bottom: 1px solid #d7e3ef; background-color: #fff; }
header > div.pankz { display: flex; justify-content: space-between; align-items: center; position: relative; margin: 0 20px; padding: 8px 10px; font-size: 14px; }
header > div.pankz > ul {}
header > div.pankz > ul > li { display: inline; }
header > div.pankz > ul > li ~ li {}
header > div.pankz > ul > li ~ li::before { content: ">"; margin: 0 8px; }
header > div.pankz > ul > li > a { color: #243e4d; }
.pankz > a.webclap { padding: 2px 8px; border: solid 1px #3f5671; border-radius: 1em; }

section.sllog { width: auto; margin: 0 20px; }
section.sllog > div.narabi { display: flex; flex-wrap: wrap; }
section.sllog > h2 { width: 100%; margin-bottom: 20px; padding: 0; border-bottom: 1px solid; font: normal 20px 'Noto Sans JP', Myriad, Verdana, Arial, Helvetica, sans-serif; }
section.sllog > div.narabi ~ div.narabi { margin-top: 80px; }
section.sllog > div.narabi > h2 { width: 100%; margin: 0 0 20px 0; padding: 0; font: normal 20px 'Noto Sans JP', Myriad, Verdana, Arial, Helvetica, sans-serif;	border-bottom: 1px solid; }
section.sllog > div.narabi > ul { padding: 0; }
section.sllog > div.narabi > ul > li { display: inline-block; margin: 0 20px 80px 0; }
section.sllog > div.narabi > ul > li ~ li {}
section.sllog > div.narabi > ul > li > img { max-width: 100%; max-height: 600px; height: auto; object-fit: contain; border: solid 1px #e3e9ef; }
section.sllog > div.narabi > ul > li > p.date { margin: 0; padding: 8px; font: bold 12px sans-serif; border-bottom: 4px solid #e3e9ef; background-color: #fff; }
section.sllog > div.narabi > ul > li > p.date > span { font-weight: normal; }
section.sllog > div.narabi > ul > li > p.date > span:nth-of-type(1) { margin-left: 8px; padding: 0 8px; border-radius: 1em; background-color: #e3e9ef; }
section.sllog > div.narabi > ul > li > p.date > span:nth-of-type(1)::before {}
section.sllog > div.narabi > ul > li > p.date > span:nth-of-type(1)::after {}
section.sllog > div.narabi > ul > li > p.date > span:nth-of-type(2){ /*border-bottom: dotted 1px;*/ margin-left: 8px; font-size: 14px; }
section.sllog > div.poipoi {}
section.sllog > div.poipoi > ul { display: flex; flex-wrap: wrap; }
section.sllog > div.poipoi > ul > li { display: flex; flex-direction: column; max-width: min-content; }
section.sllog > div.poipoi > ul > li > img { max-width: 500px; max-height: 500px; height: auto; }

section.sllog > div.poipoi > ul > li > div.date { display: inline-block; padding: 8px; border-left: 2px solid #426579; background-color: #fff; }
section.sllog > div.poipoi > ul > li > div.date > time { font: bold 12px sans-serif; }
section.sllog > div.poipoi > ul > li > div.date > span { margin: 0 8px; padding: 0 8px; border-radius: 1em; font-size: 11px; background-color: #e3e9ef; }



footer { margin-top: 40px; border-top: 1px solid #d7e3ef; background-color: #fff; }
footer > div.pankz { position: relative; margin: 0 20px; padding: 8px 10px; }
footer > div.pankz > ul {}
footer > div.pankz > ul > li { display: inline; }
footer > div.pankz > ul > li ~ li {}
footer > div.pankz > ul > li ~ li::before { content: ">"; margin: 0 8px; }
footer > div.pankz > ul > li > a { color: #243e4d; }


.zoom-img, .zoom-img-wrap {
	position: relative;
	z-index: 666;
	transition: all .3s;
}
.zoom-overlay-open .zoom-overlay {
	opacity: .95;
}
.zoom-overlay {
	z-index: 420;
	background: #d3d3d3;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	transition-duration: 2s;
}