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

h2.about{font-size:20px;text-align:center;color:#708c68;margin:20px auto 30px;}
.about_box{display:table;width:70%;margin:0 auto 10px;color:#708c68;font-size:18px;}
.about_title{width:30%;display:table-cell;padding:10px;text-align:right;}
.about_con{width:70%;display:table-cell;padding:10px 10px 10px 30px;}
.about_cau{border:1px solid #708c68;padding:15px;color:#708c68;text-align:center;font-size:18px;margin:50px 0;}

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;}

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


section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px;
font-size:16px;
font-weight:bold;
color: #7e3c92;
border-bottom:1px solid #ccc;
}



section.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;color:#708c68;font-size:18px;}
.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;}
}