.list-1{
    list-style: none;
    padding:0;
    margin:0;
}
.list-1 li { 
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 25px;
}
.list-1 li:before {
   background-color:  #ffa952; /* 点の色 */
   position: absolute;
   content: '';
   top:0.9em;
   left: 0.5em;
   width: 7px;
   height: 7px;
   border-radius: 4px;
}
.list-box-2{
　　　background: #fef8f9;/* 背景色 */
　　　border-radius: 4px;
　　　max-width: 600px;
 　padding: 2em;
　　　margin:0 auto;
　　　border:1px solid;
　　　border-color:#f27398; /* 線の色 */
}
@media screen and (max-width: 768px){
.article ul, .article ol {
    padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}



.list-6{
   counter-reset:number;
   list-style-type: none;
   padding:0;
   margin:0;
}
.list-6 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-6 li:last-child { 
   border:none;
}
.list-6 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #ffa952; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}
.list-box-4{
   background: #fff9f9;/* 背景色 */
   border-radius: 4px;
   max-width: 1000px;
   padding: 2em;
   margin:0 auto;
   border:4px double;
   border-color:#ff7f7f; /* 線の色 */
}
@media screen and (max-width: 768px){
.article ul, .article ol {
    padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}

/************************************
** アイコンつきリスト
************************************/
/* ボックス全体 */
.iconbox{
  margin: 0 auto 2em; /* 余白 */
  background: #fef9ed; /* 背景色 */
  border-radius:4px; /* 角丸 */
  max-width:85%; /* 横幅 */
  padding: 0; /* 余白 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
}
/* ボックスタイトル */
.iconbox .box-title {
  font-size: 18px; /* 文字サイズ */
  background: #fdc44f; /* 背景色 */
  text-align: center; /* 文字配置 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字太さ */
  letter-spacing: 0.05em; /* 文字間隔 */
  border-radius:4px 4px 0 0; /* 角丸 */
  line-height:1.5; /* 行間 */
  padding:1em 2em; /* 余白 */
}
/* 段落の余白リセット */
.iconbox p {
  margin: 0;/* 文字の余白リセット */
  padding: 0; /* 文字の内側余白リセット*/
}
/* ボックス 中 */
.iconbox .iconbox-wrap{
  display:-webkit-box; /* 配置 */
  	display:-ms-flexbox; /* 配置 */
  display:flex; /* 配置 */
  padding:1.3em 2em; /* 余白 */
}
/* コンテンツ */
.iconbox .iconbox-wrap .box-content{
   width: 97%;/*横幅 */
   margin: 0 3% 0 0 !important;/* 余白 */
   line-height:1.8;/* 行間 */
  -ms-flex-item-align: center;/* 中央寄せ */
   align-self: center;/* 中央寄せ */
}
/* コンテンツ段落 */
.iconbox .iconbox-wrap .box-content p{
  margin-bottom:1em;/*余白 */
}
/* アイコン&吹き出し */
.iconballoon{
  -ms-flex-item-align: end; /* 下部に配置 */
  align-self: flex-end; /* 下部に配置 */
}
/* アイコン */
.iconballoon .icon{
  text-align:center;/* 位置を中央へ */
}
/* アイコン画像 */
.iconballoon .icon img{
  width: 120px; /* 横幅 */
  margin:0; /* 余白 */
}
/* アイコン画像 (amp)*/
.iconballoon amp-img{
  max-width: 120px !important; /* 横幅 */
  margin:0; /* 余白 */
}
/* 吹き出し文字 */
.iconballoon .balloon p{
  line-height:1.4; /* 行間 */
}
/* 吹き出し */
.iconballoon .balloon{
  position:relative; /* 配置 */
  width:140px; /* 横幅 */
  background:#fff; /* 背景色 */
  padding:10px; /* 余白 */
  text-align:center; /* 中央寄せ */
  border:2px solid #999;/* 線(太さ 種類　色) */
  color:#555555;/* 文字色 */
  font-size:14px;/* 文字サイズ */
  font-weight:bold;/* 文字太さ */
  border-radius:10px;/* 角丸 */
  margin-bottom:10px;/* 余白 */
  line-height:1.5; /* 行間 */
}
/* 吹き出し(三角) */
.iconballoon .balloon:after,.balloon:before{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  position:absolute;
  top:100%;
  left:50%;
}
.iconballoon .balloon:after{
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#FFFFFF;
}
.iconballoon .balloon:before{
   border-color:"rgba(153, 153, 153, 0)";
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    margin-top: 1px;
    border-top-color:#999999;
}
/*スマホ*/
@media screen and (max-width: 480px){
/* ボックスタイトル */
.iconbox .box-title {
  font-size: 14px; /* 文字サイズ */
}
/* ボックス 中 */
.iconbox .iconbox-wrap {
    padding: 1em 1em 1em 1.5em;/* 余白 */
}
/* コンテンツ */
.iconbox .iconbox-wrap .box-content{
  font-size:12px;/*文字サイズ */
}
/* アイコン画像 */
.iconballoon .icon img{
  width:80px;/* 横幅 */
  margin-top:5px;/* 余白 */
}
/* アイコン画像(amp) */
.iconballoon amp-img{
  max-width:80px !important;/* 横幅 */
  margin-top:5px;/* 余白 */
}
/* 吹き出し */
.iconballoon .balloon{
  width:80px;/* 横幅 */
  font-size:10px;/* 文字サイズ */
  padding: 1em 0;/* 余白 */
  border: 1px solid #999;/* 線(太さ 種類 色) */
}
/* 吹き出し(三角) */
.iconballoon .balloon:after {
    border-top-width: 12px;
    border-bottom-width: 10px;
    border-left-width: 11px;
    border-right-width: 11px;
    margin-left: -11px;
    border-top-color: #FFFFFF;
}
}
/************************************
** 箇条書き(点)
************************************/
/* 箇条書き */
.iconbox .list {
  list-style: none;/* 行頭記号削除  */
  padding: 0 !important;/* 余白リセット */
  margin: 0 !important;/* 余白リセット */
  border:none;/* 線リセット */
}
/* 箇条書き 行 */
.iconbox .list li { 
  position: relative;/* 行頭記号の配置  */
  margin: 0 0 0.5em 0 !important;/* 余白  */
  padding: 0 0 0.5em 1.4em !important;/* 余白 */
  line-height:1.8;/* 行間 */
}
/* 箇条書き 行頭記号 */
.iconbox .list li:before {
  background-color: #ffa952; /* 記号色 */
  position: absolute; /* 行頭記号の配置 */
  content: ''; /* 空文字 */
  top:13px; /* 上からの距離 */
  left: 0; /* 左からの距離 */
  width: 7px; /* 横幅 */
  height: 7px; /* 縦幅 */
  border-radius: 4px; /*角丸 */
}
/* 箇条書き 行頭記号リセット */
.iconbox .list-number li:after{
	content:'';
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号*/
   .iconbox .list li:before{
     top:8px;/* 上からの距離 */
   }
}
/************************************
** 箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.iconbox .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.iconbox .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き(番号) 行頭番号 */
.iconbox .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 14px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:4px;/* 上からの距離 */
   width: 22px;/* 横幅 */
   height: 22px;/* 縦幅 */
   line-height: 22px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .iconbox .list-number li{
     padding: 0 0 0.5em 2em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .iconbox .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 18px;/* 横幅 */
    height: 18px;/* 縦幅 */
    line-height: 18px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}

/*web font*/
.wf-mplus1p { font-family: "Mplus 1p";font-weight: 900; }
 
/* gurabtn3 */
.gurabtn3{
    display: block;
    width: 90%;
    margin: 20px auto;
    padding: 20px 10px;
    border-radius: 10px;
    border-bottom: 8px solid #2D79B5;
    color: #ffffff;
    font-size:32px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
  background: linear-gradient(45deg, #29A7E1, #29A7E1, #29A7E1, #29A7E1, #29A7E1, #29A7E1, LightCyan, #29A7E1, #29A7E1, #29A7E1, #29A7E1, #29A7E1, #29A7E1);
  background-color:#f00;
  background-size: 500% 500%;
  animation: guraBtn3 2s ease infinite;
}
@keyframes guraBtn3 { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@media only screen and (max-width: 480px) {
.gurabtn3{
    width: 90%;
    font-size:24px;
    }
}




CSS
/*web font*/
.wf-mplus1p { font-family: "Mplus 1p";font-weight: 900; }

/* gurabtn2 */
.gurabtn2{
    display: block;
    width: 90%;
    margin: 20px auto;
    padding: 20px 10px;
    border-radius: 10px;
    border-bottom: 8px solid #900;
    color: #ffffff;
    font-size:24px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
  background: linear-gradient(45deg, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493, pink, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493);
  background-color:#f00;
  background-size: 500% 500%;
  animation: guraBtn2 2s ease infinite;
}
@keyframes guraBtn2 { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@media only screen and (max-width: 480px) {
.gurabtn2{
    width: 90%;
    font-size:24px;
    }
}

/*web font*/
.wf-mplus1p { font-family: "Mplus 1p";font-weight: 900; }
 
/* gurabtn2 */
.gurabtn2{
    display: block;
    width: 80%;
    margin: 20px auto;
    padding: 20px 10px;
    border-radius: 10px;
    border-bottom: 8px solid #900;
    color: #ffffff;
    font-size:24px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
  background: linear-gradient(45deg, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493, pink, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493, #FF1493);
  background-color:#f00;
  background-size: 500% 500%;
  animation: guraBtn2 2s ease infinite;
}
@keyframes guraBtn2 { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@media only screen and (max-width: 480px) {
.gurabtn2{
    width: 90%;
    font-size:24px;
    }
}
/* btnAnime01 */

.btnAnime01 {
    -webkit-animation-name:btnAnime02;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease;
    
    -moz-animation-name:btnAnime02;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease;
}
@-webkit-keyframes btnAnime02 {
    0% {-webkit-transform:translate(0, 0);}
    50% {-webkit-transform:translate(0, -8px);}
    100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes btnAnime02 {
    0% {-moz-transform:translate(0, 0);}
    50% {-moz-transform:translate(0, -8px);}
    100% {-moz-transform:translate(0, 0);}
}
/*検索フォーム*/
.search-edit {
height:50px;
padding:0 10px; 
border-radius:25px !important;
outline:0;
background:#fff2f4;
}
[type="submit"].search-submit {
height:50px;
width:50px;
top:0;
right:0;
background:#f2c1ca;
color:#fff;
border:none;
border-radius:0 25px 25px 0;
}
[type="submit"].search-submit:hover{
color:#839b5c;
background:#ddd;
}

/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{border-radius: 10px;
background: #fff; /*背景色*/
border: 1px solid #f2c1ca; /*枠線色*/
color: #e8919f;} /*文字色*/

.ul_1{list-style:none;}
.ul_1 li:before{
font-family: "Font Awesome 5 Free";
content: "\f152"; /*アイコンフォント*/
font-weight: 900;
color:#5787b7; /*アイコンフォントの色*/
padding-right:5px;
font-size:14px;
list-style:none;
}

/*web font*/
.wf-mplus1p { font-family: "Mplus 1p";font-weight: 900; }

/* gurabtn1 */
.gurabtn1{
    display: block;
    width: 95%;
    margin: 15px auto;
    padding: 10px 10px;
    border-radius: 15px;
    border-bottom: 4px solid #0f4d38;
    color: #ffffff;
    font-size:20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
  background: linear-gradient(45deg, #20b2aa, #20b2aa, #20b2aa, #20b2aa, #20b2aa, #99fffa, #2efff5, #99fffa, #20b2aa, #20b2aa, #20b2aa, #20b2aa, #20b2aa);
  background-color:#EB5350;
  background-size: 500% 500%;  
}
@keyframes guraBtn { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@media only screen and (max-width: 480px) {
.gurabtn1{
    width: 95%;
    font-size:18px;
    }
}

/* SNSボタン開始 */
#main .button-caption {
  display: none;
}
#main .sns-share a {
  width: 2.5em;
  margin-left: 0.2em;
}
.sns-share-buttons {
  justify-content: center;
}
#main .social-icon {
  font-size: 25px;
}
/* SNSボタン終了 */



/*
 *広告画像影付け */
.adshadow {
  box-shadow: -5px 5px 10px rgba(0,0,0,0.25);
}

.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}


/*ボタンリンク装飾用*/
.btn-gradient-3d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}