/*
Theme Name:JAPANESE Base Theme
Theme URI: https://japnnewstoday.pro/
Description:BASE THEME.
*/
@import url("value.css");
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article,section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:100%;
	line-height:120%;
	vertical-align: baseline;
	background: transparent;
}
.displaynone{
	display: none !important;
}
:root {
  --bq-accent: hsl(210 90% 45%);
  --bq-bg: hsl(210 20% 97%);
  --bq-text: hsl(210 15% 20%);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bq-accent: hsl(210 90% 65%);
    --bq-bg: hsl(210 12% 14%);
    --bq-text: hsl(210 15% 92%);
  }
}

blockquote {
  position: relative;
  margin: 1.5rem 0;
  padding: 1rem 1.25rem 1rem 1.25rem;
  color: var(--bq-text);
  background: var(--bq-bg);
  border-left: 4px solid var(--bq-accent);
  border-radius: 0.5rem;
}

blockquote::before {
  content: "“";
  position: absolute;
  left: 0.5rem;
  top: -0.6rem;
  font-size: 3rem;
  line-height: 1;
  color: color-mix(in oklab, var(--bq-accent) 60%, transparent);
  pointer-events: none;
}

blockquote p {
  margin: 0.5rem 0;
}

blockquote cite {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: color-mix(in oklab, var(--bq-text) 60%, transparent);
}
blockquote cite::before { content: "— "; }

a{
	text-decoration:none;
}
li{
	list-style-type:none;
}
img{
	border:0;
	max-width:100%;
	height:auto;
}
h1{
	font-size:230%;
	margin-bottom:3%;
}
h3{
	font-size:150%;
	margin-bottom:3%;
}

@media (min-width: 1021px){
  .min1021none,
	.spHnav {
      display: none;
  }
}
@media (max-width: 1020px){
  .max1020none,
	.header_nav,
	.footer_company {
      display: none;
  }
}
@media (min-width: 641px){
  .min641none {
      display: none;
  }
}
@media (max-width: 640px){
	div.center {
		margin: 0px auto 0px auto;
		padding: 0px auto 0px auto;
		width: 96%;
	}
	.width70float {
		float: none;
		width: 100%;
	}
	.right {
		float: none !important;
	}
}