@font-face {
	font-family: 'noto-sans-cjk-jp';
	src: url(../fonts/NotoSansJP-Regular.otf) format('opentype');
}

/* ヘッダー（電子申告ID・事業主名表示枠 */
.c-header3 {
	background              : #FFFFFF;
	padding                 : 5px;
	-webkit-box-sizing      : border-box;
	box-sizing              : border-box;
	display                 : -webkit-box;
	display                 : -webkit-flex;
	display                 : -ms-flexbox;
	display                 : flex;
	-webkit-box-pack        : end;
	-webkit-justify-content : end;
	-ms-flex-pack           : end;
	justify-content         : end;
	-webkit-box-align       : end;
	-webkit-align-items     : end;
	-ms-flex-align          : end;
	align-items             : center; }

.c-header3__user {
	font-size : 1.6rem;
	padding   : 0px 10px;
}

html.style-blue .c-header3__user {
	color: #0000aa;
}

html.style-black .c-header3__user {
	color: #000000;
}
.c-btn_logout_txt {
	display         : inline-block;
	background      : #2E619E;
	text-align      : center;
	text-decoration : none;
	font-size       : 1.6rem;
	line-height     : 1.5;
	color           : #fff;
	font-weight     : bold;
	padding         : 6px 8px;
	position        : relative;
	overflow        : hidden;
	-webkit-box-sizing : border-box;
	box-sizing         : border-box;
}
.c-btn_logout_txt::after {
	content  : '';
	width    : 100%;
	height   : 100%;
	position : absolute;
	top      : 0;
	left     : 0;
	border   : 2px solid #2E619E;
	-webkit-box-sizing : border-box;
	box-sizing         : border-box;
	-webkit-transform-origin : center;
	-ms-transform-origin     : center;
	transform-origin         : center;
}
.c-btn_logout_txt span {
	position: relative;
	padding: 0 0 0 28px;
}
.c-btn_logout_txt span::before {
	content : '';
	width   : 20px;
	height  : 20px;
	background      : url("../../images/fgnp/logout_white.svg") no-repeat center;
	background-size : 20px;
	position        : absolute;
	top  : 50%;
	left : 0;
	-webkit-transform  : translate(0, -50%);
	-ms-transform      : translate(0, -50%);
	transform          : translate(0, -50%);
	-webkit-transition : all 0.3s ease-in-out;
	transition         : all 0.3s ease-in-out;
}
@media screen and (max-width: 1199px) {
	.c-btn_logout_txt {
		font-size: 1.3rem;
	}
	.c-btn_logout_txt span {
		padding: 0 0 0 20px;
	}
	.c-btn_logout_txt span::before {
		width           : 15px;
		height          : 15px;
		background-size : 15px;
	}
}
@media screen and (min-width: 768px) {
	.c-btn_logout_txt:hover {
		background: #fff;
		color: #2E619E;
		opacity: 1;
	}
	.c-btn_logout_txt:hover span::before {
		background: url("../../images/fgnp/logout_blue.svg") no-repeat center;
		background-size: 20px;
	}
	html.style-black .c-btn_logout_txt:hover span {
		color: #2E619E;
	}
	html.style-blue .c-btn_logout_txt:hover span {
		color: #2E619E;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.c-btn_logout_txt:hover span::before {
		background-size: 15px;
	}
}

/* ヘッダー（画面名表示枠） */
.l-cont-page_title {
	width     : 100%;
	max-width : 100%;
	padding   : 0 0 0 40px;
	margin    : 0 auto; }

/* ページャ */
/* ボタン無効化 */
.wp-pagenavi a.disabled {
	background: #707070 ;
	pointer-events: none; }
/* セレクタ無効化 */
.wp-pagenavi .select.disabled {
	pointer-events: none; }
