@charset "utf-8";

/* ---------------------------------------------------------
   WordPress
----------------------------------------------------------*/

.post-header {
  margin-bottom:20px;
}

.post-header-thumb {
  margin-bottom:15px;
}

.post-content {
}

.post-content h2 {
  font-size:18px;
  margin:10px 0;
  padding:10px 0;
  border-top:1px solid;
  border-bottom:1px solid;
  text-align:center;
}

.post-content h3 {
  font-size:16px;
  margin-bottom:10px;
}

.post-content h4 {
  font-size:14px;
  margin-bottom:10px;
}

.post-content h2,
.post-content h3,
.post-content h4 {
  clear:both;
  font-weight:bold;
}

@media screen and (min-width: 992px) {
    .post-content h2 {
      font-size:24px;
      line-height:1.4;
      margin-bottom:20px;
    }
    .post-content h3 {
      font-size:20px;
      line-height:1.4;
	  font-weight: bold;
    }
}

.post-content p + h2,
.post-content ul + h2,
.post-content ol + h2,
.post-content table + h2,
.post-content .box + h2,
.post-content .row + h2,
.post-content p + h3,
.post-content ul + h3,
.post-content ol + h3,
.post-content table + h3,
.post-content .box + h3,
.post-content .row + h3 {
  margin-top:60px;
}

.post-content p,
.post-content > ul,
.post-content > ol,
.post-content blockquote,
.post-content q,
.post-content table {
  margin-bottom:30px;
}

.post-content ul {
  list-style:disc;
  padding-left:20px;
  overflow:hidden;
}

.post-content ol {
  padding-left:26px;
  overflow:hidden;
}

.post-content ul li,
.post-content ol li {
  margin-bottom:5px;
}

.post-content blockquote {
  padding:1em;
  position:relative;
  display:block;
  background-color: #f0f0f0;
  overflow: hidden;
}

.post-content blockquote p {
	margin-bottom: 0;
}

.post-content dl.interview {
	overflow: hidden;
}

.post-content dl.interview dt {
	float: left;
	width: 4em;
}

.post-content dl.interview dd {
	padding-left: 4em;
	margin-bottom: .5em;
}

/*.post-content blockquote:before {
  content:"“";
  font-size:65px;
  line-height:1.1;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  color:#e5e5e5;
  position:absolute;
  left:0px;
  top:0px;
}
*/
.post-content q {
  color:#999;
  margin:0 5px;
}

.post-content table {
  clear:both;
  width:100%;
  border:1px solid #000;
  background:#fff;
}

.post-content table caption {
  padding-bottom:5px;
  font-weight:bold;
  background:#999;
  color:#fff;
  text-align:center;
  padding:10px;
  border:1px solid #000;
  border-bottom:none;
}

.post-content table th {
  text-align:left;
  background:#f5f5f5;
}

.post-content table thead th {
  text-align:center;
}

.post-content table th,
.post-content table td {
  padding:10px 15px;
  border-bottom:1px solid #000;
  vertical-align:top;
}


/* ---------------------------------------------------------
   for WordPress editor
----------------------------------------------------------*/

.alignnone {
}

.aligncenter {
  display:block;
  clear:both;
  margin:0 auto 20px;
}

.alignleft {
  clear:both;
  float:left;
  margin:0 30px 20px 0;
}

.alignright {
  clear:both;
  float:right;
  margin:0 0 20px 30px;
}

.wp-caption {
  text-align:center;
  max-width:100%;
  height:auto;
  margin-bottom:20px;
}

.wp-caption img {
}

.wp-caption .wp-caption-text {
  font-size:80%;
  padding: 10px 0 0;
  margin: 0;
}

.gallery {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom:2px;
  overflow:hidden;
}

.gallery-item {
  float:left;
  width:100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom:20px;
}

.gallery-icon {
}

.gallery-caption {
  text-align: center;
  font-size:80%;
  line-height:1.8;
  padding: 10px 0 0;
}

@media screen and (min-width: 768px) {
    .gallery-columns-2 .gallery-item {
      width: 50%;
    }

    .gallery-columns-3 .gallery-item {
      width: 33.33333333333333%;
    }
    
    .gallery-columns-4 .gallery-item {
      width: 25%;
    }
    
    .gallery-columns-5 .gallery-item {
      width: 20%;
    }

    .gallery-columns-6 .gallery-item {
      width: 16.666666666666664%;
    }  

}

@media screen and (max-width: 768px) {
	
	.alignleft {
	  float:none;
	  margin:0 0 20px 0;
	}
	
	.alignright {
	  float:none;
	  margin:0 0 20px 0;
	}
}