/* -------------------------
フォント拡張
------------------------- */
@import url(font-awesome.min.css);

@font-face {
	font-family: "mythFont";
	src:url("../fonts/myth.eot?") format('eot'),
		url("../fonts/myth.woff") format('woff');
}
.subset {
	font-family: "mythFont";
}

/* -------------------------
フォント
------------------------- */
/* -------------------------
bootstrapのキャンセル 及び汎用
------------------------- */
/* リセット */
input[type='text'],
input[type='mail'],
input[type='password'],
textarea {
	font-size: 16px !important;
}

dl,ul {
	margin: 0;
	padding: 0;
}
ul li {
	display: block;
}
a {
	color: #000088;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	margin: 0;
	padding: 0;
}
body {
	-webkit-overflow-scrolling: touch;
}


.mainBody {
	position: relative;
	padding-top: 50px;
	-webkit-overflow-scrolling: touch;
}
.main {
	margin: 0 auto 10px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.main {
		margin: 0 10px;
	}
}
/* navbar */
.navbar {
	margin-bottom: 0;
	background-image: url(../img/bg_nav.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}

.navbar-header {
	color: #fff;
}
.navbar-default .navbar-toggle {
	border: none;
	background-color: rgba(255,255,255,0.75);
}
.navbar-default .navbar-toggle:hover {
	border: none;
	background-color: rgba(255,255,255,1);
}
.navbar-default .navbar-brand {
	color: #FFFFFF;
	font-weight: bold;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #dddddd;
}
.btn-settings {
	color: #888888;
	padding: 6px 10px;
	margin-right: 8px;
}
@media screen and (max-width: 768px) {
	.navbar-default .navbar-collapse {
		background-color: rgba(255,255,255,0.75);
	}
	.navbar-default .navbar-nav > li > a {
		color: #777;
	}
}

input[type=range] {
	background-color: transparent;
	-webkit-appearance: none;
	width: 100%;
	margin: -2px 0;
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 20px;
	cursor: pointer;
	box-shadow: none;
	background: rgba(128, 128, 128, 0.5);
	border-radius: 10px;
	border: none;
}
input[type=range]::-webkit-slider-thumb {
	box-shadow: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 1);
	opacity: 0.5;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: 1.9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background: rgba(146, 146, 146, 0.5);
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 20px;
	cursor: pointer;
	box-shadow: none;
	background: rgba(128, 128, 128, 0.5);
	border-radius: 10px;
	border: none;
}
input[type=range]::-moz-range-thumb {
	box-shadow: none;
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background: rgba(26, 93, 128, 0.75);
	cursor: pointer;
}
input[type=range]::-ms-track {
	width: 100%;
	height: 20px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	background: rgba(110, 110, 110, 0.5);
	border: none;
	border-radius: 20px;
	box-shadow: none;
}
input[type=range]::-ms-fill-upper {
	background: rgba(128, 128, 128, 0.5);
	border: none;
	border-radius: 20px;
	box-shadow: none;
}
input[type=range]::-ms-thumb {
	box-shadow: none;
	border: none;
	width: 16px;
	border-radius: 8px;
	background: rgba(26, 93, 128, 0.75);
	cursor: pointer;
	height: 16px;
}
input[type=range]:focus::-ms-fill-lower {
	background: rgba(128, 128, 128, 0.5);
}
input[type=range]:focus::-ms-fill-upper {
	background: rgba(146, 146, 146, 0.5);
}


/* 名称用 */
.fontSmaller {
	font-size: smaller;
	font-weight: inherit;
}

.clockwise {
	-webkit-transform: rotate(90deg) scale( 1, -1);
	transform: rotate(90deg) scale( 1, -1);
}
.fontJP90 {
	-webkit-font-feature-settings: 'jp90' 1;
		   font-feature-settings: 'jp90' 1;
}
.navbar-form {
	display: none;
}
/* -------------------------
主項目
------------------------- */
/* ボックス */
.main article {
	box-sizing: border-box;
}
.allWrap {
	margin-top: -50px;
	padding-top: 50px;
}
.alla,
.alla2,
.alla3 {
	position: relative;
	background-color: #d2e0e8;
	border-radius: 8px;
	box-sizing: border-box;
	margin: 10px 0 0;
	width: auto;
}
.alla2 {
	background-color: #d9d9d9;
}
.alla3 {
	background-color: #d2eeff;
	border-radius: 8px;
	box-sizing: border-box;
	margin: 10px 0 0;
	width: auto;
}
.main[data-fontsize="xsmall"] .alla,
.main[data-fontsize="xsmall"] .alla2,
.main[data-fontsize="xsmall"] .alla3 {
	font-size: 10px;
}
.main[data-fontsize="small"] .alla,
.main[data-fontsize="small"] .alla2,
.main[data-fontsize="small"] .alla3 {
	font-size: 12px;
}
.main[data-fontsize="normal"] .alla,
.main[data-fontsize="normal"] .alla2,
.main[data-fontsize="normal"] .alla3 {
	font-size: 14px;
}
.main[data-fontsize="large"] .alla,
.main[data-fontsize="large"] .alla2,
.main[data-fontsize="large"] .alla3 {
	font-size: 16px;
}
.main[data-fontsize="xlarge"] .alla,
.main[data-fontsize="xlarge"] .alla2,
.main[data-fontsize="xlarge"] .alla3 {
	font-size: 18px;
}
/* 名前 */
.name1 {
	font-size: 18px;
	font-weight: bold;
	padding: 4px 4px 4px 8px;
}
.alla2 .name1 {
	font-size: 16px;
	font-weight: bold;
	padding: 4px 2px 2px 4px;
}
.name1 .fontRt {
	font-size: 14px;
	font-weight: normal;
}
.fontRt:before {
	content: "（";
}
.fontRt:after {
	content: "）";
}
.name2 {
	background-color: #1a5d80;
	color: #eeeeee;
	font-family: "Meiryo UI","Lucida Sans Unicode","Arial Unicode MS","MS UI Gothic","ＭＳP ゴシック","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.4;
	padding: 2px 8px 2px 4px;
	text-align: right;
}
.alla2 .name2 {
	font-size: small;
}
.name2wa {
	background-color: #1a5d80;
	color: #eeeeee;
	padding: 4px 8px 4px 4px;
	text-align: right;
}

