@charset "utf-8";

.hide {
	display: none !important;
}

.is-show	{ display: block !important; }
.is-hide,
.is-hidden	{ display: none; }

.ori {
	display: none;
}
.ori:after {
	content: "\A";
	white-space: pre;
}

#home23 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url("/imgs/home/home23.png") top center no-repeat;
	background-size: 2880px auto;
	opacity: 0.4;
}

#home23.off {
	opacity: 0;
	display: none;
}

html {
	font-size: 62.5%;
}

body {
/*
	CSSでtransitionかけて背景を変えると、safariだけ文字が一瞬細くなる現象を解消
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto Mono', 'Noto Sans JP', sans-serif;
*/
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1.75;
	color: #2a2a2a;

	position: relative;
	padding-top: 100px;

}

a, 
header a:hover {
	text-decoration: none !important;
}


.page23 #mainNav a[href^='https://iopscience.iop.org']:after, 
.page23 #mainNav a[href^='https://www.jstage.jst.go.jp']:after, 
.page23 #footNav a[href^='https://iopscience.iop.org']:after, 
.page23 #footNav a[href^='https://www.jstage.jst.go.jp']:after {
	content: "\f08e";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 80%;
	display: inline-block;
	margin-left: 3px;
	transform: translateY(-1px);
}

.page23 #mainNav a[href*='jsap.or.jp']:after, 
.page23 #mainNav a[href*='/ap']:after, 
.page23 #footNav a[href*='jsap.or.jp']:after, 
.page23 #footNav a[href*='/ap']:after {
	content: "";
	display: none !important;
	margin: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
}

body > header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20000;
	margin: 0 auto;

	display: flex;
	flex-direction: column;

	width: 100%;
	height: 99px;
	border-bottom: 1px solid #fff;
	background: #fff;
	transition: all .2s linear 0s;
}

body.admin-bar > header {
	top: 32px;
}

#nav, #footNav-R {
	font-variant-east-asian: proportional-width;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	letter-spacing: .038em;
}

#topbar ul, 
#nav, 
.block > .wrapper {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.page23 #mainNav li,
#topbar li {
	margin-bottom: 0;
}


#topbar {
	width: calc(100% - 40px);
	height: 100%;
	padding: 0 20px;
	overflow: hidden;

	z-index: 200;
	background: #eaeaea;

	transition: all .2s linear 0s;
}

#topbar ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 30px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
}

#topbar li + li {
	margin-left: 1px;
}

#topbar a {
	display: inline-flex;
	align-items: center;
	padding: 0 10px 1px;
	line-height: 29px;
}

#topbar .fa-solid, 
#topbar .fa-regular {
	margin-right: 3px;
}

#topbar #u_logout .fa-solid, 
#topbar #u_logout .fa-regular {
	margin-right: 0;
	margin-left: 3px;
}

#topbar .join, 
#topbar #u_join a, 
#topbar #u_mypage a, 
#topbar .login, 
#topbar #u_login a {
	padding: 0 23px 1px;
}

#topbar .join, 
#topbar #u_join a { /*width:66px;*/ background: #00783d; }
#topbar .login , 
#topbar #u_login a { /*width:102px;*/ background: #0d3380; }
#topbar #u_mypage a { background: #0d3380; }

#topbar .fa-solid, 
#topbar .fa-regular {
	font-size: 1.6rem;
	transform: translateY(1px);
}

.page23 header #u_mypage, 
.page23 header #u_logout {
	display: none;
}

#topbar .icon {
	margin-right: 4px;
}

#topbar .ic-user:after {
	content: url("../imgs/home/icon_user-white.svg");
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	transform: translateY(2px);
}

body > header:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
}

#nav {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 40px);
	padding: 0 20px;
}

.page23 #mainNav_HOME {
	flex: 0 1 223px;
	flex: 1;
	width: 223px;
	height: 42px;
	overflow: hidden;
/*	margin: 0 25px 0 0;*/
	margin: 0 2.0% 0 0;
	padding: 14px 0 13px 0;
	line-height: 42px;
	z-index: 100;
}

.page23 #mainNav_HOME {
	min-width: 223px;
}

.page23 #mainNav_HOME img {
	width: 100%;
	max-width: 223px;
	height: auto;
}

.menu-main-nav-container, 
.menu-main-nav-j23-container {
/*	flex: 0 1 calc(100% - 223px - 25px);*/
	flex: 0 1 calc(100% - 223px);
	width: 100%;
}

#mainNav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav > li {
	position: relative;
	display: block;
	text-align: center;
	height: 40px;
	flex-grow: 1;
}

#mainNav > li > .lv1 {
	display: block;
	margin-top: -14px;
	padding: 20px 8px 14px;
	text-align: center;
	font-weight: bold;
	color: #5a5a5a;
	white-space: nowrap;
	cursor: pointer;
}

