@charset "utf-8";

/*
debug
*/



/*
#pict {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0.8;
}
*/

body {
	position: relative;
	font-family: 'Noto Sans JP', san-serif;
	font-weight: 400;
}

body.bgon {
	background: url("_org-HOME.png") center top no-repeat;
}

@media only screen and
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

/*
ruby {
	display: inline-block;
	position: relative;
	margin-top: -1.6em;
	line-height: 1;
	ruby-position: over;
}
ruby rt {
	position: absolute;
	top: 0;
	display: block;
	transform: translateY(5px);
	font-size: 1.0rem;
}

.edge ruby {
	display: inline;
}

.edge ruby rt {
	transform: translateY(1px);
}
*/

ruby[data-ruby] {
	position: relative;
}

ruby[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	line-height: 100% !important;
	text-align: center;
	left: -3em;
	right: -3em;
	transform-origin: bottom center;

	/* ルビの文字サイズを親文字に対する比率で指定 */
	transform: scale(0.65);

	/* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
	bottom: 95%;

	/* デバッグ用
	background-color: rgba(255, 0, 0, 0.2);
	*/
}

.edge ruby[data-ruby]::before {
	bottom: 85%;
}

.ie ruby[data-ruby]::before {
	font-weight: bold;
	bottom: 82%;
}

ruby[data-ruby] rt {
	display: none;
}

.hide { display: none !important; }

#topBar {
	box-shadow: 0 2px 4px rgba(0,0,0,0.24);
}

#pageVisual {
	width: 100%;
	height: auto;
	max-height: 120px;
	overflow: hidden;
	text-align: center;
}

#pageVisual > img {
	width: 100%;
	margin-top: calc((100% / 2.62 - 120px) * 0.5 * -1);
}

#ssS_Home #pageTitle {
	padding: 26px 0 0;
}

#pageTitle h1 {
	margin: 0;
	padding: 0;
	line-height: 1.1;
}

#ssS_Home #pageTitle h1 img {
	width: 178px;
	height: auto;
}

.main__head h1 {
	margin: 24px 0 24px;
	line-height: 1.1;
	color: #093091;
}

#pageTitle h1 + p,
.main__head p {
	width: 100%;
	max-width: 722px;
	margin: 24px auto 12px;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #5a5a5a;
}

.main__head p {
	margin: 12px auto 16px;
	text-align: justify !important;
}

#ssS_Home #body h2,
#ssS_Index #body h2 {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-size: 1.5rem;
	color: #093091;
}




#Ssrc {
	margin: 8px 0 0;
	padding: 25px 0 17px;
	text-align: center;
	background: #008ad0;
}

#Ssrc #siteSrc {
	position: relative;
	display: inline-block;
	width: 480px;
	height: 46px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #093091;
	border-radius: 5px;
	background: #fff;
}

#Ssrc #siteSrc .placeholder-text {
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	margin: 10px auto 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.1;
	color: #b2b2b2;
	white-space: nowrap;
	z-index: 1;
}

#Ssrc #siteSrc .placeholder-text .fas {
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 2.2rem;
	line-height: 1.0;
	color: #b2b2b2;
	border: none;
	background: 0;
	cursor: pointer;
	transform: translateY(1px);
}


#Ssrc #siteSrc .siteSrcBlock {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 0;
	z-index: 100;
}

#Ssrc #siteSrc #txt {
	width: 100%;
	margin: 0;
	min-width: 262px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 45px;
	color: #333;
	border: none;
	background: none;
	z-index: 100;
	transition: all 0.2s linear 0s;
	background: none;
	outline: none;
}

#Ssrc #siteSrc #txt:not(:placeholder-shown) {
	background: #fff;
}

#Ssrc #siteSrc #btn {
	position: absolute;
	right: -30px;
	visibility: hidden;
	margin: 0;
}






#tags {
	margin: 0;
	padding: 23px 0;
}

.mainR .tags {
	display: none;
	margin: 50px -6px 0;
}

