/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。https://wp.me/PEmnE-Bt
*/
/*--------------------------------------------------------
レイアウトの初期設定
-------------------------------------------------------*/
body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 71%;
	font-style: normal;
	line-height: 1.5;
}



.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 3px #C0C0C0;
}

.box6 {
    padding: 3em 1em;
    margin: 2em 0;
    background: #fff8e8;
    border: dashed 2px #FFC107;/*点線*/
}


.box7 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}

.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f5f5f5;
    border: dashed 2px #c0c0c0;/*点線*/
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .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;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}


.yellowline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff66 0%) repeat scroll 0 0;}


.balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding:30px 30px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #C0C0C0;
  box-sizing: border-box;
	border-radius: 15px;
}

.balloon2:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon2:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #C0C0C0;
  z-index: 1;
}

.balloon2 p {
	margin: 0;
	padding: 0;
}