@charset "utf-8";





.block-sub-page-main-contents.block-sub-page-main-contents table th{
	text-align: center;
}
 .modaal-wrapper h3 {
  border-bottom: 1px #ccc;
}
 .modaal-wrapper p{
  margin-bottom:2rem;
}
 .modaal-wrapper h5 {
    font-size: 1.2em;
    margin: 10px;
}


.modaal-wrapper h1{
  padding: .2em .75em;
  background-color: #f6f6f6;
  border-bottom: 1px solid #ccc;
  border-radius: 5px; 	
}
 .modaal-wrapper h2{
  position: relative;
  padding: .20em 0 .2em .75em;
  border-left: 6px solid #04042f;
}
 .modaal-wrapper h2::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}


.modaal-wrapper h4{
  position: relative;
  text-align: center;
}
.modaal-wrapper h4 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
/*.modaal-wrapper h4::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.modaal-wrapper figcaption{
font-size:0;
height:0;
overflow: hidden;
}*/
.modaal-wrapper caption{
font-weight: 800; 
text-align: left;
background-color:#1F1F1F;
color:#FFF;	
margin-top:10px; 	
}
.modaal-wrapper table{
border-collapse: collapse;		
}
/*.modaal-wrapper table,.modaal-wrapper th,.modaal-wrapper td:not(.error-msg) {
border:solid 1px #333;
text-align: center;	
}
*/
.modaal-wrapper t{
font-size: 0.8rem;	
}
.modaal-wrapper tfoot,.modaal-wrapper .td{
text-align: left;
}

.modaal-wrapper.inner-box{
	display: inline-block;
}
.modaal-wrapper a.iframe{
	font-weight: 800;
}
.modaal-wrapper.right-side{
	margin-left:30%;
}
.modaal-wrapper.none-style{
background-color:#FFF; 
color:#000;	
font-size:1.1rem; 
font-weight: 800;	
padding-left:5px;
display: inline-block;		
}
/*--sihoutoukei--*/
.modaal-wrapper.s--keyword{
	letter-spacing: 8px;
}
/*--sihoutoukei--*/
/*--bouchouken--*/
.modaal-wrapper td.line {
    border-collapse: collapse;
    border-color: black;
    border-style: solid;
    border-width: 0 0 1px;
    padding-left: 10px;
    width: 510px;
}
/*--bouchouken--*/


/*--modal-01 「使い方」--*/
.modaal-wrapper.text--close{
	display: block;
	margin: 0 0 0 auto;
	font-weight: 800;
	font-size:1.5rem;
}
.modaal-wrapper.text--close a{
	text-decoration: none;
	color: #111;
}
/*--modal-01 「使い方」--*/

/*--modal-02 「西暦早見表」--*/
.modaal-content-container figure {
    margin: 30px;
}
.modal-content table{
border-collapse: collapse;
border-spacing: 0;
}

.modal-content th{
 text-align: center;
 background-color: #333;
 color:#FFF;
 height:2.5rem;	
}

.modal-content th:last-child{
/* border-radius: 0 8px 0 0;*/

}
.modal-content th:first-child{
/* border-radius: 8px 0 0 0;*/

}
.modal-content td{
 text-align: center;
 padding: 2px 4px; 
 border-bottom: 1px solid #eee; 
 border-right: 1px solid #eee; 
}
.title-s:last-child,.title-h:last-child{
 border-radius:0;
}
.title-s,.title-r{
 background-color: #eee;
}
.title-h{
 background-color: #e6e6e6;
}
.tbl{
 background:#FFF;
 overflow: hidden;	
}
.tbl tr:not(.title):hover {
 background: #ffffc3;
}	
.tbl--01,.tbl--02,.tbl--03,.tbl--04,.tbl--05,.tbl--06{
 width: 140px;
 float: left; 
 margin-top: 2px;
 margin-bottom: 2px;
 border-bottom: medium;
 padding-right: 10px;
}
@media screen and (max-width:980px){
.tbl--01,.tbl--02,.tbl--03,.tbl--04,.tbl--05,.tbl--06{
 width: 100px;
	}
.tbl--01,.tbl--03,.tbl--05{
clear:both;
}	

}
/*--modal-02 「西暦早見表」--*/

/*--modal-03 「各判例について」--*/

.modaal-wrapper dl,.modaal-wrapper dt,.modaal-wrapper dd{
box-sizing: border-box;
}


.modaal-wrapper dl {
  background: #eee;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.modaal-wrapper dt,
.modaal-wrapper dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
.modaal-wrapper dt {
  width: 25%;
  float: left;
}
.modaal-wrapper dd {
  background: #fff;
  margin-left: 25%;
  padding-bottom: 10px;
  border-left: 1px solid #ccc;
}
.modaal-wrapper dd:after {
  content: '';
  display: block;
  clear: both;
}




.modal-wareki{
list-style:square;
clear:both;
display:block;
width:100%;
}

.modal-wareki li{
float:left;
margin-right:30px;
}




/* modal  */

/*error*/
.modaal-wrapper p.error-msg{
	font-weight: 800;
	font-size: 1.2rem;
	color:red;
}


.modaal-wrapper .modaal-close{
background:#333;
}


/*error*//* CSS Document */