.mainR .tags > h2 {
	margin: 0 6px;
	font-size: 1.4rem;
	color: #093091;
}

.bgstripe {
	background: #c4e3e9;
}

.list-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 700px;
	margin: 2px auto 0;
	padding: 4px 0 0px;
	list-style: none;
}

.mainR .list-tags {
	justify-content: flex-start;
}

.list-tags li {
	margin: 1px 6px 2px;
}

.mainR .list-tags > li {
	cursor: pointer;
}

.mainR .list-tags > li,
.list-tags a {
	display: inline-block;
	padding: 0 11px 1px;
	font-size: 1.4rem;
	line-height: 23px;
	color: #666;
	background: #fff;
	border: 1px solid #afced3;
	border-radius: 4px;
	transition: all .16s linear 0s;
}

.mainR .list-tags > li.on,
.list-tags a.on {
	color: #fff !important;
	background: #0096e0;
	border-color: #018dd3;
}

.mainR .list-tags > li:hover,
.list-tags a:hover {
	color: #0096e0;
	border-color: #0096e0;
	box-shadow: 0 0 4px rgba(0, 204, 255, 0.5);
}




#uptodate {
	padding: 32px 0 0;
}

.list-switch {
	display: flex;
	justify-content: center;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
}

.list-switch > li {
	margin: 0 6px;
}

.list-switch > li > a {
	display: inline-block;
	margin: 1px 0;
	padding: 2px 10px;
	line-height: 1.5; /*18px*/
	color: #a4acd4;
	border-radius: 11px;
	transition: all .2s linear 0s;
}

.list-switch > li > a:hover {
	color: #093091;
}

.list-switch > li > a.on {
	color: #093091;
	background: #dee5f8;
}

.simplebox, 
.scrollbox {
	width: 100%;
	overflow: auto;
	margin: 5px auto 0;
	border: solid #093091;
	border-width: 1px 0;
}

#uptodate > .scrollbox {
	height: 240px;
}

#ssS_Index #uptodate > .scrollbox {
	margin-top: 14px;
}