body:not(.page23) #mainNav > li > a:after, 
body:not(.page23) #mainNav > li > .lv1:after,
#mainNav > li > .lv1:after {
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	color: #d5d5d5;
	display: block;
	width: 100%;
	height: 7px;
	overflow: hidden;
	text-align: center;
	font-size: 1.2rem;
	line-height: 7px;
	transition: all .2s linear 0s;
}

#mainNav > li				{ border-right: 1px solid #d5d5d5; }
#mainNav > li:first-child	{ border-left: 1px solid #d5d5d5; }

#mainNav > li > .lv1 > .fa-magnifying-glass {
	font-size: 1.8rem;
}

#mainNav > li .naviPanel {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;

	visibility: hidden;
	opacity: 0;

	background: rgba(255,255,255,0.98);
	box-shadow: 0 0 20px rgba(0,0,0,0.36);
	transition: all .05s linear 0s;

}

#mainNav > li.on .naviPanel, 
#mainNav > li.selected .naviPanel {
/*#mainNav > li:hover .naviPanel {*/
	top: 55px;
	visibility: visible;
	opacity: 1;
	transition: all .16s linear 0s;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;

	font-size: 1.4rem;
	line-height: 1.2;

}

#mainNav ul li {
	border-top: 1px solid #d2d2d2;
}

#mainNav ul li:first-child {
	border-top: none;
}

#mainNav a {
	display: block;
	padding: 14px 23px;
	text-align: left;
	white-space: nowrap;
}

#mainNav > li.search .naviPanel {
	right: 0;
	left: auto;
	transform: translateX(0);
}

#searchForm {
	display: block;
}

#searchForm > form {
	display: inline-flex;
	align-items: center;
	padding: 12px 12px;
	white-space: nowrap;
}

#searchForm input {
	display: inline-block;
	width: 120px;
	margin: 0 3px 0 0;
	padding: 4px 8px;
	font-size: 1.5rem;
	line-height: 18px;
	outline: none;
	border: 2px solid #d2d2d2;
	border-radius: 3px;
	background: #fff;
	color: #333;
}

#searchForm input:focus {
	border-color: #0096e9;
}

#searchForm button {
	display: inline-block;
	width: 34px;
	height: 34px;
	overflow: hidden;
	border: none;
	border-radius: 3px;
	background: #d2d2d2 url("../imgs/home/ic_arrow-right-square.svg") center center no-repeat;
	cursor: pointer;
	transition: all .2s linear 0s;
	white-space: nowrap;
	text-indent: -900px;
	font-size: 32px;
	line-height: 34px;
}

#searchForm button:hover,
#searchForm button:focus,
#searchForm button:active {
	background-color: #0096e9;
}




header.float {
	box-shadow: 0 0 20px rgba(0,0,0,0.36);
}

header.float #topbar {
	height: 0;
}

header.float {
	height: 69px;
	border-bottom: 1px solid #dadada;
}

nav .mobileNav {
	position: fixed;
	top: 30px;
	right: 0;
	display: none;
	width: 70px;
	height: 70px;
	z-index: 10999;
	cursor: pointer;

	transition: all .2s linear 0s;

	/*background: #fff;*/
}

.float nav .mobileNav {
	top: 0;
}

.mobileNav > span, 
.mobileNav > span:before, 
.mobileNav > span:after {
	position: absolute;
	left: 0;
	display: block;
	width: 40px;
	height: 3px;
	text-align: center;
	background: #666;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}

.mobileNav > span {
	margin: 34px 0 0 15px;
}

.mobileNav > span:before, 
.mobileNav > span:after {
	content: " ";
}

.mobileNav > span:before	{ top: -10px; }
.mobileNav > span			{ top: 0px; }
.mobileNav > span:after		{ top: 10px; }

.mobileNav.on {
	background: #0096e9;
}

.mobileNav.on > span:before, 
.mobileNav.on > span:after {
	height: 2px;
	background: #fff;
}

.mobileNav.on > span:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}

.mobileNav.on > span {
	width: 0;
	left: 0;
	right: 0;
	background: #fff;
}

.mobileNav.on > span:after {
	top: 0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}





/**/



.block#footNav {
	padding-top: 60px;
	padding-bottom: 12px;
	background: #002360;
}

#footNav .wrapper {
	display: flex;
}

#footNav-L {
	flex: 0 1 252px;
	margin-right: 50px;
}

#footer .title img {
	width: 100%;
	max-width: 242px;
	max-width: 222px;
	height: auto;

}

#footer address {
	display: block;
	margin-top: 20px;
	font-size: 1.3rem;
	line-height: 1.45;
	font-style: normal;
	color: #fff;
}

#footer address a {
	display: inline-block;
	
}

#footer address a:after {
	content: "\f3c5";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 1.8rem;
	line-height: 1.0;
	margin-left: 6px;
	opacity: 0.75;
}

.list-shortcut-homefoot {
	display: block;
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.4rem;
	line-height: 1.5;
}

.list-shortcut-homefoot a {
	display: block;
	margin-bottom: 1px;
	padding: 4px 0;
}

#footNav-R {
	flex: 0 1 calc(100% - 252px - 50px);
	display: flex;
	flex-direction: column;
	align-content: space-between;
