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

詳しくは上のヘルプアイコンをクリックしてください。
*/
aside {
}
aside dl {
    margin: 1em 0px;
    padding: 1em 0px;
    overflow: hidden;
    border-top: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
}
aside dt {
     float: left;
     margin-right: 1.5em;
}
.connect {
    font-weight: bold;
    color: rgb(255, 255, 255);
    display: inline-block;
    letter-spacing: 0.3em;
    margin-bottom: 10px;
    background: rgb(119, 119, 119);
    border-radius: 3px;
    padding: 0px 15px;
}
aside a {
    color: #0000ff;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/* ブログ装飾 */
.b {
	font-weight:bold;
}
.fbig {
	font-size: 1.2em;
}
.red {
	color: #ff0000;
} 
.green {
	color: #669933;
}
.orange {
	color:#ff6600;
}
.navy {
	color:#1D417A;
}
.marker {
    background: linear-gradient(transparent 70%, #40e0d0 40%);
    font-weight: bold;
}

.marker2 {
    background: linear-gradient(transparent 60%, #ffcc66 60%);
}

.marker3 {
    background: linear-gradient(transparent 60%, #EF877A 60%);
}

.pencil {
box-shadow: 0px -6px 5px -5px #00bfff inset,0px 8px 4px -8px #00bfff;
}

.pencil2 {
box-shadow: 0px -6px 5px -5px #daa520 inset,0px 8px 4px -8px #daa520;
}

.big_2px {
font-size: 1.2rem;	
}

/*****/
.hyouban {
padding: 1em;
background: #f8f8f8;
border: 1px solid #ccc;
}
.hyouban h5 {
text-align : center;
}
.required {
display: inline-block;
verticle-align: middle;
color: red;
font-size: 13px;
margin-left: 1em;
}

/*吹き出し
——————–*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 25px;
  width: 98%;
overflow: hidden;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 2px solid #fff7d8;
  border-radius: 50%;
  margin: 0;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border-radius: 10px;
  background: #fff7d8;
  margin-right: 12%;
  float: left;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff7d8;
  top: 15px;
  left: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: inline-block;
}
.kaiwa2 {
  margin-bottom: 25px;
  width: 98%;
overflow: hidden;
}
/* 右画像 */
.kaiwa2-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.kaiwa2 figure img {
  width: 100%;
  height: 100%;
  border: 2px solid #ffd2d2;
  border-radius: 50%;
  margin: 0;
}
/* 右からの吹き出しテキスト */
.kaiwa2-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #ffd2d2;
  margin-left: 15%;
  float: right;
}
p.kaiwa2-text {
  margin: 0 0 20px;
}
p.kaiwa2-text:last-child {
  margin-bottom: 0;
}
/* 右の三角形を作る */
.kaiwa2-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa2-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #ffd2d2;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa2:after,.kaiwa:before {
  clear: both;
  content: "";
  display: inline-block;
}

.middle {
  /*冒頭の要素*/
  background: floralwhite;
  padding: 10px;
  margin: 10px;
}