/* カスタム CSS をここに入力してください */

h4 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
h4::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}

/*スマホ固定バナー*/
@media screen and (min-width: 480px) {
	.kotei {
		display: none;
	}
}

div.kotei {
	position: fixed;
	bottom: 0;
  z-index:1;
}

/* マーカー線・青 */
.kasenaohoso{
 background: linear-gradient(transparent 75%, #c1e0ff 75%);
font-weight: bold; 
}

/* 下線蛍光ペン薄黄色*/
.kasenyellow2 {
background: linear-gradient(transparent 60%, #ffffa8 0%);
}

/*下線蛍光ペンピンク*/
.kasenpink{
background:linear-gradient(transparent 70%, #ffccff 0%);
}

/* 下線蛍光ペン黄色*/
.kasenyellow {
  background: linear-gradient(transparent 60%, #ff0 0%);
}

.kasenakahoso{
background:linear-gradient(transparent 75%, #ffadad 75%);
font-weight:bold; 
}

/*タイトル付きボックス枠*/
.box1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

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

h4.midasi5 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}

h3.midasi4{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h3.midasi4:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }


h3.midasi5 {
padding: 0.6em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
line-height: 1.6;
}


h3.midasi2 {
position: relative;
padding: 0.6em;
background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
border-radius: 7px;
font-weight: bold;
font-size: 19px;
}

h3.midasi3:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffebbe;
width: 0;
}
  
/*タイトル付きボックス枠 dm*/
.box5{  
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff94ed;
    border-radius: 8px;
}

 /*タイトル付きボックス枠*/
.box3 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff94ed;
    border-radius: 8px;
}
.box3 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff94ed;
    font-weight: bold;
}
.box3 p {
    margin: 0; 
    padding: 0;
}
 /*タイトル付きボックス枠*/
.box4 {
    margin: 2em 0;
    background: #dcefff;
}
.box4 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box4 p {
    padding: 15px 20px;
    margin: 0;
}