/*	align-content: first baseline;*/


	flex-wrap: wrap;
	width: 100%;
	max-height: 720px;
	margin: 8px 0 0;
	padding: 9px 0 0 0;
	list-style: none;
}

#footNav-R ul {
	display: block;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	line-height: 1.25;
}

#footer .naviPanel {
	margin: 0 0 35px 0;
	flex: 1 1 auto;
}

/*
#footer .naviPanel:nth-child(1) { order: 1; }
*/
#footer .naviPanel:nth-child(2) { order: 3; }
#footer .naviPanel:nth-child(3) { order: 2; }
#footer .naviPanel:nth-child(4) { order: 5; }
#footer .naviPanel:nth-child(5) { order: 4; }
#footer .naviPanel:nth-child(6) { order: 6; }
#footer .naviPanel:nth-child(7) { order: 7; }

#footer .naviPanel .lv1 {
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
}

#footer .naviPanel a {
	display: inline-block;
	margin: 0 0 1px;
	padding: 4px 0;
}



/**/



.block#footMisc {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.block#footMisc .wrapper {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;

	font-size: 1.3rem;
	line-height: 1.5;
}

#footMisc .list-misc {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-misc li + li {
	margin-left: 1.1em;
	padding-left: 1.1em;
	border-left: 1px solid #7a7a7a;
}

.list-misc a, 
.page23 #copyright {
	color: #7a7a7a;
}

.page23 #copyright {
	margin: 0 0 0 30px;
	padding: 1em 0;
	text-align: right;

}

.page23 #copyright small {
	font-size: 1.3rem;
	line-height: 1.5;
}

#footer .totop {
	position: fixed;
	right: 30px;
	bottom: 10px;
	margin: 0 auto;

	display: none;
	width: 45px;
	height: 45px;
	overflow: hidden;
	text-align: center;
	line-height: 1.0;
	background: #000;
	border-radius: 4px;
	opacity: 0.48;
	transition: all .16s linear 0s;
	cursor: pointer;
}

#footer .totop:hover {
	background: #0096e9;
	opacity: 1;
}

#footer .totop:before {
	content: url("../imgs/home/totop.svg");
	display: inline-block;
	width: 24px;
	height: 14px;
	overflow: hidden;
	line-height: 14px;
	overflow: hidden;
	transition: all .10s linear 0s;
	margin-top: 8px;
}

#footer .totop:hover:before {
	margin-top: 4px;
}


#footNav a, 
#footer address a:after {
	color: #fff !important;
}

#footer address a:after, 
.list-shortcut-homefoot a, 
#footer .naviPanel a {
	opacity: 0.70;
}

#footer address a:hover:after, 
.list-shortcut-homefoot a:hover, 
#footer .naviPanel a:hover {
	opacity: 1.0;
}

#topbar a, 
#mainNav a, 
#footer a, 
#footer address a:after {
	transition: all .16s linear 0s;
}

#topbar a {
	color: #808080;
}

#u_join a, 
#u_login a, 
#u_mypage a {
	color: #fff;
}

#topbar a:hover, 
#topbar #u_join a:hover, 
#topbar #u_login a:hover, 
#topbar #u_mypage a:hover {
	color: #fff !important;
	background: #0096e9;
}

#mainNav a {
	color: #2a2a2a;
}

#mainNav > li:hover > .lv1, 
#mainNav > li:hover > .lv1:after, 
#mainNav a:hover,
.list-misc a:hover {
	color: #0096e9;
}


.ic-PDF:after, 
a[href*=".pdf"]:after,
a[href*=".doc"]:after, 
a[href*=".docx"]:after,
a[href*=".xls"]:after, 
a[href*=".xlsx"]:after,
a[href*=".png"]:after, 
a[href*=".gif"]:after, 
a[href*=".jpg"]:after, 
a.download.zip:after, 
a[href*=".zip"]:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 1.6rem;

	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.report-and-plan tbody td a[href*=".pdf"]:after {
	font-size: 2.2rem;
}












/**/
@media screen and (max-width: 1100px) {

/*#mainNav > li:nth-child(6) .naviPanel, */
#mainNav > li:nth-child(7) .naviPanel {
	right: 0;
	left: auto;
	transform: translateX(0);
}

#footNav-R {
	max-height: 900px;
}

#footNav-L {
	margin-right: 15px;
	margin-right: 0;
}

#footer .naviPanel {
	margin: 0 0 35px 30px;
}

#footNav-R .naviPanel:nth-child(1) { order: 1; }
#footNav-R .naviPanel:nth-child(2) { order: 2; }
#footNav-R .naviPanel:nth-child(3) { order: 4; }
#footNav-R .naviPanel:nth-child(4) { order: 3; }
#footNav-R .naviPanel:nth-child(5) { order: 6; }
#footNav-R .naviPanel:nth-child(6) { order: 5; }
#footNav-R .naviPanel:nth-child(7) { order: 7; }

}



/**/
@media screen and (max-width: 1050px) {

.block#footMisc .wrapper {
	flex-wrap: wrap;
}

