@charset "UTF-8";
#articles a,
.hatena-module-recent-entries a{
  text-decoration: none;
}
#articles p,
.hatena-module-recent-entries p{
  margin: 0;
}
#articles ul li:not(:last-child),
.hatena-module-recent-entries ul li:not(:last-child) {
  margin-bottom: 0;
}

#articles p, #articles  a, #articles a:visited,
.hatena-module-recent-entries p, .hatena-module-recent-entries a,.hatena-urllist a.urllist-title-link, .hatena-module-recent-entries a:visited {
  color: #ffffff;
  font-weight: 500;
}

#container #topRecentEntry,
#entry-footer-secondary-modules .hatena-module.hatena-module-recent-entries.hatena-module-custom-articles.recommend-list-wrap{
	width: 1200px;
  margin: 0 auto;
}

#entry-footer-secondary-modules .hatena-module.hatena-module-recent-entries.hatena-module-custom-articles.recommend-list-wrap{
padding: 0
}
.page-entry #articles .articles_ul,
.page-entry #entry-footer-secondary-modules .hatena-module.hatena-module-recent-entries.hatena-module-custom-articles.recommend-list-wrap{
padding: 74px 0 165px;
}

#articles ul,
.hatena-module-recent-entries ul{
  margin: 0;
  padding: 0;
}
#articles ul li {
  list-style-type: none;
  color: #ffffff;
}

#articles .width1200 {
  width: 1200px;
  margin: 0 auto;
}

#articles .articles_title ,
.hatena-module-recent-entries .hatena-module-title{
  text-align: left;
  position: relative;
  padding-bottom: 0;
}
#articles .articles_title::before {
  content: "New Articles";
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
}
#articles .articles_title,
.hatena-module-recent-entries .hatena-module-title a {
  font-size: 45px;
  font-weight: 700;
  line-height: 60.4px;
  position: relative;
  padding-top: 42px;
  margin-bottom: 50px;
  text-align: left;
  display: block;
}
.hatena-module-recent-entries .hatena-module-title a::before{
  content: "New Articles";
  font-size: 20px;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  line-height: 40px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
}
.hatena-module-recent-entries .hatena-module-title::after{
  content: none;
}
#articles .articles_ul ,
.hatena-module-recent-entries .hatena-urllist {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 30px;
  align-items: flex-start;
}
#articles .articles_ul .articles_list,
.hatena-module-recent-entries .hatena-urllist .urllist-item {
  list-style-type: none;
  color: #ffffff;
  width: 30%;
  border: none;
  padding-bottom: 0!important;
  margin-bottom: 0!important;
}
    
#articles .articles_ul .articles_list:nth-of-type(n+4),
.hatena-module-recent-entries .hatena-urllist .urllist-item:nth-of-type(n+4) {
  margin-top: 39px;
}
@media screen and (min-width: 768px) {
    .page-entry .recommend-list-wrap .hatena-urllist{
        justify-content: space-between;
        max-width: 1200px;
        min-width: inherit;
}
    .page-entry .recommend-list-wrap .urllist-item + .urllist-item {
       margin-left: 0;
    }
.page-index #container #wrapper a.urllist-see-more-link{
  width: 140px;
}
 .page-index #container #wrapper a.urllist-see-more-link:after{
top:4.5px;
}
}
#articles .articles_ul .articles_list .articles_list--img,
.hatena-module-recent-entries .hatena-urllist .urllist-item .urllist-image-link{
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
  overflow: hidden;
  display: block;
}
#container .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .time span.wm-vertical{
  --webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
}
#articles .articles_ul .articles_list .articles_list--img img,
.hatena-module-recent-entries .hatena-urllist .urllist-item .urllist-image-link img{
  display: block;
  width: 100%;
  transition: .3s;
}
#articles .articles_ul .articles_list p {
  margin-bottom: 10px;
}
#articles .articles_ul .articles_list p.articles_list--date,
.hatena-module-recent-entries .hatena-urllist .urllist-item .time span.wm-vertical {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
  --webkit-writing-mode: horizontal-tb; 
  writing-mode: horizontal-tb;
}
#articles .articles_ul .articles_list p.articles_list--title,
.hatena-module-recent-entries .hatena-urllist .urllist-item .article-title a {
  font-size: 20px;
  line-height: 35px;
  padding-bottom: 10px;
}
#articles .articles_ul .articles_list .articles_list--tag ,
.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories {
  display: inline-block;
  margin-top:10px;
  line-height: 1;
}
#articles .articles_ul .articles_list .articles_list--tag li ,
.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories a {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  margin: 0;
  margin-right: 15px;
  display: inline-block;
  background:none;
  border: none;
  padding:0;
}
#articles .articles_ul .articles_list .articles_list--tag li a{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
}
#articles .articles_ul .articles_list .articles_list--tag li:first-of-type,
.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories a:first-of-type {
  line-height: 23px;
  padding: 0 12px;
  border: 1px solid #ffffff;
  border-radius: 13px;
  min-height: 25px;
  text-decoration: none;
  transition: .3s;
}
#articles .articles_ul .articles_list .articles_list--tag li:first-of-type:hover,
.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories a:first-of-type:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color: #592063;
}
#articles .articles_ul .articles_list .articles_list--tag li:not(:first-of-type)::before,
.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories a:not(:first-of-type)::before {
  content: "#";
}
.hatena-module-recent-entries .hatena-urllist .urllist-item .article-title a.urllist-title-link:hover,
.page-index .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories .recent-entries-category-link:hover,
.page-entry .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories .recent-entries-category-link:not(:first-of-type):hover{
  text-decoration: underline !important;
  text-decoration-thickness:1px!important;
}

