.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: #006400; /* ボタンの文字の色を指定 */
}

.c-button--danger {
  background: #006400; /* 通常時　ボタンの背景色を指定 */
}
.c-button--danger:hover {
    background: #fdd9d7; /* マウスオーバー時　ボタンの背景色を指定 */
  }
.c-input--text {
  border-color: #d7dee2; /* 通常時　入力エリアのボーダー色を指定 */
}
.c-input--text:focus {
    border-color: #006400; /* フォーカス時　入力エリアのボーダー色を指定 */
  }



/*	四角を丸くする関数*/
div.radius2 {
 border: 1px solid #000000;
 border-radius: 10px 20px 30px 40px;
 width: 200px;
 height: 130px;
 padding: 10px;
}
/* display: inline-block;*/
/*終わり*/

/*	四角を丸くする関数*/
div.radius3 {
 border: 1px solid #000000;
 border-radius: 10px 10px 10px 30px;
 width: 230px;
 height: 120px;
 padding: 10px;
 display: inline-block;
}
/*終わり*/


/*線引く*/
p.box {
   border-bottom: 1px solid red;
}
/*終わり*/



/*背景色変更*/
.bg_test {
	background-position: center center;
    height: 250px;                  /* 高さ指定 */
    padding:  20px;                 /* 余白指定 */
    font-size: ;                /* 文字サイズ指定 */
    background-color: #FFFFC1;   /* 背景色指定 */
}

.furusato {
  　background-position: center center;
    height: 116px;                  /* 高さ指定 */
    padding:  10px;                 /* 余白指定 */
    font-size: ;                /* 文字サイズ指定 */
    background-color: #eff7ff;   /* 背景色指定 */
   border-radius: 0.5em;/*角の丸み*/
}


.bg_test2 {
    color:  #fff;                   /* 文字色指定 */
    height: 200px;                  /* 高さ指定 */
    width:  200px;                  /* 幅指定 */
    font-size:  14px;               /* 文字サイズ指定 */
    background-color: blue;         /* 背景色指定 */
    padding:  20px;                 /* 余白指定 */
    float:  right;                  /* 位置指定 */
    position:  relative;            /* 位置指定 */
    top: 110px;                     /* 位置指定 */
}
/*終わり背景色変更*/


.marker-pink {
  background: linear-gradient(transparent 70%,#FF9872 1%);
  display: flex; /* インラインブロック化 */
}
  /* background: linear-gradient(to left, #FFFF00, #FFFF00);*/ 
/*solid orange*/

div.scr{
  width: 350px;
  height: 280px;
  overflow: scroll;
  white-space:nowrap;
  background-color: #f5f5f5;
  border: 1px solid #afeeee;
}

/*下線CSS*/
under1 {
  position: relative;
  padding-left: 35px;
}
under1:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
under1:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*下線吹き出し*/
under2 {
  position: relative;
  padding: 0.6em;
  background: #FF9872;
  border-radius: 5px 5px 5px 5px;
   font-family: "Font Awesome 5 Free";
}

under2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #FF9872;
  width: 0;
  height: 0;
}


/*下線check 用*/
under3 {
  font-family: "Font Awesome 5 Free";
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}

under3:after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
  content: ' 商品内容で選ぶ！';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}



/*下線check 泡*/
under5 {
  position: relative;
  padding: 8px 15px;
  margin-left: 40px;
  background: #FF9872;
  border-radius: 3.5px;
}

under5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 15px;
  left: -40px;
  bottom: 0;
  color: #FF9872;
}

under5:after {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 23px;
  left: -23px;
  bottom: 0;
  color: #FF9872;
}
/*終わり下記check 泡*/



/*下線*/
under6 {
  background: #FF9872; /*背景色*/
  padding: 0.3em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.2em;/*角の丸み*/
}
/*下線２*/
under7 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px white;
}

.testboder {border-top: solid 4px gray}


/*下線吹き出し*/
h22 {
  position: relative;
  padding: 1.5rem 2rem;
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  border-radius: 0 0 0 20px;
}

h22:before {
  position: absolute;
  right: 50px;
  bottom: -21px;
  width: 0;
  height: 0;
  content: '';
  border-width: 21px 21px 0 0;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

h22:after {
  position: absolute;
  right: 54px;
  bottom: -14px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 14px 0 0;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}


/*おしゃれ見出し*/
.midashi {
position: relative;
font-size: 35px;
border-bottom: 2px solid #2f4f4f;
margin: 0;
}
.after {
font-size: 15px;
margin-left: 15px;
}

/*おしゃれ見出し*/
.midashi2 {
position: relative;
font-size: 20px;
border-bottom: 2px solid #2f4f4f;
margin: 0;
}
.after2 {
font-size: 10px;
margin-left: 15px;
}