@charset "UTF-8";
/* リセット */
body {
    margin: 0;
    padding: 0;
    color: #363833;
    background-color: #fff;
    overflow-x:hidden;
    font-size: 90%;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
    -webkit-text-size-adjust: none
    }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
    }
blockquote {
    background-color: #ddd;
    padding: 1em 1em 1em 3em;
    position: relative;
    clear:both;
    }
blockquote:before {
    content: "“";
    font-size: 600%;
    line-height: 1em;
    font-family: "ＭＳ Ｐゴシック", sans-serif;
    color: #999;
    position: absolute;
    left: 0;
    top: 0
    }
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ""
    }
.clearfix:after {
    clear: both
    }
h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    font-size: 100%
    }
img {
    border: 0
    }
ul {
    padding: 0;
    margin: 0;
    list-style: none
    }
a {
    text-decoration: none;
    color: #1996d3
    }
a:hover {
    text-decoration: underline
    }



/*汎用 */
.mt30 {
    margin-top: 30px
    }
.w88 {
    width: 88%;
    margin: auto
    }
.inner {
 width:88%;
 display:block;
 margin:auto;
 }

/*共通*/
.logo {
  position:relative;
  left:-10px;
  }
.header {
    border-bottom: 1px solid #ccc;
    background: #0068d3;
    padding: 10px 0px;
    color: white;
    margin: 20px 0px;
    text-align:center;
    }
.header ul {
    padding:0px;
    margin:0px;
    list-style:none;
   }
.header ul li {
     float:left;
     margin-right:20px;
      border-right: 1px solid;
    padding-right: 20px;
    }
.header ul li a {
 color:white;
 }

.leftcolum {
    width: 65%;
    float: left;
    margin-right: 5%
    }
.leftcolum h1,
.leftcolum h２,
.leftcolum h3 {
 margin-bottom:10px;
 }
.body {
 margin-top:30px;
 }
#article h1 {
 font-size:140%;
 }
#article h3 {
 font-size:120%;
 }
#article .block {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 1%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
    }
#article p {
  font-size:110%;
  line-height:160%;
  margin-bottom:20px;
  text-indent:10px;
  }
#article ol, #article ul {
 font-size:110%;
 line-height:180%;
 }
#article li {
 margin-bottom:10px;
 }
.breadcrumb {
 margin:20px 0px;
 }
.pagenator {
 margin:10px 0px;
 }

.editer {
 border: 1px solid #222;

}
.editer .leftimg {
    float: left;
    margin: 10px;
    width: 110px;
}
.editer img.faceimg {
    border: none !important;
    display: block;
    width: 100px;
    height: auto;
}
.editer h5 {
    height: 30px;
    background: #222 url(../images/icon_writter.png) no-repeat 18px 7px;
    color: #fff !important;
    padding: 10px 0 0 45px;
}
.profile h6 {
 font-size:100%;
 margin:10px;
 }
.profile p {
 margin-bottom:10px;
 }
 
.inquiry a {
 display: block;
 background: #09c;
 color: white;
 width: 200px;
 margin: auto ;
 text-align: center;
 padding: 10px ;
 margin-bottom:10px;
}
 
 
 
.side {
 float:left;
 width:29%;
 }
.side .recent img.thumbnail {
 width:90px;
 display:inline-block;
 margin-right:10px;
 }
.side ul li .left {
 float:left;
 width:90px;
 margin-right:5px;
}
.side ul li .right {
 float:left;
 width:200px;
}
.side h3 {
 margin-bottom:20px;
 font-size:150%;
 border-bottom:1px solid;
 }
.side > div {
 margin-bottom:30px;
 }
.side .recent ul li span.date {
 margin-bottom:5px;
 display:inline-block;
 }
.side .recent ul li{
 display:block;
 margin-bottom:10px;
 min-height:140px;
 border-bottom:1px solid #ccc;
}
.side  h4 {
 margin-bottom:15px;
 padding-bottom:10px;
 color:#0068d3;
 border-bottom:1px solid #0068d3;
 }
.side .category ul li ul {
 margin-left:20px;
 } 
 
.footer {
 width:100%;
 border-top:1px solid #ccc;
 text-align:center;
 padding:10px 4px;
 font-size:80%;
 line-height:140%;
}