.list-simple, 
.list-uptodate {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.simplebox, 
#uptodate > .scrollbox, 
.list-simple, 
.list-uptodate {
	max-width: 800px;
}

.list-simple > li, 
.list-uptodate > li {
	position: relative;
	display: block;
	border-top: 1px solid #dde3f4;
}

.bgstripe .list-simple > li, 
.bgstripe .list-uptodate > li {
	border-top-color: rgba(255,255,255,0.72);
}

.list-simple > li:first-child, 
.list-uptodate > li:first-child {
	border-top: none;
}

.list-simple > li > a, 
.list-uptodate > li > a {
	display: flex;
	width: 100%;
	padding: 14px 0 10px;
	align-items: center;
	line-height: 1.1;
}

.list-uptodate > li .d {
	display: inline-block;
	width: 85px;
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.0;
	white-space: nowrap;
	flex: 0 0 85px;
}

.list-uptodate > li .new:before {
	content: "";
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: #f57b00;
	border-radius: 50%;

	position: absolute;
	left: -16px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;

}

.mac .list-uptodate > li .new:before {
	transform: translateY(1px);
}

.list-uptodate > li .img {
	display: none;
}

.list-simple > li .l, 
.list-uptodate > li .l {
	display: inline-block;
	margin: 0 15px;
	padding: 0 0 1px;
	width: 98px;
	text-align: center;
	line-height: 15px;
	font-size: 1.1rem;
	color: #fff;
	flex: 0 0 98px;
}

.l		{ background: #c6c6c6; }
.rep	{ background: #00a0a2; }
.sui	{ background: #00368b; }
.lec	{ background: #cec300; }
.sym	{ background: #ed8100; }
.sho	{ background: #00c8d0; }
.env	{ background: #79b900; }
.jyo,.umi	{ background: #ed8100; }



.list-uptodate > li .t {
	display: block;
	padding-right: 12px;
	text-align: justify;
	line-height: 1.285;
	font-size: 1.5rem;
	flex-grow: 1;
}

.list-uptodate > li a[href*=".pdf"] .t {
	max-width: 426px;
}


.list-uptodate > li .vol {
	display: block;
	margin: 3px 0 0 0;
	font-size: 1.2rem;
	color: #7a7a7a;
}

.vol > span {
	white-space: nowrap;
}

.list-uptodate > li br + .vol {
	margin-left: 0;
}

.list-uptodate > li a[href*=".pdf"]:before {
	content: "PDF";
	display: inline-block;
	margin-right: 8px;
	padding: 2px 8px 2px;
	font-size: 1.1rem;
	line-height: 1.01;
	color: #fff;
	background: #dadada;
	border-radius: 3px;
	order: 99;
	transition: all 0.2s linear 0s;
	white-space: nowrap;
}

.list-simple > li > a:after, 
.list-uptodate > li > a:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding: 0 6px;
	color: #ccc;
	transition: all 0.2s linear 0s;
	order: 100;
}

.c-wrapper {
	position: relative;
	width: 100%;
	height: 180px;
	height: 250px;
	max-width: 900px;
	margin: 32px auto 0;
}

.list-carousel {
	width: 100%;
	max-width: 900px;
	height: 180px;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-carousel#c-pickups {
	height: auto;
}

.preload .list-carousel {
	overflow: hidden;
}

.list-carousel li > a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	width: 156px;
	overflow: hidden;
	margin: 0 12px !important;
	text-align: center;
}

.list-carousel#c-pickups li > a {
	width: 195px;
}

.list-carousel li .d {
	display: none;
}

.list-carousel li .img {
	position: relative;
	display: block;
/*
	width: 98px;
	height: 98px;
	border: 1px solid #b2b2b2;
*/
	width: 100px;
	height: 100px;
	overflow: hidden;
	background: #f2f2f2;
}

.list-carousel#c-pickups li .img {
	width: 120px;
	height: 170px;
}

.list-carousel li .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: auto;
	transition: all .2s linear 0s;
}

.list-carousel#c-pickups li .img img {
	width: auto;
	height: 170px;
}

.list-carousel#c-pickups li:hover .img img {
	height: 200px;
}

.list-carousel li:hover .img img {
	width: 140px;
}

.list-carousel li .l {
	display: block;
	width: 100px;
	margin: 6px auto;
	padding: 1px 0 1px;
	text-align: center;
	line-height: 15px;
	font-size: 1.1rem;
	color: #fff;
}

.list-carousel li .t {
	display: inline-block;
	width: auto;
	max-width: 195px;
	max-height: 50px;
	text-overflow: ellipsis;
	line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

	overflow: hidden;
	text-align: justify;
	line-height: 1.285;
	font-size: 1.3rem;
}

.list-carousel li .t > .aC {
	display: block;
}

.list-carousel li .t > .aC + br {
	display: none;
}

.list-carousel li .vol {
	display: block;
	margin-top: 2px;
	text-align: center;
	font-size: 1.2rem;
	color: #999;
}


.list-simple > li > a,
.list-uptodate > li > a,
.list-carousel li > a {
	color: #2a2a2a;
}

.list-index#l-index > li {
	text-align: left;
}

.list-simple > li > a,
.list-simple > li .vol,
.list-uptodate > li > a,
.list-uptodate > li .vol,
.list-carousel li > a,
.list-carousel li .vol,
.list-index > li > a,
.list-index > li .vol {
	transition: all 0.2s linear 0s;
}

.list-simple > li > a:hover,
.list-simple > li > a:hover .vol,
.list-simple > li > a:hover:after,
.list-uptodate > li > a:hover,
.list-uptodate > li > a:hover .vol,
.list-uptodate > li > a:hover:after,
.list-carousel li > a:hover,
.list-carousel li > a:hover .vol,
.list-index > li > a:hover,
.list-index > li > a:hover .vol,
.list-index > li > a:hover:after {
	color: #2f60e1;
}

.list-uptodate > li a[href*=".pdf"]:hover:before {
	background-color: #2f60e1;
}


.c-arrow {
	position: absolute;
	top: 26px;

	display: block;
	width: 32px;
	height: 122px;
	cursor: pointer;
	transition: all .16s linear 0s;
}

.c-arrow.prev {
	left: -32px;
	background: url("../img/slidearrow-L.png") right center no-repeat;
	background-size: 50%;
}
.bgstripe .c-arrow.prev { background-image: url("../img/slidearrow-L-w.png"); }
.c-arrow.prev:hover	{ background-image: url("../img/slidearrow-L-on.png"); }

.c-arrow.next {
	right: -32px;
	background: url("../img/slidearrow-R.png") left center no-repeat;
	background-size: 50%;
}
.bgstripe .c-arrow.next { background-image: url("../img/slidearrow-R-w.png"); }
.c-arrow.next:hover	{ background-image: url("../img/slidearrow-R-on.png"); }



#pickup {
	margin: 32px 0 0;
	padding: 32px 0;
}

