.single .maincolumn {
    padding: 0px 0;
}

.single .date li{
	display: inline-block;
	margin-right: 20px;
}

.single .date li time{
	font-size: 1.5rem;
}

.single .post_head .cat_li a{
    background: #94d19f;
    padding: 5px 30px;
}

.single .post_head{
	margin-top: 60px;
}

.cat_li{
  margin-top: 10px;
  margin-bottom: 10px;
}

.single h1{
    font-size: 2.4rem;
    font-weight: 500;
		margin: 10px 0;
}

.single .eye_catch{
	margin: 40px auto 0;
}

.single .tags a {
    background: #ffacac;
    padding: 2px 20px 1px 10px;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
}

.single .tags a:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    margin-right: 10px;
    border-radius: 100px;
}

.single .post_body h2.bal{
	color: #fff;
	font-size: 2.3rem;
	font-weight: 800;
	position: relative;
	background: url(../images/common/g_bg2.png);
	border: #94d19f solid 3px;
	padding: 20px;
	margin-bottom: 30px;
    line-height: 1.5;
    margin-top: 50px;
}

.single .post_body h2.bal:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 70px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 33px 25px 0;
    border-color: transparent #94d19f transparent transparent;
}

.single .post_body h2.bd{
	position:relative;
	padding:9px;
	padding-left:15px;
	font-size: 2.0rem;
	color: #94d19f;
	border: 2px solid #94d19f;
	border-left:none;
	border-right:none;
	border-bottom: 2px solid #94d19f;
	border-top:4px solid #94d19f;
	margin-bottom: 20px;
}

.tp{
    margin-bottom: 70px;
}

.tp001 .imgbox.right{
	max-width: 45%;
	margin-left:5%;
}
.tp001 .txtbox.left{
	max-width: 50%;
}

.tp002 .imgbox.left{
	max-width: 45%;
	margin-right:5%;
}
.tp002 .txtbox.right{
	max-width: 50%;
}

.tp003 .imgbox .inline{
	max-width:49%;
}
.tp003 .imgbox{
	margin-bottom: 30px;
}

.tp004 .imgbox .inline{
	max-width:49%;
}
.tp004 .imgbox{
	margin-top: 30px;
}

.tp005 .txtbox,.green_area{
	background: url(../images/common/g_bg.png);
	position: relative;
	border-bottom: 2px #94d19f solid;
	border-top: 2px #94d19f solid;
	padding: 10px;
	margin-top: 50px;
}

.tp005 .txtbox h3,h3.green_area_ttl{
		color: #94d19f;
		margin-bottom: 10px;
    font-size: 1.8rem;
}



.tp005 .txtbox .txtbox_bor_in{
	border-bottom: 1px #94d19f solid;
	border-top: 1px #94d19f solid;
	padding:25px 15px;
}

.single .post_ou .post_cont {
    padding: 20px 0;
    border-top: 1px solid #d3d3d3;
}

.single .recommended,.single .popularity,.single .new{
	margin-top: 40px;
}

.single .recommended .post_cont, .single .popularity .post_cont {
    width: 100%;
    display: inline-block;
    margin-right: 0;
}

.single .post_ou .img_area {
    width: 22%;
    margin-right: 3%;
}

.single .post_ou .txt_area {
    width: 60%;
    vertical-align: top;
}

.single .post_ou h3 {
    line-height: 1;
    margin-bottom: 15px;
    margin-top:0;
}

.single  .post_ou .txt_area .post_meta .date, .single .post_ou_02 .txt_area .post_meta .date {
    margin-right: 10px;
    color: #94d19f;
}

.single .post_ou h3 a, .single .post_ou_02 h3 a {
	color: #555;
	line-height: 1.25;
    font-size: 1.8rem;
}

.single .post_ou .txt_area .post_meta .cat, .single .post_ou_02 .txt_area .post_meta .cat {
    background: #94d19f;
    color: #fff;
    padding: 4px 15px;
    border-radius: 100px;
}

