@charset "utf-8";

/*==================== 共通タブ ====================*/
/** (デフォルトでの使用はブログのみ) **/
.blog_menu{padding:20px 10px;background-color:#fff;}
.blog_tab {}
.blog_tab ul { margin: 0 auto; clear:both; }
.blog_tab li { float: left; text-align: center;margin-right:1px;}
.blog_tab li a { display: block; background-color:rgb(200 200 200 / 60%); color: #000; text-decoration:none; padding:5px;font-size:13px;
-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius: 5px 5px 0 0;-o-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.blog_tab li a.active { background-color:rgba(0, 0, 0, 0.6); color: #fff; }
.blog_tab .box { padding:0 5px 5px 5px;border:1px solid #000;background-color:rgba(255,255,255,0.7);
-webkit-border-top-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius:0 5px 5px 5px;-o-border-radius:0 5px 5px 5px;-ms-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;display:none;}
.blog_tab #box1{ display:block; }
.blog_tab article{  }
.blog_tab .day{ border-left:inset 4px #aaa; border-bottom:none; padding-left:5px; }
.blog_tab .box a{display:block;border-bottom:1px dashed #000; padding:5px 0;}
.blog_tab .btn_dtl{padding: 0 10px 10px 0;text-align:right;}
.blog_tab .btn_dtl a {background-color: #ccc; border:1px solid #333333;padding:0 20px; margin:5px 10px;}