/* ==========右にjob固定=============================== */ 
.job {  
position: fixed; 
bottom: 100px;
right: 23px; 
//z-index: 999; 
z-index: 1; 
}

/*------料金表３つボタン-------*/
.button{
  display: inline-block;
//  margin: 0.5% 1%;
  margin: 0 1%;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 180px;
//	padding: 1rem 4rem;
	padding: 0.6em;
	font-weight: bold;
	color: #000000;
	border-bottom: 2px solid #F5BD50;
	border-radius: 100vh;
	box-shadow: 0 2px 7px #F5BD50;
	-webkit-box-shadow: 0 2px 7px #F5BD50;
	transition: 0.5s;
}


.button:hover {
	color: #fff;
	background: #F5BD50;
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
}

/*------料金表見出し（強調表示）-------*/
midasi_1 {
  position: relative;
  padding: 0.1em 0.5em;
font-size: 1.3em;
font-weight: bold;
background-color: #FFFF00;
//  background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
//  background: linear-gradient(to right, rgb(255, 186, 115), transparent);
//background: linear-gradient(to right, #FFFF00, #ffffff);
//  color: #3E4823;
  color: #000000;

}


div.lists-posts-text ul.posts li.post{
	list-style-type:none;
}
div.lists-posts-text ul.posts li.post a:before{
	content:url(/wp-content/uploads/sites/22/question1.png);
	display:inline-block;
	vertical-align: middle;
	padding-right:10px;
}

/*強調下線、数値が低いほど太くなる*/
    .under1 {
      background: linear-gradient(transparent  50%, #ffff00  50%);
    }

/*------------------------契約までの流れのリスト---------------------*/
ol.nagare1{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0px;
}
ol.nagare1 li{
  position:relative;
  line-height: 42px;		/*ラインの上下*/
  margin: 7px 0 33px 33px;	/*上下左右のマージン*/
  padding-left:20px;
  font-weight: bold;
  font-size:20px;
  color: #3E4823;		/*追加*/
  border-bottom:dashed 2px #F5BD50;	/*ライン*/
}
ol.nagare1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -50px;
  width: 40px;		/*四角のサイズ*/
  height: 40px;
border-radius: 9px;	/*四方の丸み*/
  box-shadow: 10px 5px 5px #d4d4d4;	/*影の指定*/
  background: #F5BD50;
  text-align: center;	/*数字の位置をセンターに*/
  color: #3E4823;	/*テキストカラー*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-30%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*------------------------自己紹介囲み---------------------*/
.shokai {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #FFF1E4;/*背景色*/
//    border-top: solid 10px #F5BD50;
    border-top: solid 15px #3E4823;
    border-radius: 9px;
    line-height:25px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.shokai p {
    margin: 0; 
    padding: 0;
}

div.lists-telop{
width:auto;
}
/* ハッシュタグ群（投稿に表示） */
.hastags-wrapper .hashtags{
	margin: .25rem 0;
	display: flex;
	gap: .5rem;
}

/*-----------------------ハッシュタグリスト（ハッシュタグページに表示）---------------------*/
.hashtags-list h3{
	font-size: 1.0rem;
	margin: .5rem 0 1rem;
}
.hashtags-list h3 .hashtag{
	margin: auto .5rem;
	padding: .25rem .5rem;
	border: 1px solid gray;
	background-color: #FFF1E4;	/*--背景色--*/
	color: #065FD4;		/*--フォントカラー--*/
}
.hashtags-list ul{
	margin: 1rem 0 1rem 1rem;
}
.hashtags-list ul li{
	list-style-type: circle;
	margin: .5rem 0;
}
.hashtags-list ul li a{
	color: black;
}
.hashtags-list ul li a:hover{
	opacity: .5;
}

/* ハッシュタグ共通 */
.hashtag a{
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid gray;
	background-color: #FFF1E4;	/*--背景色--*/
	color: #065FD4;		/*--フォントカラー--*/
}
.hashtag a:hover{
	opacity: .5;
	text-decoration: none;
}