.single .post_ou .txt_area .post_meta .description {
    font-size: 1.6rem;
}

.single .post_ou .txt_area .post_meta .description {
    line-height: 1.5;
    margin-top: 10px;
    color: #555;
}

.single .new .post_cont {
    padding: 15px 0;
    border-top: none;
}

.single .post_ou_02 .post_cont {
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
}

.single .post_ou_02 .post_cont:nth-child(2n){
	margin-right: 0%;
}

.single  .new .img_area {
    width: 100%;
}

.single  .new .txt_area {
      margin-top: 20px;
      width:100%;
}

.single  .new .txt_area .post_meta{
	margin-top:10px;
}

.single .post_ou .txt_area .post_meta .description{
	font-size:1.4rem;
}

.single .post_colum .post_body img{
  margin: 10px 0;
}
.single table{
  border-collapse: collapse;
  table-layout: fixed;
}
.single table th{
  width: 30%;
}

iframe{
      width: 100%;
      margin-top: 10px;
}

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

	.single h1{
	    font-size: 3.0rem;
	}

	.single .date li time{
		font-size: 2.5rem;
	}

	.eye_catch.in{
		width: 100%;
	}
	.single .post_body .alignright{
	    max-width: 100%;
			width: 100%;
	}
	.single .post_body h2.bal{
		font-size: 2.8rem;
	}
	.single .post_body h2.bd {
    font-size: 2.0rem;
	}
	.tp001 .imgbox.right,.tp001 .txtbox.left{
		max-width: 100%;
		width: 100%;
		margin-left:0;
		margin-top: 30px;
	}
	.tp002 .imgbox.left{
		max-width: 100%;
		width: 100%;
		margin-right:0;
		margin-bottom: 30px;
	}
.tp003 .imgbox .inline{
		max-width:100%;
		width: 100%;
		margin-bottom: 10px;
	}
	.tp004 .imgbox{
		max-width:100%;
		width: 100%;
		margin-top: 30px;
	}
	.tp004 .imgbox .inline{
		max-width:100%;
		width: 100%;
		margin-bottom: 10px;
	}
	.popularity{
		    background: url(../images/common/g_bg.png);
		    padding:60px 0;
	}
	.single .post_ou .img_area {
    width: 32%;
	}
  .single table th{
    width: 100%;
  }
}




/*既存記事用*/

.mt_50 h3{
  margin-top:40px;
}

.mt_15{
  margin-top: 15px;
}

.mb_25{
  margin-top: 40px;
}

h3.mb_15.glayTitle{
  color: #94d19f;
  font-size: 2.3rem;
  font-weight: 500;
  position: relative;
  background: url(../images/common/g_bg.png);
  border-bottom: #94d19f solid 3px;
  padding: 20px;
  margin-bottom: 60px;
  line-height: 1.5;
}
h3.mb_15.glayTitle:before {
    content: " ";
    position: absolute;
    top: 97%;
    left: 72px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 28px 20px 0;
    border-color: transparent #ecf7ee transparent transparent;
    z-index: 2;
}
h3.mb_15.glayTitle:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 70px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 33px 25px 0;
    border-color: transparent #94d19f transparent transparent;
}
.flexBoxKinto {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.flexBoxKinto > li {
    width: 340px;
    vertical-align: top;
}

.flexBoxKinto > p{
  margin-top: 10px;
}

.mb_25{
  margin-bottom: 25px;
}

.leftArea {
    width: 340px;
    float: left;
}

.rightArea {
    width: 340px;
    float: right;
}

.leftArea + p{
  display: none;
}

.flexBoxKinto .w100p {
    width: 100%;
}



@media screen and (max-width: 640px) {
  .flexBoxKinto > li {
      width: 100%;
  }
  .leftArea {
      width: 100%;
  }

  .rightArea {
      width: 100%;
  }
}