/* 説明 */
.setu {
	font-family: "MS UI Gothic",sans-serif;
	padding: 8px 8px 40px;
}
.alla2 .setu {
	padding: 4px;
	text-align: right;
}
.alla p,
.alla2 p {
	margin: 0;
}
.alla2 .fa {
	color: #065479;
}
.exp > p {
	text-indent: 1em;
	text-align: justify;
	text-justify: distribute;
	margin: 0;
}
.exp > p a{
	text-decoration: underline;
}
.exp > p a:hover{
	text-decoration: none;
}
.exp > p + p,
.exp > p + table,
.exp > table + p,
.exp > table + table {
	margin-top: 10px;
}
.btm1 {
	font-size: 12px;
	margin-bottom: 0;
	padding-right: 0;
}
.btm1 ul {
	overflow: hidden;
	font-size: 0;
	line-height: 12px;
}
.btm1 ul li{
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
}
.btm1 ul.add li,
.btm1 ul.biblio li,
.btm1 ul.keyword li {
	margin: 0 5px 0 0;
}
.btm1 ul li a{
	margin-top: 2px;
	display: inline-block;
	background-color: #99bbcc;
	padding: 0 4px;
	border-radius: 4px;
}
.btm1 ul li a:hover{
	text-decoration: none;
	background-color: #aaccdd;
}
.btm1 .category li {
	position: relative;
	z-index: 0;
}
.btm1 .category li + li:before {
	content: "\00f138";
	display: inline-block;
	padding: 0;
	margin: 0 2px;
	font: normal normal normal 14px/1 FontAwesome;
	color: #3d7999;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
.btm1 dt {
	background-color: #3d7999;
	color: #eeeeee;
	margin: 0;
	padding: 2px;
}
.btm1 dt:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.btm1 dd {
	background-color: #E8F2F8;
	margin: 0;
	padding: 2px 4px 4px;
}
.btm1 dd:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.alla3 .btm1 + .btm1 {
	margin-top: 10px;
}
.sText {
	display: inline-block;
	margin: 0 2px 0;
	background-color: #B2CBDA;
	text-indent: 0;
}
.name2 .sText {
	background-color: #6BA9C9;
}
.itemSns {
	background-color: #92AEBF;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 4px 4px 4px 0px;
	border-bottom-right-radius: 8px;
	z-index: 2;
}
.itemSns:before {
	position: absolute;
	content: "";
	display: block;
	left: -24px;
	bottom: 0;
	width: 24px;
	height: 0;
	border-left: 16px solid transparent;
	border-bottom: 30px solid #92AEBF;
	z-index: 1;
}
.itemSns:after {
	position: absolute;
	content: "";
	top: 0;
	left: -8px;
	display: block;
	background-color: #92AEBF;
	border-top-left-radius: 8px;
	width: 8px;
	height: 8px;
	z-index: 1;

}
.itemSns > a {
	display: inline-block;
	line-height: 28px;
	font-size: 18px;
	background-color: #1A5D80;
	color: #FFFFFF;
	border-radius: 14px;
	width: 28px;
	text-align: center;
	margin-right: 16px;
}
.itemSns > a:hover {
	text-decoration: none;
}
.itemSns > a.shareFs {
	background-color: #3B5998;
	margin-left: 16px;
}
.itemSns > a.shareTw {
	background-color: #00aced;
}
.itemSns > a.amp {
	background-color: #147bc1;
}

.alla .relatedLinks {
	margin-top: 8px;
}
.alla .relatedLinks > dt,
.alla .relatedLinks > dd {
	display: inline-block;
	vertical-align: middle;
}
.alla .relatedLinks > dt {
	margin-top: 2px;
	display: inline-block;
	background-color: #3d7999;
	color: #ffffff;
	padding: 0 4px;
	border-radius: 4px;
}
.alla .relatedLinks > dd {
	padding-left: 4px;
}
.alla .relatedLinks > dd > a {
	margin-top: 2px;
	display: inline-block;
	background-color: #99bbcc;
	padding: 0 4px;
	border-radius: 4px;
}
.alla .imgLinks > dt,
.alla .imgLinks > dd {
	display: inline-block;
	vertical-align: middle;
}
.alla .imgLinks {
	background-color: #69A1BF;
	margin-top: 10px;
	padding: 8px;
	border-radius: 12px;
	vertical-align: middle;
}
.alla .imgLinks:after {
	margin-top: 4px;
	color: #ffffff;
	content: "※クリックで詳細を表示します。";
	display: block;
}
.alla .imgLinks > dt {
	background-color: #aaccdd;
	height: 140px;
	line-height: 1.2;
	font-size: 12px;
	padding: 4px;
	width: 22px;
	border-radius: 4px;
}
.alla .imgLinks > dt + dd,
.alla .imgLinks > dd + dd {
	margin-left: 10px;
}
.alla .imgLinks  dd .modal-body dd {
	text-align: left;
}
.alla .imgLinks  dd .modal-body img {
	background-color: #ffffff;
}
.alla .imgLinks  dd .modal-body dd h4 {
	padding-top: 4px;
	font-size: 12px;
	font-weight: bold;
}
.alla .imgLinks  dd .modal-body dd q,
.alla .imgLinks  dd .modal-body dd p {
	display: block;
	padding: 4px;
	font-size: 12px;
	margin: 4px 0 0;
	color: #000000;
	border-radius: 4px;
	background-color: #d2e0e8;
}
.alla .imgLinks  dd .modal-body dd h4 + p {
	border-top: 1px solid #ffffff;
	margin-top: 8px;
}
.alla .img-thumbnail {
	height: 140px;
	width: auto;
	cursor: pointer;
	border: 1px solid #69A1BF;
}
.alla .img-thumbnail:hover {
	background-color: #d2e0e8;
	border-color: #69A1BF;
}
.alla .modal-content {
	border-radius: 0;
}
.alla .modal-body {
	padding: 0;
	background-color: #3d7999;
}
.alla .modal-body dl{
	margin: 0;
}
.alla .modal-body dt{
	position: relative;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.alla .modal-body dt .img-wrap{
	overflow: visible;
}
@media screen and (max-width: 767px) {
	.alla .modal-body dt .img-wrap{
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}
.alla .modal-body dt img{
	margin: 0 auto;
}
.alla .modal-body dd{
	background-color: #1a5d80;
	padding: 4px;
	color: #ffffff;
}
.alla .modal-body dt .zoomrange {
	display: none;
}
@media screen and (max-width: 767px) {
	.alla .modal-body dt .zoomrange {
		position: absolute;
		bottom: 8px;
		left: 14px;
		right: 4px;
		width: 100%;
		display: block;
		padding: 3px 62px 3px 3px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.alla .modal-body dt a{
	position: absolute;
	bottom: 4px;
	right: 4px;
	display: block;
	padding: 3px;
	color: rgba(0, 0, 0, 0);
	line-height: 1;
	font-size: 24px;
}
.alla .modal-body dt:hover a{
	color: rgba(0, 0, 0, 0.5);
}
.alla .modal-body dt:hover a:hover{
	color: #3d7999;
}
.update {
	border-bottom-right-radius: 8px;
	background-color: #ADC9DA;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 12px;
	color: #1A5D80;
	padding: 3px 180px 3px 6px;
	z-index: 0;
}
.update:before {
	position: absolute;
	content: "";
	display: block;
	left: -17px;
	bottom: 0;
	width: 17px;
	height: 0;
	border-left: 10px solid transparent;
	border-bottom: 18px solid #ADC9DA;
	z-index: 1;
}
.update:after {
	position: absolute;
	content: "";
	top: 0;
	left: -8px;
	display: block;
	background-color: #ADC9DA;
	border-top-left-radius: 8px;
	width: 8px;
	height: 8px;
	z-index: 1;

}
@media screen and (max-width: 767px) {
	.setu {
		padding: 8px;
	}
	.exp > p {
		text-align: left;
	}
	.btm1 {
		margin-top: 5px;
		padding-right: 15px;
		margin-bottom: 10px;
	}
	.itemSns {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: static;
		display: block;
		clear: both;
		margin: 10px 7px -8px 7px;
		border-radius: 0 0 8px 8px;
		padding: 8px;
		z-index: 2;
	}
	.itemSns a:last-child {
		margin-right: 5px;
	}
	.itemSns:before {
		display: none;
	}
	.itemSns:after {
		clear: both;
		display: none;
	}
	.alla .imgLinks {
		text-align: center;
		overflow: hidden;
	}
	.alla .imgLinks > dt {
		display: block;
		width: auto;
		height: auto;
		margin-bottom: 5px;
	}
	.alla .imgLinks > dd {
		width: 50%;
		float: left;
	}
	.alla .imgLinks > dd.ct1 {
		width: 50%;
		float: none;
	}
	.alla .img-thumbnail {
		width: 100%;
		height: auto;
	}
	.alla .modal-body dt a{
		color: rgba(0, 0, 0, 0.5);
	}
	.alla .imgLinks > dt + dd,
	.alla .imgLinks > dd + dd {
		margin-left: 0;
		margin-top: 0;
	}
	.alla .imgLinks:after {
		content: "※タップで詳細を表示します。";
		display: block;
		width: 100%;
		clear: both;
	}
	.update {
		background-color: transparent;
		width: 40%;
		left: 0;
		bottom: 0px;
		clear: both;
		box-sizing: border-box;
		display: block;
		clear: both;
		padding: 8px;
		line-height: 14px;
		z-index: 0;
	}
	.update:before {
		display: none;
	}
	.update:after {
		display: none;
	}
}
/* -------------------------
サイドメニュー
------------------------- */
.side {
	box-sizing: border-box;
	display: table-cell;
	overflow: hidden;
	position: fixed;
	width: 200px;
	top: 50px;
	margin-top: 10px;
}
.sideInner {
	background-color: #69a1bf;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	padding: 10px;
	width: 200px;
	border-radius: 8px 8px 0 0;
}
.sideOpener {
	display: none;
}
.sideOpen {
	background-color: #69a1bf;
	border-radius: 0 3px 3px 0;
	box-sizing: border-box;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	padding: 10px 3px;
	width: 20px;
}
.cateOpen {
	background-color: #69a1bf;
	border-radius: 0 3px 3px 0;
	box-sizing: border-box;
	cursor: pointer;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	margin-top: 10px;
	padding: 10px 0;
	text-align: center;
	width: 20px;
	word-wrap: break-word;
}
.cateOpen span {
	display: inline-block;
	width: 1em;
}
.sideHead .cateOpen span {
	display: block;
	width: 100%;
	padding-right: 32px;
}
.leftSide {
	position: relative;
	overflow: hidden;
}
.leftSide .label{
	background-color:#3d7999;
	position: absolute;
	font-size: 12px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-radius: 0;
	line-height: 18px;
}
.mainWrap {
	clear: both;
	display: block;
	margin-left: 200px;
	padding-bottom: 20px;
	padding-left: 10px;
	vertical-align: top;
}
.sideHead {
	width: 180px;
	margin-bottom: 10px;
	border-radius:4px;
}
.sideHead .cateOpen{
	font-size: 12px;
	display:block;
	border:1px solid #1a5d80;
	border-radius: 0;
	background-color: #cfdde5;
	color: #1a5d80;
	font-weight:bold;
	text-align: center;
	padding:4px;
	margin:0;
	width:100%;
	box-sizing: border-box;
	overflow: hidden;
}
.sideHead .cateOpen + .cateOpen{
	border-top: none;
}
.sideHead .cateOpen:first-child {
	border-radius: 4px 4px 0 0 ;
}
.sideHead .cateOpen:last-child {
	border-radius: 0 0 4px 4px;
}
.sideHead .cateOpen:hover{
	background-color: #EEEEEE;
}
@media screen and (max-width: 768px) {
	.containerInner {
		margin-right: -10px;
	}
	.sideHead {
		display: none;
	}
	.side {
		left: -200px;
		position: fixed;
		transition: left .3s ease-in 0s;
		width: 220px;
		z-index: 200;
	}
	.sideInner{
		border-radius: 0 8px 0 0;
	}
	.side.on {
		left: 0;
		transition: left .3s ease-out 0s;
	}
	.mainWrap {
		display: block;
	}
	.sideOpener {
		box-sizing: border-box;
		display: block;
		float: right;
		font-size: 12px;
		left: 200px;
		line-height: 1;
		padding-top: 10px;
		position: absolute;
		text-align: center;
		top: 0;
		vertical-align: top;
		width: 20px;
		z-index: 10;
	}
	.mainWrap {
		margin-left: 0;
	}
}
.sideBoxWrap {
	clear: both;
	overflow: hidden;
}
.sideBox {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 240px;
	-webkit-overflow-scrolling: touch;
}

.sideBox:hover {
	width: 180px;
}
.sideBox:hover > div,
.sideBox:hover > dl,
.sideBox:hover > div > *,
.sideBox:hover > dl > * {
	width: 160px !important;
}
.sideBox .sideCateWrap h4 {
	background-color: #3d7999;
	border-radius: 4px 4px 0 0;
	color: #eeeeee;
	font-size: 12px;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.sideBox .sideCateWrap h5 {
	background-color: #69a1bf;
	color: #eeeeee;
	font-size: 12px;
	padding: 4px;
	font-weight: bold;
}
.sideBox .sideCateWrap a {
	background-color: #cfdde5;
	display: block;
	font-size: 12px;
	padding: 2px 4px;
}
.sideBox .sideCateWrap a .fa-picture-o{
	color: #3D7999;
}
.sideBox .sideCateWrap a.semi {
	background-color: #dddddd;
}
.sideBox .sideCateWrap h4 + a,
.sideBox .sideCateWrap a + a {
	margin-top: 1px;
}
.sideBox .sideCateWrap {
	margin-bottom: 10px;
	width: 180px;
}
.sideBox .sideCateWrap a:first-child {
	border-radius: 4px 4px 0 0;
}
.sideBox .sideCateWrap a:last-child {
	border-radius: 0 0 4px 4px;
}
.sideBox .sideCateWrap a:hover {
	background-color: #EEEEEE;
	text-decoration: none;
}
.sideBox .sideCateWrap h4 a,
.sideBox .sideCateWrap h4 a:hover {
	background-color: transparent;
	border-radius: 0;
	color: #ffffff;
	padding: 0;
}
@media screen and (max-width: 768px) {
	.sideBox:hover {
		width: 240px;
	}
	.sideBox:hover > div,
	.sideBox:hover > dl,
	.sideBox:hover > div > *,
	.sideBox:hover > dl > * {
		width: 180px !important;
	}
}

#sideNav50 {
	font-size: "ＭＳ ゴシック",monospace;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#sideNav50 > li {
	box-sizing: border-box;
	float: right;
	line-height: 1;
	width: 10%;
	min-width: 1em;
}
#sideNav50 > li + li {
	padding-right: 2px;
}
#sideNav50 > li > ul {
	width: 100%;
}
#sideNav50 > li > ul > li {
	background-color: #cfdde5;
	border-radius: 4px;
	box-sizing: border-box;
	min-height: 1em;
	margin-bottom: 2px;
	padding: 2px 0;
	width: 100%;
}
#sideNav50 > li > ul > li:not(.blank):hover {
	background-color: #EEEEEE;
}
#sideNav50 > li > ul > li > a {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
}
#sideNav50 li.blank {
	background-color: transparent;
	box-sizing: content-box;
}
#sideNav50 li.sp {
	padding: 5px 0;
}
#sideNav50 a:hover,
#sideNav50 a:active,
#sideNav50 a:focus {
	text-decoration: none;
}

