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



.about_area{display:flex;flex-wrap:wrap;justify-content:space-between;}
.about_parts{width:50%;}
.about_box{display:table;width:100%;margin:0 auto 10px;}
.about_title{width:30%;display:table-cell;padding:10px;text-align:right;}
.about_con{width:70%;display:table-cell;padding:10px 10px 10px 10px;}
.about_con li{list-style:none;}
.about_con img{width:100%;}

h2.blog_title{font-size:20px;font-weight:bold;border-bottom:3px solid #7e3c92;}
.blog_txt{font-size:16px;}
.blog_date{text-align:right;margin-bottom:0.5em;}
.cat_box{text-align:right;}
.cat_box a{color:#7e3c92;}

.head_title{text-align:center;margin-bottom:10px;}

#sidebar li{list-style-type: none;}

.widget, .widgetInfo{
margin: 0 0 10px;
padding: 5px 7px;
border:1px solid #dadada;
background: #fff;
font-size:16px;
}


.widget h3{
clear:both;
margin:0 0 10px;
padding:5px;
font-size:16px;
font-family: operetta-12, serif;font-weight:700;font-style: normal;
border-bottom:1px solid #ccc;
}



.widget li a{
display:block;
padding:0 0 0px 13px;
text-decoration:underline;
background:url(/userdata/arrow.png) no-repeat 0 50%;

}









/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.about_box{display:block;width:100%;margin:0 auto 10px;}
.about_title{width:100%;display:block;padding:10px;text-align:left;font-weight:bold;}
.about_con{width:100%;display:block;padding:0px 10px 10px 30px;}
.about_cau{border:1px solid #708c68;padding:15px;color:#708c68;text-align:center;font-size:18px;margin:50px 0;}
h2.age{font-size:20px;}
.age_text_box{text-align:center;color:#708c68;font-size:16px;padding:0 10px;}

h2.blog_title{font-size:18px;font-weight:bold;border-bottom:3px solid #7e3c92;}
.about_parts{width:100%;}
}