#footMisc .list-misc {
	width: 100%;
	padding-top: 10px;
	justify-content: center;
	font-size: 1.2rem;
	line-height: 1.2;
}

.list-misc li + li {
	margin-left: 0.6em;
	padding-left: 0.6em;
}

.page23 #copyright {
	width: 100%;
	margin-left: 0;
	text-align: center;
}

}


/**/
@media screen and (max-width: 1000px) {

#mainNav {
	font-size: calc(1vw + 0.53000rem);
}

#mainNav > li > .lv1 {
	padding-top: 25px;
}

}



/**/
@media screen and (max-width: 960px) {

#topbar .join, 
#topbar .login {
	padding: 0 14px 1px;
}

#mainNav_HOME {
	margin: 0 8px 0 0;
}

}



/**/
@media screen and (max-width: 920px) {

#footNav-L {
	flex: 0 1 auto;
}

.list-shortcut-homefoot {
	font-size: 1.3rem;
}

#footNav-R {
	flex: 0 1 auto;
}

.ori#add {
	display: inline;
}

#footer .title img {
	width: 100%;
	min-width: 160px;
}

#footer address {
	position: relative;
	display: inline-block;
}

#footer address a:after {
	position: absolute;
	top: 0;
	right: 0;
}

}



/**/
@media screen and (max-width: 900px) {

#mainNav > li > .lv1 {
	white-space: normal;
	word-break: break-all;
	overflow-wrap: break-word;
	line-height: 1.2;

	position: relative;
	display: block;
	height: 40px;
	margin: -14px auto 0;
	padding: 4px 0 0;

	/*background: rgba(0, 255, 0, 0.338);*/
}

#mainNav > li:nth-child(1) > .lv1 { width: 3.9em; }
#mainNav > li:nth-child(2) > .lv1 { width: 6.0em; }
#mainNav > li:nth-child(5) > .lv1 { width: 5.5em; }
#mainNav > li:nth-child(7) > .lv1 { width: 3.3em; }

#mainNav > li:nth-child(1) > .lv1, 
#mainNav > li:nth-child(2) > .lv1, 
#mainNav > li:nth-child(5) > .lv1, 
#mainNav > li:nth-child(7) > .lv1 {
	padding: 18px 0 2px;
	line-height: 1.2;
}

#mainNav > li:nth-child(3) > .lv1, 
#mainNav > li:nth-child(4) > .lv1, 
#mainNav > li:nth-child(6) > .lv1, 
#mainNav > li:nth-child(8) > .lv1 {
	padding: 16px 0 4px;
	line-height: 36px;
}

#mainNav > li > .lv1:after {
	position: absolute;
	bottom: 2px;
	line-height: 8px;
}

}





/**/
@media screen and (max-width: 782px) {

body.admin-bar > header, 
body.admin-bar > header.float nav .mobileNav {
	top: 46px;
}

body.admin-bar nav .mobileNav {
	top: 76px;
}

}





/**/
@media screen and (max-width: 768px) {

#topbar {
	width: 100%;
	padding: 0;
}

#topbar .join, 
#topbar #u_join a, 
#topbar #u_mypage a, 
#topbar .login, 
#topbar #u_login a, 
#topbar #u_logout a {
	padding: 0 20px 1px;
}

.menu-main-nav-container, 
.menu-main-nav-j23-container {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 30000;
	flex: 1;
	background: #fff;
}

#mainNav {
	flex-direction: column;
}

#mainNav {
	border-top: 1px solid rgba(255,255,255,0.25);
	background: #0096e9;
}

#mainNav > li {
	display: block;
	width: 100%;
	height: auto;
	border-right: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	background: #0096e9;
}

#mainNav > li:nth-child(n+1) > .lv1 {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 0;
	padding: 11px 0;
	line-height: 1.01;
	font-size: 1.5rem;
	color: #fff;
}

#mainNav > li:nth-child(n+1) > .lv1:after {
	position: static;
	display: inline-block;
	width: auto;
	margin: 0 0 0 5px;
	padding: 0;
	transform: translateY(-3px);
	color: rgba(255,255,255,0.5);
}

#mainNav > li:nth-child(n+1) > .lv1:hover:after {
	color: rgba(255,255,255,1.0);
}

#mainNav > li .naviPanel {
	position: static;
	height: 0;
	overflow: hidden;
	font-size: 1.4rem;
	background: rgba(255, 255, 255, 0.15);

	transform: none;
}

#mainNav > li.selected .naviPanel, 
#mainNav > li.on .naviPanel {
	height: auto;
	box-shadow: none;
}

#mainNav .naviPanel ul {
	display: flex;
	flex-wrap: wrap;
}

#mainNav .naviPanel li:first-child {
	border-top: 1px solid rgba(255,255,255,0.25);
}

#mainNav .naviPanel li {
	width: calc((100% - 1px) * 0.5);
	display: block;
	border-color: rgba(255,255,255,0.25);
}

