@charset "utf-8";
/*====================================================================
　Reset
====================================================================*/

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:where([hidden]:not([hidden='until-found'])) {
	display: none !important;
}

:where(html) {
	-webkit-text-size-adjust: none;
	color-scheme: dark light;
}

@media (prefers-reduced-motion: no-preference) {
	:where(html:focus-within) {
		scroll-behavior: smooth;
	}
}

:where(body) {
	line-height: 1.5;
	font-family: system-ui, sans-serif;
	-webkit-font-smoothing: antialiased;
}

:where(input, button, textarea, select) {
	font: inherit;
	color: inherit;
}

:where(textarea) {
	resize: vertical;
	resize: block;
}

:where(button, label, select, summary, [role='button'], [role='option']) {
	cursor: pointer;
}

:where(:disabled) {
	cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
	cursor: not-allowed;
}

:where(button) {
	border: none;
	background: none;
}

:where(a) {
	color: inherit;
	text-underline-offset: 0.2ex;
}

:where(ul, ol) {
	display: list-item;
	list-style: none;
}

ol, ul {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
	display: block;
}

:where(img, picture, svg, video) {
	max-inline-size: 100%;
	block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word;
}

:where(h1, h2, h3) {
	line-height: calc(1em + 0.5rem);
}

:where(hr) {
	border: none;
	border-block-start: 1px solid;
	color: inherit;
	block-size: 0;
	overflow: visible;
}

:where(address) {
	font-style: normal;
}
:where(table) {
	border-collapse: collapse;
}

:where(:focus-visible) {
	outline: 3px solid Highlight;
	outline-offset: 2px;
	scroll-margin-block: 10vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
	clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	border: 0 !important;
}


/*====================================================================
　Commons
====================================================================*/
html, body {
  width: 100%;
  word-wrap: break-word;
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  html, body {
    font-size: 14px;
  }
}
body{
	color: #313131;
  background-color: #F4F7F7;
	font-family: 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}
svg {
  fill: currentColor;
  max-width: 100%;
}
p {
	margin: 1em 0;
}
a {
  text-decoration: none;
}
a:hover {
  opacity: .7;
}
ol, ul {
  list-style: none;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/*====================================================================
Layout……各ページを構成するサイト全体で共通したエリアを管理
====================================================================*/
/*----------------------------------------*/
#pagebody-inner {
  max-width: 1200px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.header_ttl {
  margin: 80px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.header_ttl > h2 {
  font-size: 2.3em;
  margin: 0 20px;
  text-align: center;
    color: #1F2C5C;
}
.header_ttl > p {
  color: #1F2C5C;
  border-bottom: 1px solid #1F2C5C;
}
.l-logo{
  position: absolute;
  left: 0;
  top: 0;
}
.l-logo a{
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 20vw;
  height: 8vw;
  background: url(/hokuetsu_blog/images/waku01.svg) right bottom / auto auto no-repeat #1F2C5C;
}
.l-logo__img{
  width: 75%;
  height: 0;
  padding: 9%;
  margin: auto auto 5%;
  background: url(/hokuetsu_blog/images/logo.svg) center center / 100% auto no-repeat;
  font-size: 0;
  color: rgba(255, 255, 255, 0);
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  .l-logo a{
    width: 200px;
    height: 80px;
    background: url(/hokuetsu_blog/images/waku01.svg) right bottom / 500px auto no-repeat #1F2C5C;
  }
}
@media screen and (max-width: 1080px) {
  .l-logo a{
    width: 200px;
    height: 80px;
    background: url(/hokuetsu_blog/images/waku01.svg) right bottom / 500px auto no-repeat #1F2C5C;
  }
}
#alpha {
  width: 70%;
  padding-right: 25px;
}
.entry {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 40px 40px 30px;
  box-shadow: 2px 2px 7px #C7C7C7;
}
.entry:not(:nth-child(1)) {
  margin-top: 50px;
}
.entry:last-child {
  margin-bottom: 100px;
}
.entry .entry-header {
  font-size: 2em;
  color: #1F2C5C;
  padding: 10px 0 1em;
}
.l-main_txt {
  margin-top: 40px;
}
.l-main_txt > p >img {
  margin-top: 40px;
}
.entry-footer-info {
  padding-top: 20px;
  margin-top: 60px;
  border-top: 1px solid #C7C7C7;
}
#beta {
  width: 30%;
  padding-left: 25px;
}
#beta .module{
  border-top: 1px solid #1F2C5C;
  margin-bottom: 30px;
}
#beta .module h2 {
  margin: 20px 0;
  font-size: 1.2em;
  color: #1F2C5C;
}
.l-side_list > li a {
  color: #1F2C5C;
}
.l-side_col2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.l-side_col2 > li {
  width: calc(100% / 2 - calc(20px / 2));
  margin-right: 10px;
  margin-bottom: 10px;
}
.l-side_links {
  margin-bottom: 100px;
}
.l-side_links > p > a {
  display: block;
  color: #1F2C5C;
  font-weight: bold;
  border: 2px solid #1F2C5C;
  text-align: center;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .header_ttl {
    margin-top: 120px;
    margin-bottom: 50px;
  }
  #alpha {
    width: 100%;
    padding-right: 0;
  }
  .entry {
    padding: 20px;
  }
  .entry:not(:first-child) {
    margin-top: 30px;
  }
  .entry:last-child {
    margin-bottom: 50px;
  }
  #beta {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 560px) {
  #pagebody-inner {
    padding: 0 20px;
  }
  .entry-footer-info {
    margin-top: 40px;
  }
  .entry-footer-info > p {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.date-header{
  font-size: 1em;
  font-weight: normal;
}

.separator{
  color: #C7C7C7 !important;
  margin: 0 1em;
}

.module-powered .module-content,
.module-syndicate .module-content{
  display: block;
    color: #1F2C5C;
    font-weight: bold;
    border: 2px solid #1F2C5C;
    text-align: center;
    padding: 15px 0;
    margin-top: -1px;
}

.archive-header{
  margin-bottom: 20px;
  font-size: 2em;
}

#alpha-inner .archive:not(:first-child) {
  margin-top: 50px;
}

/*====================================================================
blog
====================================================================*/
.content-nav {
  text-align: center;
  margin: 0;
  font-weight: bold;
  color: #1F2C5C;
}
.blog-cont .entry {
}
.blog-cont .entry {
  margin-top: 20px;
}


/*====================================================================
print
====================================================================*/

@media print {
	html,body {
    width: 1080px;
    margin: auto;
		-webkit-print-color-adjust: exact;
	}
  header {
		display: none;
	}
}