.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories .icon{
  display: none;
}
#articles .articles_ul .articles_list:nth-of-type(3n),
.hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item:nth-of-type(3n) {
  margin-right: 0;
}
 .urllist-read-more-btn{
    display: none;
}

@media screen and (max-width: 640px){
    #articles,
    #container #topRecentEntry,
    .page-entry #entry-footer-secondary-modules .hatena-module.hatena-module-recent-entries.hatena-module-custom-articles.recommend-list-wrap{
      width: 100%;
      padding: 0 5.33vw;
    }
    .hatena-module-recent-entries .hatena-module-title{
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    #articles .articles_title,
    .hatena-module-recent-entries .hatena-module-title a{
        font-size: 35px;
        line-height: 50px;
        padding-top: 46px;
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    #articles .articles_title::before,
    .hatena-module-recent-entries .hatena-module-title::before {
        font-size: 18px;
        line-height: 20px;
        top: 18px;
        left: 5.33vw;
    }

    .page-entry .hatena-module-recent-entries .hatena-module-body .hatena-urllist{
        margin-bottom: 80px;
}

    #articles .articles_ul .articles_list,
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item {
        width: 46.2687%;
    }
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories {
      display: inline;
    }
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-categories .urllist-category-link {
      font-size: 12px;
      margin-right: 4px;
      display: inline;
      background: none;
    }
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item p {
      margin-bottom: 5px;
    }
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item p.wm-vertical {
      font-size: 12px;
    }
    #articles .articles_ul .articles_list:nth-of-type(n+3),
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item:nth-of-type(n+3) {
        margin-top: 30px;
    }
    #articles .articles_ul .articles_list .articles_list--img,
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .urllist-image-link{
        margin-bottom: 10px;
    }
    #articles .articles_ul .articles_list .articles_list--img img {
        margin-bottom: 7px;
    }
    #articles .articles_ul .articles_list p {
        margin-bottom: 5px;
    }
    #articles .articles_ul .articles_list p.articles_list--date,
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .time span.wm-vertical{
        font-size: 12px;
        padding-bottom: 5px;   
        font-size: 12px;
    }
    #articles .articles_ul .articles_list p.articles_list--title,
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .article-title,
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item p.articles_list--title{
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 5px;
    }
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item .article-title a{
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 5px;
    }
    .hatena-module-recent-entries .hatena-module-title a::before {
        font-size: 18px;
        line-height: 20px;
        top: 18px;
        left: 0;
    }
    #articles .articles_ul .articles_list .articles_list--tag {
        display: inline;
    }
    #articles .articles_ul .articles_list .articles_list--tag li {
        font-size: 12px;
        margin-right: 17px;
        display: inline;
    }
    #articles .articles_ul .articles_list:nth-of-type(3n),
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item:nth-of-type(3n) {
    }
    #articles .articles_ul .articles_list:nth-of-type(2n),
    .hatena-module-recent-entries .hatena-module-body .hatena-urllist .urllist-item:nth-of-type(2n) {
        margin-right: 0;
    }
    #articles .articles_button {
        display: block;
        width: 114px;
        height: 27px;
        margin: 0 auto 82px;
        font-size: 20px;
        line-height: 20px;
        border-bottom: 1px solid #ffffff;
        position: relative;
    }
    #articles .articles_button:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        transform: rotate(45deg);
        position: absolute;
        top: 8px;
        right: 2px;
    }
}