/* カスタム CSS をここに入力してください */


h2#midashi2 {border-left:none;
  background: #000099!important; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.0em!important;/*角の丸み*/
}

h2#midashi2green {border-left:none;
  background: #003300; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}

h2#midashi2kon {border-left:none;
  background: #000080;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h2#midashi2red {border-left:none;
  background: #222222!important;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h3#midashi3 {border-left:none;
  background: #5FB3F5; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}

h3#midashi3green {border-left:none;
  background: #003300; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.5em;/*角の丸み*/
}

h3#midashi3board {border-left:none;
  background: linear-gradient(transparent 70%, #5FB3F5 70%);
}

h3#midashi3konboard {border-left:none;
  background: linear-gradient(transparent 70%, #000080 70%);
}

h3#midashi3redboard {border-left:none;
  background: linear-gradient(transparent 70%, #555555 70%)!important;
}

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

h3#midashi3greenboard {border-left:none;
  background: linear-gradient(transparent 70%, #222222 70%);
}

h2#midashi2mura {border-left:none;
  background: #330033;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h3#midashi3muraboard {border-left:none;
  background: linear-gradient(transparent 70%, #DDDDDD 70%)!important;
}

h2#midashi2kuro {border-left:none;
  background: #222222;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h3#midashi3kuroboard {border-left:none;
  background: linear-gradient(transparent 70%, #222222 70%);
}

.btn-push {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height:65px;
  text-align: center;
  background-color: #26a50e;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  padding: 18px 24px;
  border-radius: 4px;
  border-bottom: 4px solid #006600;
}

.btn-push:active {
    transform: translateY(4px);
    border-bottom: none;
}

.kime-btn {
    font-size:16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 300px;
    margin-bottom: 1em;
}
 
.kime-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
  height:65px;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#26a50e;
    color: #ffffff !important;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.kime-btn a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}

/*カテゴリー
===================================*/
.widget_categories ul .cat-item a::before{
    line-height: 10!important;
  margin-top: 15px!important;
  margin-bottom: 15px;
    content: "\f0da"; 
    color: #499eda;
    padding-right: 10px;
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 22px!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}
.widget_categories ul .cat-item{
    border-top: 1px dotted #e1e1e1;
}
.widget_categories ul .cat-item:last-child{
     border-bottom: 1px dotted #e1e1e1;
}
.widget_categories ul li a{
    padding: 20px 0!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
}
.sidebar .widget-sidebar-title{
   	color: #499eda;
	background-color: #fff;
	margin: 26px 10px 10px 10px!important;
	padding: 26px 0 10px 5px!important;
}
.sidebar .widget_categories .widget-sidebar-title:before {
    line-height: 10!important;
  margin-top: 30px!important;
    content: "\f07b";
    color: #499eda;
    padding-right: 5px;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: 22px!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    animation: horizontal 3s ease infinite;
    -webkit-animation: horizontal 3s ease infinite;
}

.kime-btn2 {
    font-size:16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 300px;
    margin-bottom: 1em;
}
 
.kime-btn2 a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
  height:65px;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#ed254e;
    color: #ffffff !important;
    padding: 18px 0;
    text-align: center;
    text-decoration: none!important;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.kime-btn2 a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}

h4#midashi4board{border-left:none;
  background: linear-gradient(transparent 70%, #DDDDDD 70%)!important;
}

h3#midashi3kon{border-left:none;
  background: #333333!important; /*背景色*/
  padding: 0.5em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.0em!important;/*角の丸み*/
}

h2#midashi2kong{
	padding: .5em .5em .5em 1em; /*上下左右の余白*/
	color: white;/*文字を白に*/
	background-color: #222222; /*背景色*/
	border-left: solid 6px #000033; /*左線（線種 太さ 色）*/
}

.list1 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff;
}
.list1 li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.list1 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  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%);
}

.list2 {
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.list2 li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

.list2 li:before {
  font-family: "Font Awesome 5 Free"!important;
  content: "\f00c"!important;
	font-weight: 900;
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

.list3 {
  border: solid 2px #ffb03f;
  padding: 0.5em;
  position: relative;
  margin-top: 2em;
}
.list3 li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
.list3 li:last-of-type {
  border-bottom: none;
}
.list3 li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコン種類*/
	font-weight: 900;
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}
.list3 li:after {
  /*タイトルタブ*/
  background: #ffb03f;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content: "POINT";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
}

.list4 {
  border: solid 2px #ffb03f;
  padding: 0.9em 1em 0.9em 2.3em!important;
  position: relative;
  margin-top: 2em;
}
.list4 li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.list4 li:before {
  /*リストのアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
	font-weight: 900;
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #ffb03f; /*アイコン色*/
}
.list4 li:after {
  /*タブ*/
  background: #ffb03f;
  color: #fff;
  font-family: "Font Awesome 5 Free",'Avenir','Arial',sans-serif;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content: '\f0a7  Check';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
}

h4#midashi4konboard {border-left:none;
  background: linear-gradient(transparent 90%, #000080 90%)!important;
}

.list8{list-style:none;}

.list10{list-style:none;}
.list10 {
  background: #EEEEEE;/*灰色に*/
  border-radius :8px;
  box-shadow :0px 0px 5px silver;
  padding: 0.8em 0.5em 0.8em 2em!important;
}
.list10 li {
  line-height: 1.2;
  padding: 0.5em 0;
}

.kime-btn3 {
    font-size:16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 90%;
    margin-bottom: 1em;
}
 
.kime-btn3 a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
  height:65px;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#ed254e;
    color: #ffffff !important;
    padding: 18px 0;
    text-align: center;
    text-decoration: none!important;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.kime-btn3 a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}

.kime-btn4 {
    font-size:16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 90%;
    margin-bottom: 1em;
}
 
.kime-btn4 a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
  height:65px;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#26a50e;
    color: #ffffff !important;
    padding: 18px 0;
    text-align: center;
    text-decoration: none!important;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.kime-btn4 a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}