@media (max-width: 767px){

.leftcolum {
 width:100%;
 float:none;
 }
.side {
 width:100%;
 float:none;
 }

/*共通*/
.header {
 margin:0px 0px 20px 0px;
 border-bottom: 1px solid #ccc;
 background: #0068d3;
 padding: 20px 0px;
 color: white;
}
.logo {
 text-align:left;
 }
.header .blog_title {
 display:block;
 font-size:125%;
 margin-bottom:10px;
  line-height:140%;
  font-weight:bold;
 }
.header .blog_title a {
  color:white;
  }
.header .subt_title {
 line-height:140%;
 font-size:90%;
 }
 
.header ul li {
 width: 49%;
 text-align: left;
 float:left;
 border-right:0px;
 margin:0px;
 padding:0px;
 }
#article {
 text-align:left;
 word-break: break-all;
 padding-bottom:20px;
 }
#article h1.title {
 margin-bottom:25px;
 font-size:150%;
 line-height:140%;
 }
#article h3, #article h4 {
 font-size:120%;
 margin-bottom:10px;
 }
#article ul {
 margin:30px;
 list-style-type:disc;
 font-size:110%;
 }
#article ol {
 margin:30px;
 font-size:110%;
 }
#article ol li,#article ul li {
 line-height: 180% !important;
 }
#article .block h3 {
    }
span.date {
 background: #333;
 color: white;
 padding: 5px;
 font-size: 80%;
 margin-right: 15px;
 border-radius: 5px;    
 }   
.thumbnail {
 margin-right: 10px;
 width: 80px;
 float: left;
 }
.cbook {
 display:block;
 margin:10px auto;
 max-width:200px;
 }
.question{
 border: 1px solid #ccc;
 padding: 10px;
 margin-bottom: 20px;
 } 
.book {
 display:block;
 margin:10px auto;
 }
.pic {
 margin:20px auto;
 display:block;
 max-width:100%;
 height:auto;
 } 
.meta {
 margin-bottom:15px;
 }
.meta a.category{
 background: url(../images/icon_tag.png) no-repeat;
 padding: 0 0 0 20px;
} 
#article .block {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 1%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
    }
#article p {
  font-size:110%;
  line-height:160%;
  margin-bottom:20px;
  text-indent:10px;
  }
.leftcolum .sns {
 text-align:left;
 }
.sns_btn {
 margin-bottom:20px;
 }
.pagenator {
  margin:20px 0px;
  }
.breadcrumb {
 padding:5px;
 margin-bottom:10px;
 font-size:90%;
 }
.editer {
 text-align:left;
}
.editer h6 {
 font-size:100%;
 color:black;
 }
.profile {
 margin:10px;
 }
.profile p {
 margin:10px 0px;
}
.editer img.faceimg {
    border: none !important;
    display: block;
    width: 100px;
    height: auto;
}
.editer h5 {
    height: 30px;
    background: #222 url(../images/icon_writter.png) no-repeat 18px 7px;
    color: #fff !important;
    padding: 10px 0 0 45px;
}
.editer .leftimg {
    float: left;
    margin: 10px;
    width: 110px;
}


.side .sns {
 margin:20px 0px;
 }
.side h4 {
 text-align:left;
 border-left:7px solid #0068d3;
 padding-left:10px;
 margin-bottom:10px;
 border-radius:2px;
 }

.side .recent ul {
 text-align:left;
 }
.side .recent ul li {
 margin-bottom:10px;
 min-height:120px;
 border-bottom:1px solid #ccc;
 }
.side .recent span.date {
 display:inline-block;
 margin-bottom:5px;
 }
.side .category {
 margin-bottom:20px;
 }
.side .category h4 {
 padding-bottom: 5px;
} 
.side .category ul li a {
 display: block;
 margin-bottom: 5px;
 text-align: center;
 padding: 5px;
 border: 1px solid;
 border-radius: 5px;
 }
.side .category ul li ul {
 margin-left: 10px;
 margin-right: 10px;
 } 
.footer {
 width:100%;
 margin-top:30px;
 border-top:1px solid #ccc;
 padding:10px 0px;
 font-size:80%;
}
}