#mainNav .naviPanel li:nth-child(2n) {
	border-left: 1px solid rgba(255,255,255,0.25);
}

/*
#mainNav .naviPanel ul > li:last-child:after {
	content: "";
	display: block;
	width: calc((100% - 1px));
	height: 100%;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
}

#mainNav .naviPanel ul > li:nth-child(2n+1):last-child {
	width: calc((100% - 1px) * 0.5);
	border-right: 1px solid #d2d2d2;
}
*/

#mainNav .naviPanel ul > li:nth-child(2n+1):nth-last-child(1) {
	border-right: 1px solid rgba(255,255,255,0.25);
}

#mainNav .naviPanel ul > li:nth-child(2n):nth-last-child(2) {
	border-bottom: 1px solid rgba(255,255,255,0.25);
}

#mainNav a {
	text-align: center;
}

#mainNav .naviPanel li {
	display: flex;
	justify-content: center;
	align-items: center;
}

#mainNav .naviPanel li.nav_jjap {
	flex-direction: column;
}

#mainNav .naviPanel a {
/*
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
*/
	padding: 8px 20px;
	white-space: normal;
	color: #fff;
}

#mainNav .naviPanel li.nav_jjap a {
	display: block;
	width: calc(100% - 40px);
	padding: 8px 20px !important;
}

#mainNav .naviPanel li.nav_jjap:hover a {
	color: #fff;
}

#mainNav .naviPanel li.nav_jjap:hover a:hover, 
#mainNav .naviPanel li:hover a {
	color: #0096e9;
}

#mainNav .naviPanel li:not(.nav_jjap):hover, 
#mainNav .naviPanel li.nav_jjap a:hover {
	background: #fff;
}

#mainNav .naviPanel a br {
	display: none;
}

nav .mobileNav {
	display: block;
}

/*
 */

#footNav-L {
	width: 100%;
	margin: 0;
	text-align: center;
}

.ori#add {
	display: none;
}

#footer address {
	letter-spacing: 0.05em;
}

#footer address a:after {
	right: -1.0em;
}

.list-shortcut-homefoot {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.list-shortcut-homefoot a {
	display: block;
	padding: 2px 8px;
	font-size: 1.2rem;
	white-space: nowrap;
}

.list-shortcut-homefoot > li {
	margin-bottom: 1.0em;
}

.list-shortcut-homefoot > li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

/*
.list-shortcut-homefoot > li:nth-child(5):after {
	content: "";
	display: inline-block;
	width: 100%;
}
*/

#footNav-R {
	display: none;
}

}



/**/
@media screen and (max-width: 680px) {

.list-shortcut-homefoot .ori {
	display: inline;
}

}



/**/
@media screen and (max-width: 580px) {

.list-misc .ori {
	display: inline;
}

}



/**/
@media screen and (max-width: 550px) {

#topbar a {
	position: relative;
	display: inline-block;
	height: 30px;
	padding: 0 0 0 30px;
	overflow: hidden;
	text-align: left;
	line-height: 30px;
	white-space: nowrap;
}

#topbar li:nth-child(-n+3) a{
	width: 30px;
	text-indent: -9999px;
	padding: 0;
	text-align: center;
}


#topbar a .fa-solid, 
#topbar a .icon {
	position: absolute;
	top: 1px;
	left: 0;
	text-indent: 0;

	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 30px;
	text-align: center;
}

#topbar .join, 
#topbar #u_join a, 
#topbar #u_mypage a, 
#topbar .login, 
#topbar #u_login a, 
#topbar #u_logout a {
	padding: 3px 10px 0 28px;
}

#topbar .join,
#topbar .login {
	width: auto;
}

#topbar #u_join a .fa-solid, 
#topbar #u_login a .icon {
	top: 3px;
}


}



/**/
@media screen and (max-width: 500px) {

.list-links-home > li {
	flex: 1 0 70%;
}

.list-links-home a {
	margin: 0 auto;
}

}



/**/
@media screen and (max-width: 486px) {

.list-shortcut-homefoot > li:nth-child(5) {
	border-left: none;
}

}



/* ====================================================================
*/
@media screen and (max-height: 768px) {

body {
	padding-top: 90px;
	padding-top: 82px;
}

body > header {
	height: 89px;
	height: 81px;
}

nav .mobileNav {
	width: 60px;
	height: 60px;
	cursor: pointer;

	top: 30px;
	width: 52px;
	height: 52px;
}

.mobileNav > span, 
.mobileNav > span:before, 
.mobileNav > span:after {
	width: 36px;
	width: 28px;
}

.mobileNav > span {
	margin: 29px 0 0 12px;
	margin: 25px 0 0 12px;
}

.menu-main-nav-container, 
.menu-main-nav-j23-container {
	top: 60px;
	top: 52px;
}

.page23 #mainNav_HOME {
	padding: 9px 0 8px 0;
	padding: 5px 0 4px 0;
}

#mainNav > li:nth-child(n+1) > .lv1 {
	padding : 14px 0;
}

#mainNav > li.search > .lv1 {
	padding : 12px 0 13px;
}

