/* CSS Document */

.jumbotron { background-color:#f1f1f1; margin-bottom:1em;}
.jumbotron-content {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.jumbotron  h2 {
	color: #666;
	font-size: 2.25rem;
	padding-top: 0.5em;
	padding-right: 20px;
	padding-bottom:0.5em;
	padding-left: 20px;
}

/* -----------------------------------------------------分割-- */
.row {
	display:flex;
	justify-content:space-between;
}
.col-20 {width:19.5%;}
.col-25 {width:24.5%;}
.col-30 {width:29.5%;}
.col-33 {width:32.5%;}
.col-40 {width:39.5%;}
.col-50 {width:49.5%;}
.col-60 {width:59.5%;}
.col-70 {width:69.5%;}
.col-80 {width:79.5%;}
.waku-rad {
	border-radius: 7px;
	padding: 2%;
	border: 1px solid #CCC;
}
/* -----------------------------------------------------スペース-- */

.btm1 {margin-bottom:1%;}
.btm2 {margin-bottom:2%;}
.btm3 {margin-bottom:3%;}
.btm4 {margin-bottom:4%;}
.btm5 {margin-bottom:5%;}
.btm6 {margin-bottom:6%;}
.btm7 {margin-bottom:7%;}
.btm8 {margin-bottom:8%;}
.btm9 {margin-bottom:9%;}
.btm10 {margin-bottom:10%;}

/* -----------------------------------------------------リスト-- */
ul.ullinkgroup {
	margin-left: -0.2em;
}
ul.ullinkgroup li {
	position: relative;
	padding-left: 16px;
}
ul.ullinkgroup li:before{
	font-family: "Font Awesome 6 Free";
	content: "\f111";
	color: #ccc;
	font-size:10px;
	font-weight: 900;
	position: absolute;
	top: 6px;
	left: 0;
}
ul.ulpanel {}
ul.ulpanel li {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 5px 3px rgba(235,235,235,0.6);
	-moz-box-shadow: 0px 0px 5px 3px rgba(235,235,235,0.6);
	-webkit-box-shadow: 0px 0px 5px 3px rgba(235,235,235,0.6);
	border: 1px solid #ccc;
	padding: 5px 12px;
	margin-bottom: 5px;
	vertical-align: top;
}
ul.ulpanel li:last-child {margin-bottom: 0px;}

ul.ulpanel span {
	display: inline-block;
	min-width: 100px;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}
ul.ulpanel span:after {
	content:" : "
}

ol { margin-left:1em;}
ol li { margin-bottom:0.8em;}


/* top */
ul.lcp_catlist {
	height: 400px;
	overflow-y: scroll;
	margin: 0px;
}
ul.lcp_catlist-ch {
	height: 150px;
	overflow-y: scroll;
	margin: 0px;
}
ul.lcp_catlist li,ul.lcp_catlist-ch li {
	margin-bottom: 0em;
	width: 100%;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	padding-right: 120px;
	overflow: hidden;
	padding-left: 1em;
}
ul.lcp_catlist li:before,ul.lcp_catlist-ch li:before {
	font-family: "Font Awesome 6 Free";
	content: "\f0da";
	font-weight: 900;
	font-size: 9px;
	padding-right: 5px;
	padding-top: 3px;
	margin-left: -1em;
}
.my-date {
	text-align: right;
	color: #666;
	font-size: 80%;
	padding-bottom: 0em;
	padding-right: 0.5em;
	width: 110px !important;
	float: right;
	margin-right: -120px;
}

/* 文書詳細 */
.entry-title {
	border-left: 5px solid #069;
	padding-left: 0.4em;
	margin-bottom: 1em;
	line-height: 1.1em;
}
.posted-on {
	display:block;
	text-align:right;
	margin-bottom:1em;
}
.posted-on time {
	color:#555;
	font-size:14px;
}

dl.kiji_detail {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

dl.kiji_detail dt {
  width: 20%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
dl.kiji_detail dd {
	width: 80%;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}


/* -----------------------------------------------------その他-- */
.yokoscroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;}

 .check-link {
    display: inline-block;
    border: 1px solid #117EC3;
    padding: 8px 15px;
    color: #555;
}
.check-link {
	display: inline-block;
	border: 2px solid #0693e3;
	background:#e7f5fe;
	padding: 8px 15px 5px;
	color: #555;
	border-radius: 5px;
}
.check-link:hover { background-color:#0693e3; color:#fff;}
.check-link .fa {
	margin-right: 0.4em;
	margin-left: 0.4em;
}

@media screen and (max-width: 1200px) {

}

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

}

@media screen and (max-width: 800px) {
.row {
	display:flex;
	flex-wrap: wrap;
}
.col-20 {width:49.5%; margin-bottom:0.6em;}
.col-25 {width:49.5%; margin-bottom:0.6em;}
.col-30 {width:49.5%; margin-bottom:0.6em;}
.col-33 {width:49.5%; margin-bottom:0.6em;}
.col-40 {width:100%; margin-bottom:0.6em;}
.col-50 {width:100%; margin-bottom:0.6em;}
.col-60 {width:100%; margin-bottom:0.6em;}
.col-70 {width:100%; margin-bottom:0.6em;}
.col-80 {width:100%; margin-bottom:0.6em;}


dl.kiji_detail {
}

dl.kiji_detail dt {
  width: 30%;
}
dl.kiji_detail dd {
	width: 70%;
}

}

@media screen and (max-width: 781px) {
}

@media screen and (max-width: 600px) {
.col-20 {width:100%;}
.col-25 {width:100%;}
.col-30 {width:100%;}
.col-33 {width:100%;}
.col-40 {width:100%;}
.col-50 {width:100%;}
.col-60 {width:100%;}
.col-70 {width:100%;}
.col-80 {width:100%;}

dl.kiji_detail {
  display: block;
  flex-wrap: wrap;
  width: 100%;
}

dl.kiji_detail dt {
	width: 100%;
	border-bottom: 1px dotted #CCC;
}
dl.kiji_detail dd {
	width: 100%;
}

}