/***------------------***/
/***   pub.html css   ***/
/***------------------***/

h5{
	font-size:1em;
	margin-bottom:0;
	}

.float-a{
	float:right;
	padding-right:0px;
	margin-top:1.5em;
	}

.float-a > figure{
	padding:0;
	text-align:center;
	}

.flex{
	display:flex;
	justify-content: space-around;
	align-items: stretch;
	width:100%;
}
.flex-box{
	margin:0 auto;
}
.flex-box img{
	margin:0.5em;
	box-shadow: 1px 1px 2px 2px #b1b5bc;
}

@media screen and (max-width: 639px){
	.flex{
		flex-wrap: wrap;
	}
	.flex-box{
		width:100%;
	}
}

.midasi03 {
	font-size: 14px;
	list-style-type: disc;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	clear: both;
}

.midasi04{
	padding-left:5px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(237, 237, 237)),color-stop(1, rgb(135, 224, 130)));
	background-image: -moz-linear-gradient(-90deg,rgb(237, 237, 237) 30%,rgb(135, 224, 130) 100%);
	background-image: linear-gradient(-90deg,rgb(237, 237, 237) 30%,rgb(135, 224, 130) 100%);
	}


/* ------- tabel    */

.spectable {
	font-size:12px;
	border:1px solid #aaaaaa;
	border-collapse:collapse;
	margin:1em 20px;
	}

.spectable th{
	color:#fff;
	background-color:#8792AB;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	padding:3px 2em;
	}

.spectable td {
	border:1px solid #aaaaaa;
	padding:3px 2em;
	}
	
.spectable2{
	font-size:12px;
	border:1px solid #aaaaaa;
	border-collapse:collapse;
	margin:0.5em;
	}

.spectable2 th{
	color:#fff;
	background-color:#8792AB;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	padding:3px 0.5em;
	}

.spectable2 td {
	border:1px solid #aaaaaa;
	padding:3px 0.5em;
	}

/*        mokuji-oritatami     */
/* ----------------------------*/

input[type="checkbox"].ExpandCheckBox {
  display: none;
}
 
input[type="checkbox"].ExpandCheckBox + ul.chapter{
  display: none;
}
 
input[type="checkbox"].ExpandCheckBox:checked + ul.chapter {
  display: block;
}

/* ------- mokuji    */

.mokuji{
	margin-top:1.5em;
	font-size:1.10em;
	}
.mokuji > ul{
	list-style-type:none;
	}
.mokuji > ul>li{
	padding-bottom:0.5em;
	margin-left:-2em;
	}
#m-title{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:underline;
	padding:0.25em 6em;
	border:1px solid #824522;
	background-color: #F2ED6A;
	border-radius:6px;
	}


/* ------- tokushu    */

#tokushu{
  background:#f6d6a8;
  font-size:18px;
  font-weight:bold;
  display:block;
  border:2px solid #6cb92c;
  padding:1em;
  border-radius:15px;
  text-align:center;
	}

#tokushu a:hover{
	color:#e4007e;
	}

/* ------- bold    */

.bold{
	font-size:18px;
	font-weight:bold;
	}

/* ------- kome    */
.kome {
	color:red;
	}