/*
Theme Name: wordpress template
Theme URI: NA
Author: NA
Author URI: NA
Description: NA
Version: 1.0.0
*/

@charset "utf-8";

/* COMMON */
body {
  font-size: 14px;
}

body {
 background: #eee;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
 margin: 0;
}

.title, .main {
 margin:auto;
 max-width: 1024px;
}

.title {
 font-family: Georgia;
 font-size: 24px;
 color: white;
}

.title a {
 color: white;
 text-decoration: none;
}


.article {
 background: white;
 padding: 50px;
 margin-right: 30px;
 margin-left: 0px;
 margin-top: 0px;
 max-width: 800px;
 line-height: 200%;
 margin-bottom: 30px;
/*
 border-bottom: 1px solid #ccc;
*/
}

.article h2 a {
 color: black;
 text-decoration: none;
}

.article h2 {
 border-left: 8px solid #357;
 padding-left: 15px;
}

.category ul {
 list-style-type: none;
 display: flex;
 margin: 0;
 padding:0;
}

.category ul li {
 margin: 0;
 background: #ddd;
 padding-left: 5px;
 padding-right: 5px;
 border-radius: 4px;
 font-size: small;
}

.category ul li a {
 color: black;
 text-decoration: none;
}

.article_header {
 display: flex;
 padding-bottom: 1em;
 border-bottom: 1px solid #ddd;
}

.date {
 margin-right: 1em;
}


div.main {
  display:flex;
}


ul.menu {
 line-height: 200%;
 padding-bottom: 30px;
 padding-left: 20px;
 min-width: 200px;
}

ul.menu li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul.menu li h2 {
 margin-top: 50px;
 font-size: 16px;
}

ul.menu li:first-child h2 {
 margin-top: 0px;
}


ul.menu li ul {
 margin: 0;
 padding: 0;
}

ul.menu a {
 color: #555;
}

header {
 background: #345;
 margin: 0;
 padding: 30px;
 margin-bottom: 30px;
}


@media screen and (max-width: 480px) {
  div.main {
    display:block;
  }

  header {
    margin-bottom: 0;
  }

  .article {
   background: white;
   padding: 30px;
   margin-right: 00px;
   margin-left: 0px;
   margin-top: 0px;
   max-width: 800px;
   line-height: 200%;
   margin-bottom: 5px;
  }
}