/* カスタム CSS をここに入力してください */
h2#danraku2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

h3#danraku3 {
  padding: 0.2em 0.3em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

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

.under_line1 {
 background: linear-gradient(transparent 50%, yellow 50%);
}

ul, ol {
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/

box-shadow: 0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}

/*
ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}
*/
h4#danraku4_line {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #FFC778;
}

.cross_line_box{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.cross_line_box:before, .cross_line_box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.cross_line_box:before {left: 10px;}
.cross_line_box:after {right: 10px;}
.cross_line_box p {
    margin: 0; 
    padding: 0;
}

.Speech_bubble_box {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;
}
.Speech_bubble_box:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.Speech_bubble_box p {
    margin: 0; 
    padding: 0;
}
.dashed_line_box_01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: dashed 2px #5b8bd0;/*点線*/
    border-radius: 10px;/*角の丸み*/
}
.dashed_line_box_01 p {
    margin: 0; 
    padding: 0;
}
.blue_stripe_box{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.blue_stripe_box p {
    margin: 0; 
    padding: 0;
}
.general_keyword_box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.general_keyword_box .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;
}
.general_keyword_box p {
    margin: 0; 
    padding: 0;
}
/*Cocoonバッジカラー変更*/
.badge{background-color: #f0c886;}
.badge-red {background-color: #bf4762;}
.badge-pink {background-color: #ebb2cb;}
.badge-purple {background-color: #bb8bc7;}
.badge-blue {background-color: #92c1d6;}
.badge-green {background-color: #8bd9ac;}
.badge-yellow {background-color: #edde8a;}
.badge-brown {background-color: #9e735d;}
.badge-grey {background-color: #b9b9bd;}
/*バッジ*/
.badge, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey {
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 20px;
}
.box_fusen {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box_fusen p {
    margin: 0; 
    padding: 0;
}