#pickup .c-wrapper {
	margin-top: 22px;
}



#list,
#index {
	margin: 0;
	padding: 32px 0 50px;
}

#ssS_Index #index {
	margin-top: 40px;
	background: #deeff3;
	background: #f0f8fa;
}

#list .scrollbox,
#index .scrollbox {
	max-width: 740px;
	max-width: 800px;
	height: 420px;
	margin: 12px auto 0;
}

.list-index,
#list .withIdx {
	width: 100%;
	max-width: 740px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.2;
}

.list-index > li,
#list .withIdx > li {
	width: calc(100% - 16px - 34px);
	margin-left: 34px;
	padding-right: 16px;
	border-bottom: 1px solid #dde3f4;
}

.list-index.noIdx > li {
	width: calc(100% - 16px);
	margin-left: 0;
}

.list-index > li:first-child,
#list .withIdx > li:first-child {
	border-top: none;
}

.list-index > li:last-child {
	border-bottom: none;
}

.list-index > li > a,
#list .withIdx > li > a {
	position: relative;
	display: block;
	padding: 11px 0 11px 110px;
	color: #2a2a2a;
	transition: all 0.2s linear 0s;
}

.list-index > li .idxChar,
#list .withIdx > li .idxChar {
	display: block;
	float: left;
	margin: 10px 0 0 -34px;

	width: 20px;
	height: 20px;
	overflow: hidden;
	font-size: 1.2rem;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: #093091;
	border-radius: 3px;
}

.list-index > li > a:after,
#list .withIdx > li > a:after {
	content: "\f105";
	display: block;
	font-family: "Font Awesome 5 Free";
	color: #ccc;

	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
}

.list-index  > li > a,
.list-index > li > a:after,
#list .withIdx > li > a,
#list .withIdx > li > a:after {
	transition: all 0.2s linear 0s;
}

.list-index > li > a:hover,
.list-index > li > a:hover:after,
#list .withIdx > li > a:hover,
#list .withIdx > li > a:hover:after {
	color: #2f60e1;
}

.list-index .l {
	position: absolute;
	left: 0;
	display: inline-block;
	margin-top: 2px;
	padding: 0 0 1px;
	width: 98px;
	text-align: center;
	line-height: 15px;
	font-size: 1.1rem;
	color: #fff;
}

.list-index	.vol {
	display: inline-block;
	margin: 3px 0 0 1.0em;
	font-size: 1.2rem;
	color: #999;
}



#items {
	padding: 40px 0;
	background: #deeff3;
}

.list-items {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 960px;
	margin: 12px auto 0;
	padding: 0;
	list-style: none;
}

.list-items > li {
	position: relative;
	width: calc(50% - 154px - 1px);
	min-height: 123px;
	min-height: 100px;
	padding: 20px 35px 20px 119px;
	text-align: left;
	border: dotted #a0accc;
	border-width: 0 1px 1px 0;
	cursor: pointer;
}

.list-items > li:hover {

}

.list-items > li:nth-child(even) {
	padding-right: 0;
	padding-left: 154px;
	border-right-width: 0;
}

