@charset "utf-8";

body{
  width:100%;
}
.blog_frame{
	border-top: 1px solid #ccc;
	margin-top: 2%;
}
/*top*/
.main_right{


}
.main_right .left{

}
.main_right .left img{
  width:40px;
  border-radius:20px;
}

.main_left{


}



/**/


.blog_user{
  width:100%;
}
.blog_user .left{
  width:20%;
}
.blog_image{
    width:96%;
    margin:5px auto;
    display: none;
}
.blog_txt{
  box-sizing:border-box;
  line-height: 1.6em;
  padding:10px 2%;
  font-size:15px;
  margin:0 auto 10px auto;
}

.blog_user{
  margin-top:10px;
}

.blog_user .left img{
  width: 100%;
  box-sizing:border-box;
  border-radius: 50%;
  border:1px solid #efefef;
  padding:2px;
}
.blog_user{
  overflow: hidden;
}

.blog_user .right{
  box-sizing:border-box;
  padding-left:2%;
  width: 75%;
}
.blog_owner_name{
  color:#444444;
  font-size:12px;
}
.blog_owner_name a{
  color:#444444;
}



.blog_user .right .blog_subtitle{
  color:#5f5f5f;
  font-size:18px;
  font-weight:bold;
}
.blog_user .right .blog_open_date{
  font-size:10px;
  color:#a9a9a9;
}
.blog_user .right p:nth-child(3){
  font-size:10px;
  color:#a9a9a9;
}



/*================ブログ記事部分=================*/
.out_frame section:first-child {
	border-top: none;
}

#article_list .blog_frame{
	box-sizing: border-box;
    width: 96%;
    margin: 5% auto 0;
    padding: 2%;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}


.blog_sub{
  padding:0px 2%;
  border-top: dashed 1px #ddd;
}

#article_list .blog_sub{
	box-sizing: border-box;
    width: 96%;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
	border-top: dashed 1px #ddd;
	padding-bottom: 2%;
}

#article_list .right{
  width: 100%;
}

#article_list .right .size_14{
	display: none;
}

.kyun{
  width:100%;
  padding-top: 2%;
}
.kyun img{
  width:8%;
  vertical-align: middle;
  margin-right:3%;
}
.kyun span{
  position: relative;
  display: inline-block;
  padding: 2% 4%;
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 6px;
  font-size:0.8em;
}

.kyun span:before{
  content: '';
  position: absolute;
  top: 30%;
  left: -4px;
  margin-left: -2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ccc;
}
.kyun span:after{
  content: '';
  position: absolute;
  top: 30%;
  left: -3px;
  margin-left: -2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
}
.popup_kyun{
  width: 100%;
    position:fixed;
    z-index:10000000;
    top:35%;
    text-align: center;
}
.popup_kyun p{
  width:30%;
  margin:0 auto;
}

.btn_frame{
	text-align: center;
}
.profile_btn{
	display: inline-block;
	margin: 6% 0 2%;
	padding: 4% 5%;
	color: #FFF;
	background: #3e6bcb;
	font-size: 4vw;
	border-radius: 5px;
	border-bottom: 2px solid #223d75;
}
.close_frame{
	text-align: right;
	pading: 2% 0 0;
}
.article_close{
	width: 15%;
	width: 8%;
	margin: 0 -2% -5% 0;
}