#sideAreaMain {
	width: 180px;
}
#sideAreaMain dt {
	background-color: #cfdde5;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 1;
	padding: 4px;
}
#sideAreaMain dt a {
	display: block;
}
#sideAreaMain dt + dd {
	background-color: #ffffff;
	border-radius: 0 0 4px 4px;
	line-height: 1.1;
	overflow: hidden;
}
#sideAreaMain dd p {
	margin: 4px;
	padding: 0;
}
#sideAreaMain dt + dd {
	margin-bottom: 5px;
}
#sideKeyMain {
	width: 180px;
}
#sideKeyMain dl{
	margin-bottom: 10px;
}
#sideKeyMain dt {
	background-color: #3d7999;
	border-radius: 4px 4px 0 0;
	color: #ffffff;
	font-size: 12px;
	padding: 2px 4px;
}
#sideKeyMain dd {
	background-color: #EEEEEE;
	font-size: 12px;
	padding: 2px 4px;
}
#sideKeyMain dd + dd,
#sideKeyMain dt + dd {
	margin-top: 1px;
}
#sideKeyMain dd:last-child {
	border-radius: 0 0 4px 4px;
}
.sideBox h3{
	display: block;
	font-size: 12px;
	padding: 4px;
	background-color: #1a5d80;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	margin-bottom:10px;
	box-sizing: border-box;
	width:180px;
	border-radius: 4px;
}
.sideBox h3 a,
.sideBox h3 a:hover {
	color: #ffffff;
	text-decoration: none;
}
.main > .mainTitle {
	font-size: 16px;
	background-color: #1a5d80;
    color: #ffffff;
    margin-top: 10px;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
}
.mainTitleInLabel {
	margin: -30px 8px 20px auto;
	text-align: right;
}
.mainTitleInLabel .label{
	font-size: 14px;
	cursor: pointer;
}