.list-items > li:nth-child(1),
.list-items > li:nth-child(2) {
	border-top-width: 1px;
}

.list-items h3 {
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	color: #093091;
}

.list-items p {
	margin: 6px 0 0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.5;
	text-justify: inter-ideograph;
	text-align: justify;
	color: #5a5a5a;
}

.list-items .imgBox {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100px;
}

.list-items > li:nth-child(even) .imgBox {
	left: 35px;
}

.list-items .img {
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	background: #f2f2f2;
}

.list-items .img:after {
	content: "";
	display: block;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: 1px solid rgba(0, 0, 0, 0.12);
	position: absolute;
	top: 0;
	left: 0;
}

.list-items .img img {
	display: block;
	width: 100px;
	height: auto;
	vertical-align: bottom;
}

.list-items .l {
	display: block;
	width: 100px;
	margin: 6px 0 0;
	padding: 1px 0 1px;
	text-align: center;
	line-height: 15px;
	font-size: 1.1rem;
	color: #fff;
}

.list-items a {
	color: #093091;
}

.list-items a,
.list-items a:after {
	transition: all .2s linear 0s;
}

.list-items a:after {
	content: "\f105";
	display: inline-block;
	font-size: 2.0rem;
	font-family: "Font Awesome 5 Free";
	color: #2f61e100;
	transform: translate3D(0,2px,0);
}

.list-items > li:hover a,
.list-items > li:hover a:after {
	color: #2f60e1;
}

.list-items > li:hover a:after {
	transform: translate3D(8px,2px,0);
}




footer {
	margin-top: 50px;
}

#ssS_Home footer,
#ssS_Index footer {
	margin-top: 0;
}

#ssS_Index .main__foot {
	padding: 12px 0;
}

a#to-idx {
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
	color: #00225c;

	transition: all .2s linear 0s;
	opacity: 0.6;
}

#to-idx img {
	display: block;
	width: 36px;
	width: 28px;
	height: 28px;
	margin: 0 auto 3px;
}

a#to-idx:hover {
	opacity: 1.0;
}

footer p {
	height: 60px;
	margin-top: 20px;
	padding-top: 30px;
	color: #fff;
	background: #00225c;
	letter-spacing: 0.02em;
}

#ssS_Home footer p,
#ssS_Index footer p {
	margin-top: 0;
}


.org {
	font-size: 1.3rem;
	color: #4a4a4a;
}




#ssS_Index #pageVisual,
#ssS_Regular #pageVisual {
	height: 60px;
}

#ssS_Index #pageVisual > img,
#ssS_Regular #pageVisual > img {
	margin-top: calc((100% / 3 - 60px) * 0.5 * -1 + 25px);
}

#ssS_Index .main__body a,
#ssS_Regular .main__body a {
	color: #2f60e1;
	transition: all 0.2s linear 0s;
}

#ssS_Indx .main__body a:hover,
#ssS_Regular .main__body a:hover {
	color: #5f9bfc;
}

#ssS_Index #pageTitle,
#ssS_Regular #pageTitle {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	padding: 18px 0 14px;
}

#ssS_Regular #pageTitle {
	border-bottom: 1px solid #b8c1d3;
}

#ssS_Index #pageTitle #ssS img,
#ssS_Regular #pageTitle #ssS img {
	width: 110px;
	height: auto;
}

#ssS_Regular .content {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}

#ssS_Regular #body {
	padding-top: 46px;
	text-align: left;
}

#ssS_Regular .content .main {
	width: 100%;
	max-width: 608px;
	order: 1;
}

#ssS_Regular .content .cont-type {
	font-size: 1.4rem;
	line-height: 1.2;
	color: #4a4a4a;
}

#ssS_Regular .content h1 {
	margin-top: 0.3em;
	font-size: 3.2rem;
	line-height: 1.25;
}

#ssS_Regular .content .main__body > h2 {
	margin: 60px 0 0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.25;
	color: #093091;
}

#ssS_Regular .content .main__body > h2 > .m {
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	background: #093091;
	border-radius: 10px;
}