header.float {
	height: 59px;
}

#mainNav > li.on .naviPanel, 
#mainNav > li.selected .naviPanel {
	top: 50px;
	top: 46px;
}

#mainNav > li:nth-child(6) a br {
	display: none;
}

}



/**/
@media screen and (min-width: 901px) and (max-width: 1000px) and (max-height: 768px) {

#mainNav > li:nth-child(n+1) > .lv1 {
	padding: 19px 0 3px;
}

}



/**/
@media screen and (min-width: 900px) and (max-height: 768px) {

#mainNav > li:nth-child(n+1) > .lv1 {
	height: 40px;
	margin: -12px auto 0;
	padding: 18px 0 4px;
}

#mainNav > li > .lv1:after {
	bottom: 10px;
}

}



/**/
@media screen and (min-width: 769px) and (max-width: 899px) and (max-height: 768px) {

#mainNav > li:nth-child(n+1) > .lv1 {
	height: 40px;
	margin: -12px auto 0;
}

#mainNav > li:nth-child(1) > .lv1, 
#mainNav > li:nth-child(2) > .lv1, 
#mainNav > li:nth-child(5) > .lv1, 
#mainNav > li:nth-child(7) > .lv1 {
	padding: 14px 0 6px;
	line-height: 1.2;
}

#mainNav > li:nth-child(3) > .lv1, 
#mainNav > li:nth-child(4) > .lv1, 
#mainNav > li:nth-child(6) > .lv1, 
#mainNav > li:nth-child(8) > .lv1 {
	padding: 14px 0 6px;
	line-height: 36px;
}

#mainNav > li > .lv1:after {
	bottom: 4px;
}

}

#invisible {
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-size: 1rem;
	line-height: 1;
	opacity: 0;
}


.page23 .main {
	padding-top: 0;
}

.page23 .infodesk:before,
.page23 .info > h2:before,
.page23 .type-column a.pdf:before,
.page23 .type-column a.fb:before,
.page23 .type-column a.tw:before,
.page23 .type-column .fb > a:before,
.page23 .type-column .tw > a:before,
.page23 .type-column a.fb:before, 
.page23 .type-column a.tw:before,
.page23 .tr-clickable tr.clickable td:last-child:after,
.page23 .OBTseminar2 .flyer:before, 
.page23 .OBTseminarPast .book:before, 
.page23 .OBTseminarPast .flyer:before, 
.page23 .OBTseminarPast .report:before, 
.page23 .list-flowchart > li:after, 		/* f063 */
.page23 .dmal:not([class*="noic"]):before,	/* f0e0 */
.page23 ul#todan-flow > li:after,			/* f101 */
.page23 .main .list-links > li:after,		/* f105 */
.page23 a.ic:after,							/* f105 */
.page23 .OBTseminar2 .flyer:before, 		/* f1c1 */
.page23 .OBTseminarPast .flyer:before, 		/* f1c1 */
.page23 .OBTseminarPast .report:before,		/* f1c1 */
.page23 .information.with-ic:before, 		/* f129 */
.page23 .information > div.h:first-child:before, 
.page23 .information > h2:first-child:before, 
.page23 .information > .midashi:first-child:before,	/*  */
.page23 .OBTseminar-info > dl + p a:before, 
.page23 a.action:after, 
.page23 a.linkto:after,						/* f0a9 */
.page23 .list-links-index > li a:after,		/* f0a9 */
.page23 .table-manabi a:after,	/* f101 */
.page23 .table-events a:after,	/* f101 */
.page23 .category_pageList > ul > li > a:after, /* f105 */
.page23 .shortcuts li a:after,
.page23 .list-links-sns .sc_to_site a:before, 	/* f0ac */
.page23 .list-links.list-compact > li > a:after,	/*  */
.page23 .list-links-sns .sc_to_pr a:before, /* f1c1 */
.page23 .main .list-links.pageIndex > li:after, /* f107 */
.page23 .caution > .h:before, 				/* f071 */
.page23 .caution > header > .h:before,		/* f071 */
.page23 .list-links-date > li > a:after, 
.page23 .list_pr-docs > li > a[href*=".pdf"] > .pr-doc_day:after,
.page23 a#presidents span:after, 
.page23 a#committee span:after, 
.page23 a#toform span:after, 
.page23 #tagsb:after, 						/* f0d7 */
.page23 .column-main a.bak:before,			/* f0a8 */
.page23 .reference > .h:before,			/* f02d */
.page23 .reference > .midashi > .h:before,
.page23 a#presidents span:after,
.page23 a#committee span:after,
.page23 a#toform span:after,
.page23 #tagsb:after
{
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}

/*
{
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
}
*/

.page23 .OBTseminarPast a.flyer[href*=".png"]:after {
	content: "";
	margin: 0;
}

.page23 .type-column a.fb:before, 			/* f230 */
.page23 .type-column .fb > a:before, 		/* f230 */
.page23 .type-column a.tw:before,			/* f099 */
.page23 .list-links-sns .sc_to_twitter a:before, 
.page23 .list-links-sns .sc_to_facebook a:before
{
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
}

