@charset "utf-8";

@media print,screen and (min-width : 501px) {

/** sidemenu
---------------------------------------- */
#sidemenu dt{
  font-size:24px;font-size:2.4rem;
  padding-bottom: 14px;
  border-bottom:solid 1px #000000;
}
#sidemenu dd{
  margin: 20px 0 40px 0;
}

/** side-categories
---------------------------------------- */
#side-categories li{
  margin-bottom: 4px;
}

/** side-archive
---------------------------------------- */
#side-archive select{
  width: 100%;
  background-color: #f2efec;
  border:solid 1px #c8c8c8;
  padding: 8px;
  font-family:"NotoSerifJP-2";
}

/** side-new-article
---------------------------------------- */
#side-new-article li{
  border-bottom:solid 1px #c8c8c8;
  padding: 10px 0;
}
#side-new-article li a{
  display: block;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#side-new-article .fb-left{
  width: 80px;
}
#side-new-article .fb-right{
  flex: 1;
  margin-left: 10px;
  line-height: 1.0;
  font-size:14px;font-size:1.4rem;
}
#side-new-article .fb-right .date{
  font-size:12px;font-size:1.2rem;
  margin-bottom: 4px;
}

/** sidebanner
---------------------------------------- */
#sidebanner{
  margin-top: 60px;
}

#sidebanner li{
  margin-bottom: 10px;
}

}
@media screen and (max-width : 500px) {

/** sidemenu
---------------------------------------- */
#sidemenu{
  padding: 20px;
  background-color: #f2efec;
  border-radius:10px;
}
#sidemenu dt{
  font-size:20px;font-size:2.0rem;
  padding-bottom: 10px;
  border-bottom:solid 1px #000000;
}
#sidemenu dd{
  margin:10px 0 20px 0;
}

/** side-categories
---------------------------------------- */
#side-categories li{
  margin-bottom: 4px;
}

/** side-archive
---------------------------------------- */
#side-archive select{
  width: 100%;
  background-color: #f2efec;
  border:solid 1px #c8c8c8;
  padding: 8px;
  font-family:"NotoSerifJP-2";
}

/** side-new-article
---------------------------------------- */
#side-new-article li{
  border-bottom:solid 1px #c8c8c8;
  padding: 8px 0;
}
#side-new-article li a{
  display: block;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#side-new-article .fb-left{
  width: 60px;
}
#side-new-article .fb-right{
  flex: 1;
  margin-left: 10px;
  line-height: 1.1;
  font-size:12px;font-size:1.2rem;
}
#side-new-article .fb-right .date{
  font-size:12px;font-size:1.2rem;
  margin-bottom: 4px;
}

/** sidebanner
---------------------------------------- */
#sidebanner{
  margin-top: 40px;
}

#sidebanner li{
  margin-bottom: 10px;
}


}