#ssS_Regular .content .main__body > h2 + p,
#ssS_Regular .content .main__body > h2 + ul,
#ssS_Regular .content .main__body > h2 + div {
	margin-top: 10px;
}

#ssS_Regular .content p {
	text-align: justify;
	text-justify: inter-ideograph;
	text-justify: inter-character;
}

#ssS_Regular .content p + p {
	margin-top: 1.75em;
}

#ssS_Regular .content .mainR {
	width: 100%;
	max-width: 195px;
	order: 2;
}

table.border {
	font-size: 1.5rem;
	line-height: 1.4;
	border-collapse: collapse;
}

table.border,
table.border th,
table.border td {
	border: solid #6a6a6a;
}

table.border { border-width: 1px 0 0 1px; }

table.border th,
table.border td {
	padding: 8px 12px;
	border-width: 0 1px 1px 0;
}

table caption {
	margin-bottom: 6px;
}

.nowrap {
	white-space: nowrap;
}

.table-reports > tbody > tr {
	cursor: pointer;
	transition: background .2s linear 0s;
}

.table-reports > tbody > tr.on,
.table-reports > tbody > tr.bg {
	cursor: default;
	background: rgba(95, 155, 252, 0.16);
}

.table-reports > tbody > tr:not([class]),
.bg_off {
/*
	color: #666;
	background: #e8e8e8;
*/
}

/*.table-reports > tbody > tr:not([class]):hover,
.table-reports > tbody > tr:not(.bg):hover {*/
.table-reports > tbody > tr:not([class]):hover,
.table-reports > tbody > tr.bg_off:hover {
/*	color: #5f9bfc;*/
	background: rgba(95, 155, 252, 0.08);
}

.table-inner {
	border-collapse: collapse;
	width: calc(100% + 24px);
	margin: -8px -12px;
}

.table-inner tr:last-child th,
.table-inner tr:last-child td {
	border-bottom: none;
}

.table-inner th:last-child,
.table-inner td:last-child {
	border-right: none;
}

td.full {
	width: 100%;
}

.list-iin .list-num > li {
	padding-top: 6px;
}

.list-iin .list-num > li:first-child {
	padding-top: 0;
}

.list-mokuji {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5rem;
}

.list-mokuji ul {
	margin: 0 0 0 2.0em;
	padding: 4px 0 0;
	list-style: none;
}

.list-mokuji li {
	padding: 0 0 4px;
	line-height: 1.4;
}

.list-mokuji li:last-child {
	padding-bottom: 0;
}

.list-mokuji li > .h {
	float: left;
	display: block;
	padding: 0 5px 1px 0;
}

.list-mokuji li > .authors {
	text-align: right;
}

.list-iin {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.5rem;
}

.list-iin > li {
	padding: 6px 0 0 64px;
	line-height: 1.2;
}

.list-iin > li:after {
	content: "";
	display: block;
	clear: both;
}

.list-iin.no-role > li {
	padding: 2px 0;
}

.list-iin > li > .h {
	float: left;
	display: block;
	width: 48px;
	margin-left: -64px;
	padding-top: 2px;
	text-align: center;

	font-size: 90%;
}

.list-iin.w4 > li { padding-left: 80px; }
.list-iin.w4 > li > .h {
	width: 64px;
	margin-left: -80px;
}

.list-iin.w5 > li { padding-left: 100px; }
.list-iin.w5 > li > .h {
	width: 84px;
	margin-left: -100px;
}

.list-iin.w6 > li { padding-left: 120px; }
.list-iin.w6 > li > .h {
	width: 104px;
	margin-left: -120px;
}

.list-iin.w7 > li { padding-left: 140px; }
.list-iin.w7 > li > .h {
	width: 124px;
	margin-left: -140px;
}

.list-iin.w8 > li { padding-left: 160px; }
.list-iin.w8 > li > .h {
	width: 144px;
	margin-left: -160px;
}

.list-iin.noH > li { padding-left: 0; }
.list-iin.noH > li > .h {
	display: none;
}