@media screen and (max-width:600px) {
.page23 #wpadminbar {
	position: fixed !important;
}
}



.page23.forCheck .column_single {
	max-width: 1200px;
}

.forCheck .disp-info {
	font-size: 1.4rem;

}

/*

#slideHOME.forCheck

*/



#slideHOME.forCheck {
	height: auto;
	margin: 0 auto;
}

#slideHOME.forCheck > div {
	margin-top: 30px;
	height: auto;
	text-align: center;
}

#slideHOME.forCheck > div + div {
	margin-top: 30px;
}

#slideHOME.forCheck > div + div.disp-info {
	margin-top: 10px;
}


/*

#sanjo-banners

*/

#sanjo-banners-L {
	width: 240px;
	height: 100px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto 4px;
}

#sanjo-banners {
	width: 240px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#sanjo-banners-L p, 
#sanjo-banners p {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.05;
}

#sanjo-banners-L p {
	margin: 0;
}

#sanjo-banners p {
	margin: 0 0 4px;
}

.preload #sanjo-banners p:nth-child(n+5) {
	display: none;
}

#sanjo-banners-L a, 
#sanjo-banners a {
	display: inline-block;
	padding: 1px;
	border: 1px solid #d2d2d2;
}

#sanjo-banners-L a,
#sanjo-banners a {
	transition: all .2s linear 0s;
}

#sanjo-links-L a > img, 
#sanjo-links a > img {
	display: inline-block;
}

#sanjo-banners-L a > img {
	width: 236px;
	height: auto;
	max-height: 96px;
}

#sanjo-banners a > img {
	width: 114px;
	height: 58px;
}

#sanjo-banners-L a:hover, 
#sanjo-banners a:hover {
	border-color: #0096e9 !important;
}

.forCheck #sanjo-banners-L, 
.forCheck #sanjo-banners {
	width: auto;
	flex-direction: column;
	margin: 0 auto;
}
.forCheck #sanjo-banners-L {
	height: auto;
	margin-bottom: 30px;
}
.forCheck #sanjo-banners-L p, 
.forCheck #sanjo-banners p {
	margin-top: 10px;
}


/*
#sanjo-links1 p {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.05;
}

#sanjo-links p {
	margin: 0;
}

#sanjo-links a {
	display: inline-block;
}

#sanjo-links1 p {
	margin: 0 0 4px;
}

#sanjo-links1 a {
	color: #a2a2a2;
}

#sanjo-links a:hover {
	opacity: 0.8;
}
*/


/*

#pickup

*/

.list-pickup {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-pickup.pick-3 { gap: 0 3%; }
.list-pickup.pick-4 { gap: 0 3.11111%; }

.list-pickup > li {
	width: 100%;
	flex: 1;
}

.list-pickup.pick-3 li { max-width: 376px; }
.list-pickup.pick-4 li { max-width: 272px; }

.list-pickup a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	flex-direction: column;
	color: #000;
	background: #fff;
}

.list-pickup a:after {
	content: "";
	display: block;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: 1px solid rgba(0,0,0,0.15);
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s linear 0s;
}

.list-pickup a:hover:after {
	border-color: rgba(0,0,0,0);
	border-top-color: rgba(255,255,255,0.35);
}

.list-pickup img {
	width: 100%;
	height: auto;
}

.list-pickup video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 376px; 
	max-height: 189px;

	margin: 0;
	padding: 0;
}

.pick-3 .img { max-width: 376px; }
.pick-3 .movie { max-width: 376px; max-height: 189px; overflow: hidden; }
.pick-4 .img { max-width: 272px; }

.list-pickup li .txt {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 51px 0  15px;
	font-weight: bold;
	line-height: 1.2;
}

.list-pickup.pick-3 li .txt {
	transform: translateY(-1px);
}

.list-pickup.pick-3 li .txt {
	height: 77px;
	font-size: 1.8rem;
}

.list-pickup li video {
	margin-bottom: 0;
}

.list-pickup.pick-4 li .txt {
	height: 67px;
	padding: 0 42px 0 15px;
	font-size: 1.5rem;
}

.list-pickup li .txt:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto 0;

	content: url("../imgs/home/ic_arrow-right-square.svg");
	display: inline-block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	background: #dadada;
	border-radius: 2px;
	white-space: nowrap;
}

.list-pickup.pick-4 li .txt:after {
	width: 22px;
	height: 22px;
}

.list-pickup li:hover .txt:after {
	background: #0096e9;
}

.list-pickup.pick-4 {
	margin-top: 2.66666%;
}

.list-pickup .vacant {
	display: block;
	width: 100%;
	height: 100%;
	
	background: #e6e6e6 url("../imgs/home/JSAP_gray.svg") no-repeat center center;
	border: 1px solid rgba(0,0,0,0.05);
}

.list-pickup.pick-3 .vacant { min-width: 374px; background-size: 60px auto; }
.list-pickup.pick-4 .vacant { min-width: 270px; background-size: 52px auto; }

