.abokabobox_srcollbar {
        overflow: auto;
        width:70%;
        height:150px;
        padding:5px;
        border:1px solid #000;
        background-color:#F9F9F9;
        color:#000;
        font-size:12px;
        margin: 0 auto;
    }
    .abokabobox_srcollbar::-webkit-scrollbar{ /* スクロールバー全体 */
        width: 15px;
    }
    .abokabobox_srcollbar::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #191970;
    border-radius: 10px;
    }
    .abokabobox_srcollbar::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #dcdcdc;
    }
    .abokabobox_srcollbar::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #dcdcdc;
    }
    .abokabobox_title{
        border:1px solid #e0edff;
        padding:5px;
        width:70%;
        font-weight:bold;
        font-size:14px;
        background-color:#e0edff;
        color:#000;
        margin: 0 auto;
    }


.abokabo_07{
width: 100%;
border-collapse: collapse;
}
.abokabo_07 th{
width: 100%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.abokabo_07 td{
text-align: left;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.abokabo_07 td.bbs{
font-size:18px;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.balloon1 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  border-radius: 15px;
}

.balloon1:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 30%;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}

.abokabo{
table-layout: fixed;
width: 100%;
background: #e0edff;
border-collapse: collapse;
}
.abokabo td.cm{
text-align: center;
padding: 6px;
background-color: #e0edff;
}


.balloon2{
  position: relative;
  padding: 20px;
  width: 60%;
  height: 100%;
  line-height: 100%;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.2em;
  font-size: 14px;
  background-color: #ff9800;
  margin: 0 auto;
}
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 2px;
  bottom: 2px;
  border-right: 20px solid #ff9800;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  transform: rotate(-45deg);
  margin: 0 auto;
}

/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media screen and (min-width: 769px){

.abocha{
table-layout: fixed;
width: 50%; /* 横幅 */
max-width: 750px; /* 横幅の最大値 */
min-width: 690px; /* 横幅の最小値 */
border-collapse: collapse;

}

}

/*===============================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px){

.abocha{
table-layout: fixed;
width: 90%;
border-collapse: collapse;

}

}

/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){

.abocha{
table-layout: fixed;
width: 90%;
border-collapse: collapse;

}

}