/* -------------------------
リスト
------------------------- */
dt.listArea + dd > a,
dt.listBiblio + dd > a,
dt.listKeyword + dd > a {
	display: inline-block;
}
dt.listArea + dd > a + a:before {
    content: ">";
    display:inline-block;
    text-decoration:none;
	padding:0 3px;
}
dt.listBiblio + dd > a + a,
dt.listKeyword + dd > a + a {
}
dt.listBiblio + dd > a + a:before,
dt.listKeyword + dd > a + a:before {
    content: ",";
    display:inline-block;
    text-decoration:none;
	padding-right:5px;
}
.inArea a.b:before {
	content: "\f15c";
	display: inline-block;
	padding-right: 5px;
	font-family:'FontAwesome';
	font-weight: normal;
	color:#3D7999;
}
.in50 a.b:before {
	content: "\f15c";
	display: inline-block;
	padding-right: 5px;
	font-family:'FontAwesome';
	font-weight: normal;
	color:#3D7999;
}


/* -------------------------
テーブル/疑似テーブル
------------------------- */
.pseudoTable {
	background-color: #eeeeff;
	border-radius: 6px;
	margin-bottom: 10px;
	padding:0;
}
.pseudoTable .row{
	
}
.pseudoTable .pseudoTableInner{
	display:table;
	border-collapse: separate;
	border-spacing: 2px;
	padding-right:0;
}
.pseudoTable .pseudoTableInner:last-child{
	padding-left:0px;
	padding-right:15px;
}
.pseudoTable .pseudoTableInner.col-sm-12:last-child{
	padding-left:15px;
}
.pseudoTable .pseudoHead {
	font-size: 14px;
	color: #1a5d80;
	font-weight: bold;
	text-align: center;
	border-radius:6px 6px 0 0 ;
	margin:0 auto;
	box-sizing: border-box;
	padding:4px;
}
.pseudoTable .row {
	margin-bottom: 0;
}
.pseudoTable .list-unstyled {
	display: table-row;
}

.pseudoTable .list-unstyled > dt,
.pseudoTable .list-unstyled > dd,
.pseudoTable .list-unstyled > li {
	display: table-cell;
	background-color: #EEEEEE;
	border-radius:4px;
	padding:2px 4px;
}
.pseudoTable .list-unstyled:nth-child(2n) > dt,
.pseudoTable .list-unstyled:nth-child(2n) > dd,
.pseudoTable .list-unstyled:nth-child(2n) > li {
	background-color: #cfdde5;
}
.pseudoTable .col50 {
	width:50%;
}
.pseudoTable .col25 {
	width:25%;
}
@media screen and (max-width: 768px) {
	.pseudoTable .pseudoTableInner{
		padding-right:15px;
	}
	.pseudoTable .pseudoTableInner:last-child{
		margin-top:-2px;
		padding-left:15px;
	}
}

.table-responsive {
	border:none;
}
/* tableHz1 */
.tableHz1 {
	width: 100%;
}
.tableHz1 > caption,
.tableHz1 > thead > tr > th,
.tableHz1 > thead > tr > td,
.tableHz1 > tbody > tr > th,
.tableHz1 > tbody > tr > td,
.tableHz1 > tfoot > tr > th,
.tableHz1 > tfoot > tr > td {
	border: none;
	font-style: 12px;
	padding: 4px;
}
.tableHz1 > thead > tr > th,
.tableHz1 > tbody > tr > th,
.tableHz1 > tfoot > tr > th {
	background-color: #cfdde5;
	color: #3d7999;
	text-align: center;
}
.tableHz1 > thead > tr > td,
.tableHz1 > tbody > tr > td,
.tableHz1 > tfoot > tr > td {
	background-color: #EEEEEE;
}
.tableHz1 > * > tr:last-child > td:last-child {
	border-bottom-right-radius: 4px;
}
.tableHz1 > * > tr:last-child > td:first-child,
.tableHz1 > * > tr:last-child > td:first-child {
	border-bottom-left-radius: 4px;
}

