/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

@media print, screen and (max-width: 959px) {
	#s-navi {
		display: none;
	}
}


.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: white;
    border-top: solid 5px #ffc06e;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
table {
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}

table tbody {
	width: 100%;
	display:table;
}

/*tableにスクロールバーを追加*/
table::-webkit-scrollbar {
	height: 5px;
}

/*tableにスクロールバーを追加*/
table::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
table::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}

.entry-content h4{
/* 水色の線の設定 */
border-bottom: solid 5px #cce4ff !important;
position: relative;
}

.entry-content h4:after {
/* 青色の短い線の設定 */
position: absolute;
left: 0px;
content: " ";
display: block;
border-bottom: solid 5px #5472cd;
bottom: -5px;
width: 20%;
}

.yellow70-line {background: linear-gradient(transparent 70%, #fff001 0%);}