/*
Theme Name: napoli-child
template:napoli
Version: 1.7.3
*/


/*------------------------------------------
  レイアウト調整
------------------------------------------*/
body {
  text-size-adjust: 100%;
  background: #fcfcfc;
}

a:link, a:visited{
  color:#444;
}
a:hover, a:focus, a:active{
  color:#e45;
}
.primary-navigation{
  float:right;
}

.entry-header{
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.entry-header h1{
  font-size:2.4rem;
}
.page-header .archive-title{
  font-size:1.7rem;
  padding:1rem 1.5rem;
}

#main article img {
  max-width: 90%;
  height: auto;
  display: block;
  margin:0 auto;
  width: 100%;
  padding-top: 1.5rem;
}

.post-content h2 , .category_content h2{
  background: rgba(238, 68, 85, 0.1);
  padding: 0.5rem;
  border-top: 2px solid #e45;
}
.post-content h3 ,  .category_content h3{
  border-bottom:2px solid #ccc;
}

.nav-links h3{
  border-bottom:none;
}

#post-wrapper .entry-header{
  margin: 0;
  padding: 0;
} 
#post-wrapper h2{
  border-top:none;
  padding: 0;
  background: none;
}
#toc_container a{
  color:#444;
}

.comments-area , .meta-comments{
  display: none;
}

@media screen and (max-width:60em){
  .entry-header h1{
    font-size:1.4rem;
  }
  h2{
    font-size:1.2rem;
  }
  h3{
    font-size:1.1rem;
    padding: 0.2rem;
  }
}
  

/*------------------------------------------
追加クラス
------------------------------------------*/
.red{
  color:#e4192d;
  font-size:1.05rem;
  margin: 0 0.1rem;
}
.u_line{
  background: #ffed93;
  padding: 0.2rem 0.5rem;
  border-bottom: 3px solid #d6d615;
}
.bold{
  font-weight:600;
}

.sto_list{
  border:1px solid #2DADED;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  list-style: inside ;  
  background: rgba(45, 173, 237, 0.2);
}

.txtLink{
  text-align: right;
  margin-bottom: 2rem;
}

.txtLink a{
  color:#09c;
  font-size:1.2rem;
  border-bottom: 1px solid rgba(0, 153, 204, 0.8);
  text-decoration: none;
}

.txtLink a:after{
  content:"\f101";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-left:0.5rem;
}

.btnLink a{
  text-decoration: none;
  display: block;
  margin: 0 auto 2rem;
  text-align: center;
  width: 100%;
  max-width: 480px;
  background:linear-gradient(180deg , #ff6171 50% , #e45);
  font-size:1.2rem;
  color:#fff;
  padding: 0.3rem;
  box-shadow: 0 4px 3px 0px rgb(202, 125, 125);
  transition:all 0.2s;
}
.btnLink a:hover{
  transform: translate(0 , 4px);
  box-shadow: none;
  transition:all 0.2s;
}