.tableHz1 > thead > tr:nth-child(even) > td,
.tableHz1 > tbody > tr:nth-child(even) > td,
.tableHz1 > tfoot > tr:nth-child(even) > td {
	background-color: #eeeeff;
}
.tableHz1 caption {
	background-color: #3d7999;
	border-radius: 4px 4px 0 0;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
/* tableHz2 */
.tableHz2 {
	width: auto;
}
.tableHz2 > caption,
.tableHz2 > thead > tr > th,
.tableHz2 > thead > tr > td,
.tableHz2 > tbody > tr > th,
.tableHz2 > tbody > tr > td,
.tableHz2 > tfoot > tr > th,
.tableHz2 > tfoot > tr > td {
	border: none;
	font-style: 12px;
	padding: 4px;
}
.tableHz2 > thead > tr > th,
.tableHz2 > tbody > tr > th,
.tableHz2 > tfoot > tr > th {
	background-color: #EEEEEE;
	border-bottom:1px solid #d2d2d2;
}
.tableHz2 > thead > tr > td,
.tableHz2 > tbody > tr > td,
.tableHz2 > tfoot > tr > td {
	background-color: #EEEEEE;
	border-bottom:1px solid #d2d2d2;
}
.tableHz2 > * > tr:last-child > td {
	border-radius: 0 0 4px 4px;
}
.tableHz2 > thead > tr > th:not(:first-child),
.tableHz2 > tbody > tr > th:not(:first-child),
.tableHz2 > tfoot > tr > th:not(:first-child) {
	border-left: 1px solid #d2d2d2;
}
.tableHz2 > thead > tr > td:not(:last-child),
.tableHz2 > tbody > tr > td:not(:last-child),
.tableHz2 > tfoot > tr > td:not(:last-child) {
	border-right: 1px solid #d2d2d2;
}
.tableHz2 caption {
	background-color: #3d7999;
	border-radius: 4px 4px 0 0;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.tableHz2 > thead > tr > td.bblr,
.tableHz2 > tbody > tr > td.bblr,
.tableHz2 > tfoot > tr > td.bblr,
.tableHz2 > thead > tr > th.bblr,
.tableHz2 > tbody > tr > th.bblr,
.tableHz2 > tfoot > tr > th.bblr {
	border-bottom-left-radius: 4px;
}


.orderSet {
	background-color: #eeeeff;
	border-radius: 6px;
	margin-bottom: 10px;
	padding:0;
	counter-reset:order;
	margin: 0 0 10px;
}
.orderSet .orderHead{
	font-size: 14px;
	color: #1a5d80;
	font-weight: bold;
	text-align: center;
	border-radius:6px 6px 0 0 ;
	margin:0 auto;
	box-sizing: border-box;
	padding:4px;
}
.orderSet ol {
	margin-right:0;
}
.orderSet li {
	list-style-type: none;
	counter-increment:order;
	text-indent: -2em;
	background-color: #EEEEEE;
	border-radius:4px;
	padding:2px 4px 2px 2em;
	margin-bottom:2px;
}
.orderSet li:before {
	content: counter(order) ": ";
	font-family: 'ＭＳ ゴシック',monospace;
	display: inline-block;
	width: 2em;
	text-align: right;
}

.orderSet2 {
	background-color: #eeeeff;
	border-radius: 6px;
	padding:0 0 0px;
	counter-reset:order;
	margin: 0 0 10px;
	box-sizing: border-box;
}
.orderSet2 .orderHead{
	font-size: 14px;
	background-color: #7799AA;
	border-radius: 4px 4px 0px 0px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding:2px;
	margin-bottom: 4px;
}
.orderSet2 .orderHeadSub{
	background-color: #CFDDE5;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding:2px;
	margin-bottom: 4px;
}
.orderSet2 .orderHead + .orderHeadSub{
	margin-top: -4px;
}
.orderSet2 .orderSet2Inner{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	-webkit-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-align-items:flex-start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	border-radius: 4px;
}
.orderSet2 ol,
.orderSet2 ul {
	padding:0;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
	-webkit-flex-flow:column wrap;
	    -ms-flex-flow:column wrap;
	        flex-flow:column wrap;
	-webkit-align-items:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	width:50%;
	margin-bottom: 0;
	border-radius: 4px;
}
.orderSet2 ol:first-child,
.orderSet2 ul:first-child {
	padding-left:4px;
}
.orderSet2 ol > li,
.orderSet2 ul > li{
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
	-webkit-flex-direction:row;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-align-items:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	list-style-type: none;
	counter-increment:order;
	box-sizing: border-box;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	border:4px solid  #eeeeff;
	border-width: 0 4px 4px 0;
	border-radius: 8px;
}
@media screen and (max-width: 768px) {
	.orderSet2 ol,
	.orderSet2 ul {
		width:100%;
		padding-left:4px;
	}
	.orderSet2 ol > li > dl dd:last-child,
	.orderSet2 ul > li > dl dd:last-child {
		width: 75%;
	}
}
.orderSet2 ol > li:before {
	content: counter(order);
	font-family: 'ＭＳ ゴシック',monospace;
	width: 2em;
	text-align: right;
	padding:4px;
	background: #ddd;
	border-radius: 4px 0 0 4px;
	vertical-align: middle;
	box-sizing: border-box;
}
.orderSet2 ol > li > dl,
.orderSet2 ul > li > dl {
	background-color: #EEEEEE;
	border-radius:0 4px 4px 0;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow:row wrap;
	    -ms-flex-flow:row wrap;
	        flex-flow:row wrap;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
	        align-content: flex-start;
	margin-bottom: 0;
	padding:4px;
	box-sizing: border-box;
	width: 100%;
}
.orderSet2 ul > li > dl {
	border-radius: 4px;
}
.orderSet2 ol > li > dl dd:last-child,
.orderSet2 ul > li > dl dd:last-child {
	-webkit-align-self: stretch;
	    -ms-flex-item-align: stretch;
	        align-self: stretch;
}
.orderSet2 ol > li > dl >dd.exp,
.orderSet2 ul > li > dl >dd.exp {
	min-width:90%;
}


.orderSet3 {
	background-color: #eeeeff;
	border-radius: 6px;
	padding:0 0 0px;
	counter-reSet:order;
	margin: 0 0 10px;
	box-sizing: border-box;
}
.orderSet3 .orderHead{
	font-size: 14px;
	background-color: #7799AA;
	border-radius: 4px 4px 0px 0px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding:2px;
	margin-bottom: 4px;
}
.orderSet3 .orderHeadSub{
	background-color: #CFDDE5;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding:2px;
	margin-bottom: 4px;
}
.orderSet3 .orderHead + .orderHeadSub{
	margin-top: -4px;
}
.orderSet3 .orderSet3Inner{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	-webkit-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-align-items:flex-start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	border-radius: 4px;
}
.orderSet3 ol{
	padding:0;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
	-webkit-flex-flow:column wrap;
	    -ms-flex-flow:column wrap;
	        flex-flow:column wrap;
	-webkit-align-items:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	width:100%;
	margin-bottom: 0;
	border-radius: 4px;
}
.orderSet3 ol:first-child{
	padding-left:4px;
}
.orderSet3 ol > li{
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
	-webkit-flex-direction:row;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-align-items:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	list-style-type: none;
	counter-increment:order;
	box-sizing: border-box;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	border:4px solid  #eeeeff;
	border-width: 0 4px 4px 0;
	border-radius: 8px;
}
.orderSet3 ol > li >dl:before {
	content: counter(order);
	font-family: 'ＭＳ ゴシック',monospace;
	width: 2em;
	text-align: right;
	padding:4px;
	background: #ddd;
	border-radius: 4px 0 0 4px;
	vertical-align: middle;
	box-sizing: border-box;
}
.orderSet3 ol > li > dl {
	background-color: #EEEEEE;
	border-radius:4px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow:row wrap;
	    -ms-flex-flow:row wrap;
	        flex-flow:row wrap;
	-webkit-align-items: strecth;
	    -ms-flex-align: strecth;
	        align-items: strecth;
	-webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
	        align-content: flex-start;
	margin-bottom: 0;
	box-sizing: border-box;
	width: 100%;
}
.orderSet3 ol > li:nyh-childe(odd) > dl {
	background-color: #eeeeff;
}
.orderSet3 ol > li > dl >dt,
.orderSet3 ol > li > dl >dd {
	padding: 4px;
}
.orderSet3 ol > li > dl >dd.exp {
	min-width:90%;
}

.rubySet {
	display: block;
	white-space: pre;
}
.rubyInline {
	display: inline;
	white-space: normal;
}
.rubySet[title]:after {
	display: inline;
	content: " (" attr(title) ")";
	font-size: smaller;
	line-height: 1;
	padding-bottom: 4px;
	font-weight: normal;
}
.rubyBr[title]:after {
	display: block;
	content: "(" attr(title) ")";
}
.rubyInline[title]:after {
	display: inline;
	content: "(" attr(title) ")";
	white-space: normal;
}
.tableSet {
	width: 100%;
	background-color: #eeeeee;
	border-radius: 0 0 6px 6px;
	border-spacing: 2px;
	border-collapse: separate;
	border-spacing: 2px;
}
.tableSetCaption {
	background-color: #98cec8;
	border-radius: 4px 4px 0 0;
	color: #eee;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}
.tableSetTh,
.tableSetTd,
.tableSetTdList {
	border-radius: 4px;
}
.tableSetTh {
	background-color: #88aabb;
	color: #ffffff;
}
.tableSetTh > .rubySanskrit {
	background-color: #99bbbb;
	border-radius: 0 0 4px 4px;
}
.tableSetTd,
.tableSetTdList {
	background-color: #ccdddd;
}
.tableSetTd > .rubySanskrit {
	background-color: #ddeeee;
	border-radius: 0 0 4px 4px;
}
.tableSet th > p,
.tableSet th > ul,
.tableSet th > span,
.tableSet td > p,
.tableSet td > span,
.tableSet td > ul {
	margin: 0;
	text-indent: 0;
	padding: 4px;
}
.tableSet tfoot td > p,
.tableSet tfoot td > ul {
	padding-top: 0;
}
.tableSet ol {
	margin: 0;
	text-indent: 0;
	padding: 4px 4px 4px 1.5em;
}
.col1 {
	width: 8.5%;
}
.col2 {
	width: 17%;
}
.col3 {
	width: 25%;
}
.col4 {
	width: 33%;
}
.col4r {
	width: 34%;
}
.col5 {
	width: 41%;
}
.col5r {
	width: 42%;
}
.col6 {
	width: 50%;
}
.col6r {
	width: 50.5%;
}
.col7 {
	width: 58%;
}
.col8 {
	width: 66%;
}
.col8r {
	width: 67%;
}
.col9 {
	width: 75%;
}
.col10 {
	width: 83%;
}
.col11 {
	width: 91.5%;
}
.sm-tac {
	text-align: center;
}
.inlineList li {
	display: inline;
}
.inlineList li + li:before {
	content: "、";
	display: inline;
}
.xsVisible {
	display: none;
}
.tableSetTh.emptyCell,
.tableSetTd.emptyCell {
	background-color: transparent;
}

@media screen and (max-width: 954px) {
	.tableSet,
	.tableSetCaption,
	.tableSetTbody,
	.tableSetTr,
	.tableSetTh,
	.tableSetTd,
	.tableSetTdList {
		display: block;
	}
	.tableSet {
		border-radius: 4px;
		margin-bottom: 8px;
	}
	.tableSetTd + .tableSetTd p,
	.tableSetTd + .tableSetTd ol,
	.tableSetTd + .tableSetTd ul {
		padding-top: 0;
	}
	.tableSetThRow,
	.hiddenCell,
	.tableSetTh.emptyCell,
	.tableSetTd.emptyCell {
		display: none;
	}
	.tableSetCaption,
	.tableSetTr:not(:last-child) {
		margin-bottom: 2px;
	}
	.tableSetTbody {
		padding:0 2px 2px;
	}

	.tableSetCaption,
	.tableSetTr .tableSetTh:not(:last-child),
	.tableSetTr .tableSetTh:not(:last-child) .rubySanskrit,
	.tableSetTr .tableSetTd:not(:last-child),
	.tableSetTr .tableSetTdList:not(:last-child) {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.tableSetTr .tableSetTh + .tableSetTh,
	.tableSetTr .tableSetTh + .tableSetTd,
	.tableSetTr .tableSetTd + .tableSetTd,
	.tableSetTr .tableSetTdList + .tableSetTdList {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.tableSetUnity .tableSetTr {
		margin-bottom: 0;
	}
	.tableSetUnity td:not(.tdBottom) p,
	.tableSetUnity td:not(.tdBottom) ul {
		padding-bottom: 0;
	}
	.tableSetUnity tr:not(.tdTop) p,
	.tableSetUnity tr:not(.tdTop) ul {
		padding-top: 0;
	}
	.tableSetUnity .tableSetTd,
	.tableSetUnity .tableSetTh {
		border-radius: 0;
	}
	.tableSetUnity .tableSetTr:first-child .tdTop {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.tableSetUnity .tableSetTr:last-child .tdBottom {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.col1,
	.col2,
	.col3,
	.col4,
	.col4r,
	.col5,
	.col5r,
	.col6,
	.col6r,
	.col7,
	.col8,
	.col8r,
	.col9,
	.col10,
	.col11 {
		width: 100%;
	}
	.rubySet {
		white-space: normal;
	}
	.rubySet:after {
		display: inline;
	}
	.rubyBr {
		display: inline-block;
		white-space: normal;
	}
	.rubyBr[title]:after {
		display: inline;
	}
	.tableSet [data-th]:before {
		content: attr(data-th) "：";
	}
	.xs-tal {
		text-align: left;
	}
	.xsVisible {
		display: inline;
	}
}

.simpleTb2dl {
	margin-top: 10px;
	background-color: #eeeeee;
	border-collapse: separate;
	border-radius: 0 0 6px 6px;
	border-spacing: 2px;
	width: 100%;
	overflow: hidden;
	padding: 2px 0 0 2px;
	box-sizing: border-box;
}
.simpleTb2dl dt{
	display: block;
	background-color: #98cec8;
	border-radius: 4px 4px 0 0;
	color: #eee;
	font-size: 14px;
	font-weight: bold;
	margin: -2px 0 2px -2px;
	padding: 4px;
	text-align: center;
	box-sizing: border-box;
}
.simpleTb2dl dd{
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 0 2px 2px 0;
}
.simpleTb2dl.col4 dd{
	width: 25%;
}
.simpleTb2dl [data-num]:before {
	content: attr(data-num) ". ";
	font-family: 'ＭＳ ゴシック', monospace;
	font-weight: normal;
	
}
.simpleTb2dl dd span{
	display: block;
	box-sizing: border-box;
	background-color: #ccdddd;
	border-radius: 4px;
	padding: 4px;
	font-weight: bold;
}
@media screen and (max-width: 954px) {
	.simpleTb2dl dd {
		width: 100%;
	}
	.simpleTb2dl.col4 dd {
		width: 50%;
	}
}
/* -------------------------
個別ページ：トップ
------------------------- */
[data-sakuin="index"] dl{
	margin-bottom: 10px;
}
.mainVisual {
	background-image: url(../img/bg_nav.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.container .mainVisual,
.container-fluid .mainVisual {
	padding: 10px;
	border-radius: 10px;
}
.mvInner{
	display: block;
	margin:auto;
	text-align: center;
	background-color: rgba(8, 100, 145, .6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99086491,EndColorStr=#99086491);
	color: #ffffff;
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 20px;
}
.mvWhite {
	background-color: rgba(255, 255, 255, .6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
}
.mvInner h1{
	font-size: 28px;
	font-family: fantasy;
	text-align: center;
}
.mvInner h1 img{
	margin: 0 auto;
}
.mvInner p{
	font-size: 12px;
	padding: 0 10px;
	margin:10px auto 0;
	max-width: 600px;
	color: #ffffff;
}
.mvInner p.xs-tal {
	text-align: justify;
	text-justify: distribute;
}
.mainVisual .btn-blue{
	background-color: rgba(8, 100, 145, .6);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99086491,EndColorStr=#99086491);
	border: 1px solid rgba(8, 100, 145, .6);
}
.mainVisual dd span{
	padding: 7px 12px;
	border-radius: 4px;
	display: block;
}
.mvInner .topUpdate{
	margin-top: 5px;
}
.mvInner .topUpdate .label{
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 0.1em;
}
.topSns a{
	display: inline-block;
	width: 32px;
	line-height: 32px;
	font-size: 18px;
	background-color: #ff0;
	border-radius: 16px;
	margin: 6px;
	color: #ffffff;
}
.topSns > a.shareFs {
	background-color: #3B5998;
}
.topSns > a.shareTw {
	background-color: #00aced;
}

@media screen and (max-width: 768px) {
	.mainVisual{
		padding:30px;
	}
	.mainVisual dt a{
		border-radius: 4px 4px 0 0;
	}
	.mainVisual dd span{
		border-radius: 0 0 4px 4px;
	}
	.mvInner p{
		margin:5px 0 0;
	}
}
.panel-info {
	border-radius: 10px;
}
.panel-info .panel-heading{
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
.panel-info > .list-group:last-child > .list-group-item:last-child{
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}
.thumwrap {
	position: relative;
}
.thumTitle {
	position: absolute;
	background-color: rgba(61, 121, 153, 0.5);
	padding: 6px;
	color: #fff;
	z-index: 100;
	width: auto;
	right: -10px;
	left: -10px;
	top: 0;
	font-size: 18px;
}
.thumListWrap {
	position: relative;
	z-index: 50;
}
.thumList {
	overflow: hidden;
	margin: -10px -10px 10px;
	width: auto;
}
.thumList > li.item .itemInner{
	background-size: 100% auto;
	background-position: 50% 50%;
}
.thumList > li.beforeActive .itemInner{
	background-size: 100% auto;
	background-position: 50% 50%;
	transition-property: background-size, background-position;
	transition-duration: 8s;
	transition-timing-function: ease-out;
	transition-delay: 0;
}
.thumList > li.beforeActive.active .itemInner{
	background-size: 120% auto;
	background-position: 50% 80%;
}
.thumList li a{
	background-color: rgba(10, 36, 50, 0.5);
	display: inline-block;
	color: #ffffff;
	min-height: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 70px 70px 20px;
	text-decoration: none;
	width: 100%;
}
.thumList .pg{
	border-top: 1px solid #ffffff;
	font-size: 14px;
	margin-top: 4px;
	padding-top: 4px;
}
.thumList h3{
	font-size: 16px;
	font-weight: bold;
}
.carousel-indicators {
	bottom: -5px;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
	width: 50px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
	width: 15px;
	height: 15px;
	margin-top: -15px;
	font-size: 15px;
}
@media screen and (max-width: 768px) {
	.thumList > li.beforeActive .itemInner{
		background-size: cover;
		background-position: 50% 50%;
		transition-property: none;
	}
	.thumList > li.beforeActive.active .itemInner{
		background-size: cover;
		background-position: 50% 50%;
	}
	.thumList li a{
		padding: 40px 10px 20px;
		min-height: 220px;
	}
	.carousel-control.left,
	.carousel-control.right {
		display: none;
	}
}

#jsPageMove {
	position: fixed;
	right: 20px;
	bottom: 36px;
	z-index: 100;
	overflow: hidden;
}
#jsPageMove button{
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #69a1bf;
	color: #ffffff;
	float: right;
	width: 40px;
	line-height: 28px;
	font-size: 18px;
	text-align: center;
	margin: 0;
	overflow: hidden;
	border-radius: 20px;
	border: 6px solid #1a5d80;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#jsPageMove button + button {
	margin-right: -6px;
}
#sideNav50top {
	font-size: "ＭＳ ゴシック",monospace;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#sideNav50top > li {
	box-sizing: border-box;
	float: right;
	line-height: 1;
	width: 10%;
	min-width: 1em;
}
#sideNav50top > li + li {
	padding-right: 2px;
}
#sideNav50top > li > ul {
	width: 100%;
}
#sideNav50top > li > ul > li {
	background-color: #FFFFFF;
	border-radius: 4px;
	box-sizing: border-box;
	min-height: 1em;
	margin-bottom: 2px;
	padding: 2px 0;
	width: 100%;
}
#sideNav50top > li > ul > li:not(.blank):hover {
	background-color: #EEEEEE;
}
#sideNav50top > li > ul > li > a {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
	line-height: 21px;
}
#sideNav50top li.blank {
	background-color: transparent;
	box-sizing: content-box;
	height: 21px;
}
#sideNav50top li.sp {
	padding: 5px 0;
}
#sideNav50top a:hover,
#sideNav50top a:active,
#sideNav50top a:focus {
	text-decoration: none;
}
.jumbotron .topAllList {
	width: 400px;
	text-align: center;
	font-size: 14px;
	margin:0 auto 10px;
	overflow: hidden;
}
.jumbotron .topAllList span{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2px 0;
}
.jumbotron .topAllList span a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	line-height: 1;
	font-size: 14px;
	padding: 6px;
}
@media screen and (max-width: 768px) {
	.jumbotron .topAllList {
		width: auto;
		margin:0 -1px 2px;
	}
	.jumbotron .topAllList span{
		padding: 0 1px 0;
	}
	.jumbotron .topAllList span a {
		padding: 4px;
	}
}
/* -------------------------
個別ページ：新着
------------------------- */
[data-sakuin="news"] .setu {
	padding: 8px;
}
[data-sakuin="news"] .setu > ul > li {
	display: list-item;
	margin: 0 0 10px 1.2em;
}
.btm1 .corn {
	border-radius: 4px;
}
.btm1 .listAddItems a{
	color: #fff;
}
.comments{
	margin-top: 15px;
}
.comments dt{
	background-color: transparent;
	color: #3D7999;
}
.comments dd + dt{
	margin-top: 10px;
}
.comments dd{
	border: 1px solid #3D7999;
	border-radius: 5px;
	color: #3D7999;
}
.comments dd span{
	display: block;
	text-align: right;
	font-weight: bold;
	margin-top: 5px;
}
.comments dt:before{
	content:"Name: ";
}
.searchBox .form-control{
	font-size: 16px;
}
.pagination {
	margin: 0 auto;
}
.pagination li a{
	background-color: #d2eeff;
	border-color: #ffffff;
}
.pagination .disabled a{
	background-color: #eeeeee;
	border-color: #ffffff;
}
.pagination .active a{
	background-color: #3d7999;
	border-color: #ffffff;
	color: #ffffff;
}
.captchaset > div:first-child {
	position: relative;
}
.captchaset > div:first-child img{
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
}
.captchaset > div:first-child a{
	position: absolute;
	font-size: 16px;
	bottom: 1px;
	left: 16px;
	padding: 2px;
	border-radius: 2px;
	background-color: #cccccc;
	line-height: 1;
}
.captchaset > div:first-child a:hover{
	background-color: #1a5d80;
}
.captchaset > div:first-child a > i {
	color: #ffffff;
}
@media screen and (max-width: 768px) {
	[data-sakuin="news"] .btm1 {
		padding-right: 0;
	}
}

