@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansJP-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSansCJKjp';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansJP-Bold.woff') format('woff');
    font-display: swap;
}

body {
	font-family: "NotoSansCJKjp", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	color:#333;
	font-size:20px;
	font-weight: 500;
	line-height:1.75;
	letter-spacing:0.05em;
	text-align:justify;
    font-feature-settings: "palt";
    margin: 0;
    padding: 0;
}
.mco{color:#ad9d2f;}
.mco2{color:#fff;}
.mco3{color:#ffff00;}
.ts-info{border:1px solid #fff;padding:15px;border-radius:6px;color:#fff;}
.ts-time{border-left:1px solid #ffff00;padding:30px 50px; color:#fff;}
.pf_ttl{border-top:1px solid #333;border-bottom:1px solid #333;padding:20px 0 0 0;}
.pf_cp{background:#efefef;border-radius:10px;padding: 10px 20px;margin: 15px 0px;}
.blockquote-footer{color:#fff;}
.pgup{position: fixed; bottom: 20px; right: 20px;}
.marker01 {background: linear-gradient(transparent 50%, #0a2494 50%);}
.smlname{word-break: break-all; font-size:0.86em;}


.bg01bk {
  display: flex;
  width: 100%;
  background-image: url(img/bg01bk.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

.clip_polygon{
  clip-path:polygon(9% 0, 96% 4%, 90% 100%, 2% 96%);
  margin-bottom:50px;
}
.clip_polygon2{
  clip-path:polygon(1% 0, 99% 1%, 99% 100%, 1% 99%);
  margin-bottom:50px;
  padding:80px 0px 120px 0px;
}


.Gradation_2 {
  display: flex;
  width: 100%;
 
  background: linear-gradient(0deg, #003399, #f54e95);
  background-size: 200% 200%;
  animation: Grad 10s ease infinite;
  align-items: center;
  justify-content: center;
}
.Gradation_3 {
  background: linear-gradient(0deg, #003399, #f54e95);
  background-size: 200% 200%;
  animation: Grad 15s ease infinite;
  align-items: center;
  justify-content: center;
}

@keyframes Grad {
    0%{background-position:50% 0%}
    50%{background-position:50% 100%}
    100%{background-position:50% 0%}
}

@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* 要素にアニメーションを適用 */
.blink {
	animation: blinking 1s ease-in-out infinite alternate;
}