body{background-color:#151d28}
.main-content{color:white;padding:0 4%}
/*リンク*/
.main-content a:link {color:#4cc9f0;text-decoration:underline;}
.main-content a:visited{color:#60a5fa;text-decoration:underline;}
.main-content a:hover {color:#4cc9f0;text-decoration:underline}
.main-content a:active {color:#4cc9f0;text-decoration:underline}
/*navのリンク色*/
a.navlink-articles{background-color:#008899;font-weight:bold;}

.articles-sitemap {
  color:#abb8c8;font-size:0.9em;margin-top:5px;
}

.main-content-title1 {border-bottom:2px solid white;padding:5px;margin-top:0;margin-bottom:8px;}
.articles-date{color:#abb8c8;text-align:left;margin-bottom:40px}
/* 🟦スマホ画面🟦 */
@media (max-width: 767px){
  .main-content-title1 {margin-right:65px}
  .articles-sitemap {margin-right:65px}
}
/* pc画面 */
@media (min-width: 768px){
  .main-content {padding:0 12%}
}

.about-box{border:solid 1px #abb8c8;padding:7px;border-radius:7px;margin-bottom:3em}
.about-box>div{margin-bottom:1em}
.about-box>div:last-of-type {margin-bottom:0}

.main-content-img {width:100%;height:auto;margin:0 0 15px 0}

.main-content-border{border-bottom:dashed 1px #abb8c8;margin:25px 0}

.main-content-section{margin-bottom:3em}

.demo-section{background-color:#272936;padding:15px;margin:15px 0}
.demo-section img{display:block;width:100%}

pre{margin-bottom:30px}
.highlighted-green{color:#32d560}




/*▲▲▲▲▲bottom▲▲▲▲▲*/