@charset "utf-8";
/* CSS Document */


/*Single.php ----------------------------------------*/
.ArticleBox { background-color: #FFFFFF; margin: 20px;}
.ArticleCategory { font-size:1.6rem; font-weight: bold; margin-bottom: 10px}
.ArticleTitle { font-size: 2.0rem; position: relative; padding: .75em 1em .75em 1.5em;
  border: 0px solid #ccc; font-weight: normal; margin-bottom: 20px}

h1.ArticleTitle::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
	/* background-color: #FFFFFF !important;} */
	background-color: #d41e18;}

.ArticleDate { font-size: 1.4rem; text-align: right; background-color: #FFFFFF; padding: 10px 10px 10px 0px;
               color: #646464}

.dotted-line { width: 100%; border-top: 0px #cccccc dotted; margin-bottom: 10px}


/*投稿本文----------------------------------------*/
.MainText  { background-color: #FFFFFF; padding: 10px; margin-bottom: 20px}

.MainText h2 { font-size: 1.8rem; border-left: 5px #d41e18 solid; padding-left: 10px;
              margin-bottom: 20px; font-weight: bold; border-bottom: 2px #d41e18 solid; padding-bottom: 5px;
              margin-top: 40px}

.MainText h3 { font-size: 1.6rem; position: relative; font-weight: bold;
              border-bottom: 1px #d41e18 solid; padding-bottom: 5px;
              margin-bottom: 20px}

.MainText h4 { font-size: 1.6rem; position: relative; padding-left: 15px; font-weight: bold}

.MainText h5 { font-size: 1.6rem; position: relative; padding-left: 15px; font-weight: bold}

.MainText h4:before {
  display: block;
  content: '';
  position: absolute;
  top: 6px !important;
  left: 0px !important;
  width: 5px;
  height: 5px;
  border-right: 3px solid #d41e18;
  border-bottom: 3px solid #d41e18;
  -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}

.MainText a:link { color: #000D99}
.MainText a:visited { color: #2B39CC}

.MainText p { font-size: 1.6rem;}

.MainText ul { margin-bottom: 20px; padding: 10px;
	           padding-left: 40px}

.MainText ul li { list-style: disc; font-size: 1.6rem;
                 line-height:2.0em; letter-spacing:0.5pt;
                 font-weight: bold; border-bottom: 1px #FFFFFF dotted}

.MainText ol { margin-bottom: 20px; padding: 10px;
	           padding-left: 40px}

.MainText ol li {list-style: decimal outside; font-size: 1.4rem;
                 line-height:2.0em; letter-spacing:0.5pt;
                 font-weight: bold; border-bottom: 1px #FFFFFF dotted}

.MainText img { margin-bottom: 10px}

.BlogDate { font-size: 1.2rem; color: #888888; margin-bottom: 20px}

.PreNextBox ul {list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;}

.PreNextBox ul li {font-size: 1.4rem; float: left; width: 44%; background-color: #F5F5F5; padding: 2%; margin-right: 2%;
                   border-top: 10px #4D72B3 solid}
.PreNextBox ul li a {color: #1d3994}

.PreNextBox h2 { color: #888888; font-size: 1.6rem }


/*サイドバー----------------------------------------*/
.sidebar-wrapper{ }

.sidebar-title { font-size: 1.6rem}

.sidebar-wrapper ul {margin-bottom: 20px; padding: 20px 20px 20px 20px; background-color: #F9F9F9; border: 1px #cccccc solid;}
.sidebar-wrapper ul li {list-style: none; font-size: 1.4rem;line-height:140%;
             border-bottom: 1px #cccccc dotted; margin-bottom: 10px; padding-bottom: 10px}
.sidebar-wrapper ul li a {color: #1d3994}


ul#pagination {
    list-style-type: none;
    overflow: hidden;
    padding: 0 10px;
    margin: 15px 0;
}
ul#pagination.posts li {

}
ul#pagination.posts li a {
    display: block;
    padding: 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #556b2f;
    color: #fff;
}
ul#pagination.posts li a:hover {
    background-color: #99C348;
}
ul#pagination.post li.next,
ul#pagination.posts li.prev {
    float: left;
}
ul#pagination.post li.prev,
ul#pagination.posts li.next {
    float: right;
}

.screen-reader-text { display: none}

.sidebar-wrapper select { width: 100% !important; height: 30px; margin-bottom: 20px;
                      font-size:1.4rem }







/* width 769以上 */

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

/*Single.php ----------------------------------------*/

.ArticleCategory { font-size:1.8rem; margin-bottom: 10px}

.ArticleTitle { font-size: 3.0rem}


/*MainText----------------------------------------*/
.MainText {}

.MainText h2 { font-size: 2.0rem; border-left: 5px #d41e18 solid; padding-left: 10px}
.MainText h3 { font-size: 1.8rem}
.MainText h5 { font-size: 1.6rem}

.MainText a:hover { color: #2B39CC; text-decoration: underline}

.MainText ol li {font-size: 1.6rem}
.MainText ul li {font-size: 1.6rem}

.BlogDate { font-size: 1.4rem}


.sidebar-wrapper ul li a:hover {color: #356FBD; text-decoration: underline}

}