@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 auto 80px; padding: 0 10px; }
section#about > h1 {}
section#about > h1  > p { 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 auto; padding: 8px 10px; font-size: 12px; }
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; padding: 0 10px; }
section.sllog > div.narabi {}
section.sllog > h2 { width: 100%; margin-bottom: 20px; padding: 0; border-bottom: 1px solid; font: normal 20px "Noto Sans JP", 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", sans-serif; border-bottom: 1px solid; }
section.sllog > div.poipoi {}
section.sllog > div.narabi > ul {}
section.sllog > div.narabi > ul > li { position: relative; display: inline-block; vertical-align: top; margin-bottom: 40px; }
section.sllog > div.narabi > ul > li ~ li {}
section.sllog > div.narabi > ul > li > img { object-fit: contain; max-width: 100%; height: auto; border: solid 1px #e3e9ef; }
section.sllog > div.narabi > ul > li > p.date { display: inline-block; width: 100%; margin: 0; padding: 8px; font-weight: bold; border-bottom: 4px solid #e3e9ef; background: linear-gradient(transparent 0%, #fff 0%); }
section.sllog > div.narabi > ul > li > p.date > span { font-weight: normal; /*color: #513743;*/ }
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; }

footer { margin-top: 40px; border-top: 1px solid #d7e3ef; background-color: #fff; }
footer > div.pankz { position: relative; margin: 0 auto; 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; }