.list-iin > li > .author {
	float: left;
	display: block;
	padding-bottom: 1px;
}


.chu {
	margin-top: 8px;
	font-size: 1.2rem;
	line-height: 1.25;
	color: #8a8a8a;
}

#ssS_Regular .main__body a.download {
	display: inline-block;
	padding: 12px 20px;
	font-size: 1.6rem;
	line-height: 1.1;
	color: #fff;
	background: #2f60e1;
	border-radius: 5px;
	transition: all 0.2s linear 0s;
}

#ssS_Regular .main__body a.download:after {
	content: "\f019";
	display: inline-block;
	margin-left: 12px;
	font-family: "Font Awesome 5 Free";
}

#ssS_Regular .main__body a.download:hover {
	box-shadow: 0 3px 16px rgba(0,0,0,0.26);
}

#ssS_Regular .main__body .tag {
	display: inline-block;
	padding: 5px 8px;
	font-size: 1.4rem;
	line-height: 1.1;
	color: #666;
	border: 1px solid #666;
	border-radius: 4px;
}

#ssS_Regular .main__body a.tag:hover {
	color: #2f60e1;
	border-color: #2f60e1;
}

.tag + .tag {
	margin-left: 5px;
}

.list-refer {
	margin: 0;
	padding: 0 0 0 1.5em;
	line-height: 1.4;
	font-size: 1.5rem;
}

.list-refer > li {
	margin-top: 0.35em;
}

.list-refer a[href*=".pdf"]:after {
	content: "[PDF]";
	display: inline-block;
	font-size: 1.2rem;
	margin-left: 0.3em;
	transform: translateY(-2px);
}


.mainR {
}

.mainR .stick {
	position: sticky;
	position: -webkit-sticky;
	top: 60px;
}

.mainR .title {
	margin-top: 9px;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mainR .list-idxs {
	margin: 9px 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	line-height: 1.1;
	border-top: 1px solid #b8c1d3;
}

.mainR .list-idxs > li {
	border-bottom: 1px solid #b8c1d3;
}

.mainR .list-idxs a {
	display: block;
	padding: 10px 0;
	color: #2a2a2a;
}

.mainR .list-idxs a:hover {
	color: #2f60e1;
}

.mainR .list-idxs a.on {
	font-weight: bold;
}



.bg_off .list-disc > li:before {
	background: #7a7a7a;
}


td .list-disc {
	margin: 0;
}


th li,
td li {
	text-align: justify;
	text-justify: inter-ideograph;
	text-justify: inter-character;
}

.cover:empty {
	height: 0;
	overflow: hidden;
}

.mainR .cover {
	position: relative;
}

.mainR .cover > img {
	max-width: 195px;
	vertical-align: bottom;
}

.mainR .cover:after {
	content: "";
	display: block;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.08);
}


#ssS_Regular .list-download li > a {
	padding: 10px 0;
}


.list-series {
	display: flex;
	width: 100%;
	max-width: 880px;
	justify-content: center;

	margin: 60px auto 0;
	padding: 0;
	list-style: none;

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

.list-series > li {
	display: flex;
	align-items: center;
	border-right: 1px dotted #b6b6b6;

}

.list-series > li:first-child {
	border-left: 1px dotted #b6b6b6;
}

.list-series > li > a {
	display: inline-block;
	margin: 0 1.0em;
	padding: 0.75em 1.5em;
	text-align: center;
	color: #2f60e1;
	transition: all .2s linear 0s;
}

.list-series.lnarrow > li > a {
	padding: 0.75em 0.6em;
}

.list-series.narrow > li > a {
	margin: 0 0.5em;
	padding: 0.75em 0.25em;
}

.list-series.vnarrow {
	flex-wrap: wrap;
}

.list-series.vnarrow > li > a {
	width: 100%;
	padding: 0.75em 0.25em;
}

.list-series > li > a:visited {
	color: #666;
}

.list-series > li > a.on {
	font-weight: bold;
	color: #093091;
}

.list-series > li > a.on:after {
	content: "";
	display: block;
	margin: 5px auto -8px;
	height: 4px;
	background: #093091;
}

.list-series > li > a:hover {
	color: #5f9bfc;
}


.wrap {
	flex-wrap: wrap;
}

.list-series.wrap > li {
	margin-bottom: 8px;
}

.list-series.wrap > li > a {
	margin: 0 0.5em;
}

.list-series.wrap > li:nth-child(10n+1)  {
	border-left: 1px dotted #b6b6b6;
}
#sslist-tab {
	display: flex;
	justify-content: center;
	gap: 0 4px;
	margin: 12px 0 8px;
	font-size: 1.3rem;
	line-height: 1.08;
}

