/*-------------------右下に動画固定-----------------------------------*/
//.fixed_btn { 
//position: fixed;
//bottom: 80px;
//right: 0px;
//z-index: 999;		/フッターの下に隠れないように最前面へ表示*/
//}

/*-------------記帳代行ページ一番下の囲み-----------------*/
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #90CDF4;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/*-------------melitのチェックリスト-----------------*/
ol.list_melit{
  counter-reset:li;
  padding: 0.5em 0.5em 0.5em 2em;
  font: 18px/1.6 'arial narrow', sans-serif;
//  width:350px;
  width:850px;
  list-style: none;
}
.list_melit li{
  position: relative;
  padding: 13px 4px 10px 30px;
  margin-top: 0.8em;
//  border-bottom: 1px dashed #EAF6FD;
  border-bottom: 1.5px dashed #004A74;
  font-size: 23px;
  color: #333;
//  color: #1B719F;
font-weight: bold;
}
 
.list_melit li:before{
  counter-increment: li;
  content: counter(li);
  position: absolute;    
  z-index: -1;
  left: -5px;
  top: -3px;
//  background: #f5f5f5;
  background: #C7E5F2;
  height: 1.5em;
  width: 1.5em;
  border: .1em solid rgba(0,0,0,.05);
  text-align: center;
  font: italic bold 1em/1.3em Georgia, Serif;
  color: #ccc;
  border-radius: 1.5em;
  transition: all .2s ease-out;
}
 
.list_melit li:hover:before{
  background-color: #C7E5F2;
  border-color: rgba(0,0,0,.08);
  border-width: .2em;
  color: #444;
  transform: scale(1.5);
}


/*-------------チェックリスト-----------------*/
.check-list{
	list-style: none;
	margin-left: 20px;
}
 
.check-list li{
  position: relative;
  padding-left: 5px; 
}
 
 
.check-list li:not(:first-child) {
  margin-top: 5px;
}

.check-list li:before {
  display: block;
  position: absolute;
  top: 6px;
  left: -18px;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border-bottom: 2px solid #2C93BC;
  border-left: 4px solid #2C93BC;
  content: "";
 }


/*-------------チェックリスト２-----------------*/
ul.cp_list {
	padding: 0.5em;
	list-style-type: none;
}
ul.cp_list li {
	position: relative;
	padding: 0.5em 1em 0.0em 2.3em;
	margin-bottom:5px;
	border-bottom: 1.5px dashed #1B719F;
}
ul.cp_list li:after,
ul.cp_list li:before{
	content:'';
	position: absolute;
	border-radius: 50%;
}
ul.cp_list li:before {
	top: 50%;
	left: 0.2em;
	width: 17px;
	height: 17px;
	background: #1B719F;
	transform: translateY(-50%);
}
ul.cp_list li:after {
	top: 1.1em;
	left: 0.7em;
	width: 14px;
	height: 14px;
background: rgba(25,118,210, 0.5);
}

/*-------------チェックリスト３（大）-----------------*/
ul.cp_listlarg {
	padding: 0.5em;
	list-style-type: none;
}
ul.cp_listlarg li {
//text-align: left;
	position: relative;
	padding: 0.5em 1em 0.0em 2.8em;
	margin-bottom:5px;
	border-bottom: 1.5px dashed #1B719F;
}
ul.cp_listlarg li:after,
ul.cp_listlarg li:before{
	content:'';
	position: absolute;
	border-radius: 50%;
}
ul.cp_listlarg li:before {
	top: 50%;
	left: 0.2em;
	width: 25px;
	height: 25px;
	background: #1B719F;
	transform: translateY(-50%);
}
ul.cp_listlarg li:after {
	top: 1.7em;
	left: 0.9em;
	width: 20px;
	height: 20px;
background: rgba(25,118,210, 0.5);
}




/*-------------見出し-----------------*/
midasi {
font-size: 1.4em;
  position: relative;
padding-top:0.2em;
//padding-bottom:0.2em;
padding-right:8.5em;
padding-left:1.8em;
  color: #333;
  text-shadow: 0 0 2px white;
  background: #e0f3ff;
//  z-index: -4;
  z-index: 4;
  border-radius: 0 10px 10px;
}

midasi:before {
  content: "";
  position: absolute;
  background: #9de5ff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
//  z-index: -1;
 z-index: 1;
}

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

/* ハッシュタグリスト（ハッシュタグページに表示） */
.hashtags-list h3{
	font-size: 1.25rem;
	margin: .5rem 0 1rem;
}
.hashtags-list h3 .hashtag{
	margin: auto .5rem;
	padding: .25rem .5rem;
	border: 1px solid gray;
	background-color: darkgray;
	color: white;
}
.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: darkgray;
	color: white;
}
.hashtag a:hover{
	opacity: .5;
	text-decoration: none;
}