/* -------------------------
個別ページ：インフォ
------------------------- */
[data-sakuin="info"] .setu {
	padding: 8px;
}
[data-sakuin="info"] .name1 {
	border-bottom: 6px solid #1a5d80;
}
.page_info .alla {
	background-color: #cfdde5;
}
.page_info .name1 {
	border-bottom: 6px solid #1a5d80;
}
.listInfo {
	padding-left: 1em;
}
.listInfo li + li,
.listInfo dd + dt {
	margin-top: 10px;
}
.listInfo li {
	display: list-item;
}
.listInfo + p {
	margin-top: 10px;
}

/* -------------------------
個別ページ：文献
------------------------- */
[data-sakuin="biblio"] .setu {
	padding: 8px;
}
[data-sakuin="biblio"] .prs .alla {
	background-color: #cfdde5;
}
[data-sakuin="biblio"] .prs .alla:nth-child(even) {
	background-color: #C5D7E4;
}
[data-sakuin="biblio"] .name1 {
	border-bottom: 6px solid #1a5d80;
}
[data-sakuin="biblio"] .name1 .fontSmaller{
	font-size: 65%;
	font-weight: normal;
	color: #777;
	line-height: 1;
}
[data-sakuin="biblio"] .main > p {
	margin:10px 0;
}
[data-number] {
	position: relative;
}
[data-number]:before {
	content: attr(data-number);
	position: absolute;
	background-color: #1A5D80;
	color: #ffffff;
	padding: 5px;
	line-height: 1;
	border-radius: 8px 0 8px 0;
}
[data-number] {
	position: relative;
}
[data-number] .name1 {
	padding-left: 34px;
}
.listBiblio {
	overflow: hidden;
	margin: 0;
}
.listBiblio dt {
	display: block;
	text-align: right;
	width: 6em;
	font-weight: normal;
}
.listBiblio dd {
	display: block;
	margin: -1.4em 0 0 6em;
}
.listBiblio dt:after {
	content: ":";
	font-weight: normal;
	display: inline-block;
	padding: 0 5px;
}
/* -------------------------
個別ページ：リンク
------------------------- */
[data-sakuin="link"] .name1 {
	padding-top: 0;
}
[data-sakuin="link"] .name1 .label {
	font-size: 10px;
	line-height: 24px;
}
[data-sakuin="link"] .name1 h2 {
	font-size: 18px;
}
[data-sakuin="link"] .name2 a {
	display: block;
	color: #ffffff;
	font-weight: bold;
	word-break: break-all;
	font-size: 12px;
}
[data-sakuin="link"] .setu {
	padding: 8px;
}
/* -------------------------
個別ページ：付表
------------------------- */
.artNotes {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #1A5D80;
	font-size: 12px;
}
.artNotes dt:before{
	content: "《";
}
.artNotes dt:after{
	content: "》";
}
.artNotes dd{
	margin-top: 2px;
	display: list-item;
	margin-left: 1.2em;
}
/* -------------------------
個別ページ：検索
------------------------- */
option.depth0 {
	font-weight: bold;
}
.searchBox {
	margin-top: 10px;
	background-color: #cfdde5;
	padding: 10px;
	border-radius: 8px;
}
.searchBox .form-control{
	font-size: 16px;
}
#searchOutput .alert {
	margin: 10px auto;
	vertical-align: bottom;
}
.perm {
	background-color: #92aebf;
	border-bottom-right-radius: 8px;
	bottom: 0;
	position: absolute;
	right: 0;
	text-align: right;
	z-index: 2;
}
.perm:before {
	position: absolute;
	content: "";
	display: block;
	left: -23px;
	bottom: 0;
	width: 23px;
	height: 0;
	border-left: 16px solid transparent;
	border-bottom: 28px solid #92AEBF;
	z-index: 1;
}
.perm:after {
	position: absolute;
	content: "";
	top: 0;
	left: -8px;
	display: block;
	background-color: #92AEBF;
	border-top-left-radius: 8px;
	width: 8px;
	height: 8px;
	z-index: 1;

}
.perm a{
	display: block;
	padding: 0 84px;
	line-height: 32px;
	font-size: 18px;
	color: #ffffff;
	vertical-align: middle;
}
.perm a i{
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.perm {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: static;
		display: block;
		clear: both;
		margin: -8px 0 0 0;
		border-radius: 0 0 8px 8px;
		padding: 8px;
		z-index: 2;
	}
	.perm:before,
	.perm:after {
		display: none;
	}
	.perm a {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
}
/* -------------------------
個別ページ：アルファベット
------------------------- */
[data-sakuin="alpha"] .setu {
	padding: 0;
}
[data-sakuin="alpha"] .mainTitle {
	margin-top: 10px;
	overflow: hidden;
	padding: 0;
	border-radius: 0;
	background-color: #1a5d80;
}
[data-sakuin="alpha"] .mainTitle h1{
	float: left;
	padding: 0 4px 4px 0;
}
[data-sakuin="alpha"] .allWrap {
	margin-top: -60px;
	padding-top: 60px;
}
[data-sakuin="alpha"] .alla3 {
	margin-top: 0;
	border-radius: 0;
}
.jumpAlpha {
	overflow: hidden;
	margin: 3px 1px 1px 3px;
}
.jumpAlpha li{
	float: left;
	display: inline-block;
	background-color: #CFDDE5;
	font-size: 16px;
	width: 26px;
	line-height: 26px;
	text-align: center;
	margin: 0 2px 2px 0;
	font-weight: bold;
}
.jumpAlpha li a {
	display: block;
	width: 100%;
	color: #1A5D80;
	text-align: center;
}

.nameAlpha {
	background-color: #3D7999;
	color: #ffffff;
	line-height: 28px;
	font-size: 18px;
	padding: 0 4px;
}
.alphaList li {
	display: inline-block;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
}
[data-sakuin="alpha"] .btm1 + .btm1 {
	margin-top: 0;
}
[data-sakuin="alpha"] .btm1 dt{
	background-color: #69a1bf;
	border-radius: 0;
}
[data-sakuin="alpha"] .btm1 dd:last-child {
	border-radius: 0;
}
[data-sakuin="alpha"] .setu .btm1:last-child dd:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.btm1 .alphaList li a{
	display: inline-block;
	width: 100%;
	overflow: hidden;
	background-color: transparent;
	border-bottom: 1px solid #99bbcc;
	border-radius: 0;
}
.btm1 .alphaList li a.semi{
	border-bottom: 1px solid #aaaaaa;
	color: #888888;
}
.alphaList li .disp{
	float: right;
}
.navAlpha {
	margin-top: -28px;
	font-size: 16px;
	line-height: 28px;
	text-align: right;
	overflow: hidden;
}
.navAlpha a{
	display: inline-block;
	background-color: #CFDDE5;
	font-size: 16px;
	width: 28px;
	line-height: 28px;
	text-align: center;
	color: #1A5D80;
}
.navAlpha a + a{
	margin-left: 4px;
}
.navAlpha .fa-step-backward{
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	[data-sakuin="alpha"] .btm1 {
		margin: 0;
		padding-right: 0;
	}
	.alphaList li {
		display: block;
		width: 100%;
		padding-right: 0;
	}
}

/* -------------------------
個別ページ：エラー
------------------------- */
.error {
	padding: 30px;
}
.error h2 {
	color: #1A5D80;
	padding: 20px;
}
.error p {
	padding: 20px;
	font-size: 14px;
}
/* -------------------------
個別ページ：地域・キーワードページ
------------------------- */
body[data-sakuin=special] .alla h3,
body[data-sakuin^=area_] .alla h3,
body[data-sakuin^=key_] .alla h3 {
	font-size: 14px;
	font-weight: bold;
	display: block;
	background-color: #3d7999;
	color: #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 8px 8px 0;
	padding: 6px;
	border-radius: 4px;
}
body[data-sakuin=special] .alla .name2,
body[data-sakuin^=area_] .alla .name2,
body[data-sakuin^=key_] .alla .name2 {
	background-color: transparent;
	color: #555555;
	min-height: 1.4em;
	text-align: left;
	border-bottom: 	10px solid #1a5d80;
	padding-left: 8px;	
}
body[data-sakuin=special] .alla .setu,
body[data-sakuin^=area_] .alla .setu,
body[data-sakuin^=key_] .alla .setu {
	padding: 0;
}
body[data-sakuin^=key_] .mainTitle,
.areaAll.mainTitle {
	border-radius: 8px 8px 0 0;
	padding-bottom: 6px;
}
.keyExp {
	background-color: #639bb9;
	border-radius: 0 0 8px 8px;
	padding: 6px 10px 6px;
	color: #ffffff;
	margin-bottom: -8px;
}
.areaItemList {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0px;
	letter-spacing: 0;
	padding: 8px 8px 0 0;
}
.areaItemList > li {
	display: inline-block;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 8px 8px;
	font-size: 14px;
	letter-spacing: 1;
}
.areaItemList > li > a {
	display: block;
	background-color: #99bbcc;
	padding: 0 4px;
	border-radius: 4px;
}
.areaItemList > li > a.b:before {
	content: "\f15c";
	display: inline-block;
	padding-right: 5px;
	font-family:'FontAwesome';
	font-weight: normal;
	color:#3D7999;
}
.areaItemList > li > a.inimg:after {
	content: "\f03e";
	display: inline-block;
	padding-left: 5px;
	font-family:'FontAwesome';
	font-weight: normal;
	color:#3D7999;
}
.areaItemList > li > a.semi {
	background-color: #cccccc;
}
@media screen and (max-width: 768px) {
	.areaItemList > li {
		width: 100%;
	}
}
.areaAllList {
	padding: 8px;
}
.areaAllList dt{
	background-color: #639bb9;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	line-height: 1;
	padding: 4px;
	color: #ffffff;
}
.areaAllList dt + dd {
	margin-bottom: 5px;
}
.areaAllList dt + dd {
	background-color: #99bbcc;
	border-radius: 0 0 4px 4px;
	line-height: 1.1;
	overflow: hidden;
}
.areaAllList dd p {
	margin: 8px;
}