.wp-pagenavi select.disabled {
	background: url("../img/common/icon-down-blue.svg") no-repeat center right 13px, #707070;}
/* ドロップダウンの背景色がフォーカス時の色と同じになるのを防ぐ */
.wp-pagenavi .select select option {
	background-color: #FFFFFF;}

/* メッセージ領域 */
.c-text01__error {
	width: 100%;
}
/* INFO、WARN用の背景色（その他の表示領域の設定は.c-text01__errorを使用） */
.c-text01__error.c-text01__info__color {
	background-color: #fdf59a;
	color: #cc7700;
}
.c-text01__error.c-text01__warn__color {
	background-color: #fdf59a;
	color: #cc7700;
}

/* エラー項目の背景色 */
.err_item {
	background-color: #FEF0F0 !important;
}

/* はてなマーク吹き出しのz-index調整 */
.c-serial__notify__wrap {
	position: absolute;
	top: 20px;
	z-index: 25; }

/* はてなマークフォーカス制御 */
.c-serial__img__flow {
	margin-left: 8px;
	margin-top: 3px;
	position: relative;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out; }

/* はてなマーク吹き出し（上下左右に表示位置を変更できるため、疑似要素で表示している三角部分を表示させない） */
.c-serial__notify {
	width: 320px;
}
.c-serial__notify::before {
	display: none;
}
.c-serial__notify::after {
	display: none;
}

/* ローディング */
.loading {
  position         : fixed;
  left             : 0;
  top              : 0;
  width            : 100%;
  height           : 100%;
  background-color : gray;
  opacity          : 0.6;
  z-index          : 2147483647;
}
@keyframes ls-anime {
     0% { opacity : 0;}
    50% { opacity : 1;}
   100% { opacity : 0;}
}
.spinner-circle {
  position   : absolute;
  top        : calc(50% - 50px);
  left       : calc(50% - 50px);
  width      : 100px;
  height     : 100px;
  margin     : 0;
}
.spinner-pillar {
  position         : absolute;
  top              : 0;
  left             : calc(50% - 15px);
  display          : inline-block;
  width            : 30px;
  height           : 100px;
  transform-origin : center bottom;
  background-color : transparent;
}
.spinner-point {
  position            : fixed;
  width               : 30px;
  height              : 30px;
  border-radius       : 100px;
  background-color    : white;
  animation           : ls-anime 3.6s infinite ease-in-out;
  animation-direction : alternate;
  opacity             : 0;
}
.spinner-pillar:nth-child(1) {
	transform: rotate(0deg);
}
.spinner-pillar:nth-child(2) {
	transform: rotate(30deg);
}
.spinner-pillar:nth-child(3) {
	transform: rotate(60deg);
}
.spinner-pillar:nth-child(4) {
	transform: rotate(90deg);
}
.spinner-pillar:nth-child(5) {
	transform: rotate(120deg);
}
.spinner-pillar:nth-child(6) {
	transform: rotate(150deg);
}
.spinner-pillar:nth-child(7) {
	transform: rotate(180deg);
}
.spinner-pillar:nth-child(8) {
	transform: rotate(210deg);
}
.spinner-pillar:nth-child(9) {
	transform: rotate(240deg);
}
.spinner-pillar:nth-child(10) {
	transform: rotate(270deg);
}
.spinner-pillar:nth-child(11) {
	transform: rotate(300deg);
}
.spinner-pillar:nth-child(12) {
	transform: rotate(330deg);
}
.spinner-pillar:nth-child(1) .spinner-point {
  animation-delay     : 0s;
}
.spinner-pillar:nth-child(2) .spinner-point {
  animation-delay     : 0.3s;
}
.spinner-pillar:nth-child(3) .spinner-point {
  animation-delay     : 0.6s;
}
.spinner-pillar:nth-child(4) .spinner-point {
  animation-delay     : 0.9s;
}
.spinner-pillar:nth-child(5) .spinner-point {
  animation-delay     : 1.2s;
}
.spinner-pillar:nth-child(6) .spinner-point {
  animation-delay     : 1.5s;
}
.spinner-pillar:nth-child(7) .spinner-point {
  animation-delay     : 1.8s;
}
.spinner-pillar:nth-child(8) .spinner-point {
  animation-delay     : 2.1s;
}
.spinner-pillar:nth-child(9) .spinner-point {
  animation-delay     : 2.4s;
}
.spinner-pillar:nth-child(10) .spinner-point {
  animation-delay     : 2.7s;
}
.spinner-pillar:nth-child(11) .spinner-point {
  animation-delay     : 3s;
}
.spinner-pillar:nth-child(12) .spinner-point {
  animation-delay     : 3.3s;
}