#sslist-tab > .link {
	display: inline-block;
	padding: 5px 14px 5px;
	border-radius: 12px;
	color: #a2a2a2;
	transition: all .2s linear 0s;
	font-family: "Lato", "Noto Sans JP";
}

#sslist-tab > .link.notuse {
	color: #cacaca;
}

#sslist-tab > .link:not(.notuse) {
	cursor: pointer;
}

#sslist-tab .link.on {
	color: #fff;
	background: #093091;
}

#sslist-tab > .link:not(.notuse,.on):hover {
	color: #093091;
}

#sslist-with-iframe {
	display: block;
	width: 100%;
	max-width: 800px;
	height: 480px;
	margin: 0 auto;
	border: solid #093091;
	border-width: 1px 0;
	background: #fff;
}

.list-index.ss {
	margin-top: 60px;
	border-top: 1px solid #dde3f4;
}

.list-index.ss > li {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 11px 0 11px;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.list-index.ss > li:last-child {
	border-bottom: 1px solid #dde3f4;
}

.list-index.ss .l {
	position: static;
	min-width: 72px;
	width: 72px;
}

.ss .num {
/*
	min-width: 122px;
	width: 122px;
*/
	min-width: 58px;
	width: 58px;
	margin: 0 14px;

/*
	margin: 0 0.5em;
*/
	font-size: 1.3rem;
	text-align: center;
}

.ss .conts {
/*
	width: calc(100% - 136px);
	width: calc(100% - 78px - 80px);
*/
	width: calc(100% - 64px - 76px);
	width: calc(100% - 72px - 86px);

}

.ss .lilink .conts {
	width: calc(100% - 72px - 86px - 54px);
}

.ss .cont + .cont {
	margin-top: 0.4em;
}

.ss .ttl {
	font-weight: bold;
	font-size: 1.8rem;
}

.ss .auths {
	margin-top: 8px;
}

.ss .auths .role {

}

.ss .auth {
	display: flex;
	align-items: center;
	margin-top: 3px;
}

.ss .auth .name {
	display: inline-block;
	margin-right: 0.6em;
	font-size: 1.4rem;
	white-space: nowrap;
}

.ss .auth .org {
	display: inline-block;
	color: #6a6a6a;
	font-size: 1.2rem;

}

.ss .auth .role {
	display: inline-block;
	font-size: 1.2rem;
}

.ss .auths .type {
	display: block;
	font-size: 1.3rem;
}

.ss .auths:empty, 
.ss span.link {
	display: none;
}

.ss .date {
	margin-top: 0.4em;
	font-size: 1.2rem;
	color: #a2a2a2;
}

.ss a.link {
	position: absolute;
	display: block;
	width: 100%;
	height: calc(100% - 10px);
	margin: 5px 0;
	padding: 0;
/*
	background: rgba(255,0,0,0.1);
*/
}

.list-index.ss > li > a:after {
	content: "\f061";
	right: 5px;
	font-size: 1.4em;
}

.list-index.ss > li > a[href*=".pdf"]:after {
	content: "\f56d";
	font-size: 1.6em;

}

.pmov {
	margin-top: 8px;
	text-align: center;
	font-size: 1.4rem;
}

.pmov a {
	color: #999;
}

.pmov a:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-size: bold;
	display: inline-block;
	padding-left: 0.6em;
}