.list-pickup .ic-PDF:after, 
.list-pickup a[href*=".pdf"]:after {
	margin: 0;
}

.forCheck .list-pickup {
	justify-content: center;
	width: 400px;
	margin: 0 auto;
}
.forCheck .list-pickup > li {
	flex: initial;
	margin-top: 20px;
}
.forCheck .list-pickup.pick-3 li, 
.forCheck .list-pickup.pick-3 .img, 
.forCheck .list-pickup.pick-3 .img img, 
.forCheck .list-pickup.pick-3 .movie, 
.forCheck .list-pickup.pick-3 .movie video { width: 376px; }
.forCheck .list-pickup.pick-4 li, 
.forCheck .list-pickup.pick-4 .img, 
.forCheck .list-pickup.pick-4 .img img { width: 272px; }

#event_home {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4;
	border-top: 1px dotted #999;
}

#event_home > li { 
	border-bottom: 1px dotted #999;
}

#event_home > li > a, 
#event_home .date {
	display: flex;
	align-items: center;
}

#event_home .dateS, 
#event_home .dateE {
	width: 72px;
	font-size: 1.3rem;
	text-align: center;
}

#event_home .dateS, 
#event_home .dateE, 
#event_home .title {
	display: block;
	padding: 8px;
}

#event_home .dateE, 
#event_home .title {
	border-left: 1px dotted #999;
}

.award-announce {
	display: block;
	margin: 2.5em 0;
	padding: 1.8em;
	text-align: center !important;
	font-weight: bold;
	font-size: 1.8rem;
	background: #eaeaea;
}


h2 > #ex-profile {
	float: right;
}

h2 + #ex-profile {
	height: 1px;
	transform: translateY(-37px);
	text-align: right;
}

#ex-profile a {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.1;
	padding: 9px 18px;
	color: #0096e9;
	border: 2px solid #0096e9;
	border-radius: 20px;
	background-color: rgba(0, 151, 233, 0.0);

	transform: translateY(-3px);
}

#ex-profile a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	display: inline-block;
	margin-left: 7px;
	opacity: 0.72;
}

#ex-profile a:hover {
	color: #fff !important;
	opacity: 1.0;
	background-color: rgba(0, 151, 233, 1.0);
}

#ex-profile a:hover:after {
	opacity: 1.0;
}

#mainNav li.nav_jjap a:first-child	{ padding-bottom: 2px; }
#mainNav li.nav_jjap a:last-child	{ padding-top: 2px; }

#footNav-R li.nav_jjap a		{ padding-bottom: 1px; }
#footNav-R li.nav_jjap + li a	{ padding-top: 1px; }


.tooltip-shinobi {
	position: relative;
}

.tooltip-shinobi::before {
	position: absolute;
	bottom: -3.2em;
	left: 50%;
	width: 20em;
	transform: translateX(-50%);
	padding: 0.4rem 0.6rem;
	line-height: 1.20;
	font-size: 1.0vw;
	color: #3a3a3a;
	background-color: #ff9;
	border-radius: 4px;
	content: attr(tooltip-text);
	transition: all .2s linear 0s;
	z-index: 100;
	opacity: 0;
}

.tooltip-shinobi:hover::before {
	opacity: 1;
	box-shadow: 0 3px 8px rgba(0,0,0,0.28);
}

.l175 p + p {
	margin-top: 1.75em;
}

#organization {
	position: relative;
	width: auto;
	min-width: initial;
	overflow-x: auto;
}

#member_count_box {
	position: relative;
	width: auto;
	min-width: initial;
	overflow-x: auto;
}

#about_members {
	display: none;
	font-size: 1.3rem;
	line-height: 1.25;
}

#member_count_box.on #about_members {
	display: block;
}

#about_members_start {
	position: absolute;
	width: 700px;
	margin: 0 auto;
	padding-top: 3px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 1.4rem;
	line-height: 1.0;

}

#member_count_box.on {
	padding-left: 260px;
}

.on #about_members_start {
	padding-left: 260px;
}

#about_members_start:before {
	content: "?";
	font-family: "Roboto Mono";
	font-size: 1.8rem;
	font-weight: bold;

	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 4px;
	padding: 0px;
	border-radius: 50%;
	border: 2px solid #ddbd34aa;
	background: #ffdf56;
	text-align: center;
}

#memberis {
	position: absolute;
	top: 35px;
	left: 0;
	width: 247px;

	margin: 0;
	padding: 0;
	list-style: none;
}

#memberis li {
	padding: 6.5px 13px;
	background: #ffdf56dd;
	border-radius: 6px;
}

#memberis li + li {
	margin-top: 6px;
}

.member-type {
	margin-bottom: 2px;
	font-weight: bold;
}

#memberis p {
	margin: 0;
}

#member_count {
	display: block;
	margin: 2.0em auto 0;
}

#member_count_box.on #member_count {
	margin: 2.0em 0 0 auto;
}

#member_count_box #lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}