@charset "UTF-8";

body.term-php #edittag{
	max-width: none;
}
body.term-php #edittag table.form-table{
	max-width: 800px;
}
.bfb_notice{
	margin-left: 2px;
}
#bfb_wrap{
	width: 100%;
	line-height: 180%;
	font-size: 14px;
}
#bfb_wrap:after, #bfb_wrap:before {
    content: "";
    clear: both;
    display: block;
}
#bfb_wrap p.submit{ margin-top: 0; }
#bfb_wrap [id^="bfb_content_"]{
	position: static;
}
#bfb_wrap [id^="bfb_content_"].bfb_imgBanner{
	display: block;
	max-width: 375px;
}
#bfb_wrap #bfb_main{
	float: left;
	min-width: 500px;
	width: calc( 100% - 400px );
	margin-right: 40px;
}
#bfb_wrap #bfb_main.bfb_pro{
	width: 45%;
}
#bfb_wrap #bfb_sub h2{
	margin-bottom: 20px;
}
#bfb_wrap #bfb_sub.bfb_free{
	float: left;
	width: 300px;
	text-align: center;
}
#bfb_wrap #bfb_sub.bfb_free a{
	display: block;
	margin-bottom: 30px;
}
#bfb_wrap #bfb_sub.bfb_free img{
	width: 100%;
	min-width: 200px;
	max-width: 300px;
}
#bfb_wrap #bfb_sub.bfb_pro{
	float: left;
	width: 50%;
	min-width: 720px;
}
#bfb_wrap #bfb_sub [id^="bfb_content_"]{
	position: relative;
}
#bfb_wrap #bfb_sub .bfb_preview_sp{
	margin-top: 50px;
	max-width: 395px;
}
#bfb_wrap #bfb_sub .bfb_view_sp{
	display: block !important;
}
#bfb_wrap #bfb_sub iframe{
	margin: -40px 0 0 0; padding: 0; width: 100%;
}
#bfb_wrap [class^="bfb_preview"] + [class^="bfb_preview"]{
	margin-top: 30px;
}
#bfb_wrap .bfb_h1{
	margin: 30px 0;
	font-size: 24px;
}
#bfb_wrap .ui-widget-header{
	background: transparent;
	border: none;
}
#bfb_wrap #tabs .ui-widget-header{
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
#bfb_wrap #inner-tabs-pc .ui-widget-header,
#bfb_wrap #inner-tabs-sp .ui-widget-header{
	border-bottom: none;
}
#bfb_wrap .ui-widget.ui-widget-content{
	background: transparent;
	border: none;
}
#bfb_wrap .ui-corner-all{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#bfb_wrap .ui-tabs .ui-tabs-panel{
	padding: 10px 0;
	/*border: 1px solid #ccc;*/
}
#bfb_wrap .ui-tabs .ui-tabs-nav li{
	border-bottom: 1px solid #f1f1f1;
}
#bfb_wrap .bfb_box{
	padding: 10px 30px;
	background: #fff;
	border-radius: 4px;
}
#bfb_wrap #inner-tabs-pc .ui-state-default,
#bfb_wrap #inner-tabs-sp .ui-state-default{
	background: transparent;
	border: none;
}
#bfb_wrap #inner-tabs-pc .ui-state-default:hover,
#bfb_wrap #inner-tabs-sp .ui-state-default:hover{
	background: #ddd;
}
#bfb_wrap #inner-tabs-pc .ui-state-default a,
#bfb_wrap #inner-tabs-sp .ui-state-default a{
	/*color: #0044CC;*/
}
#bfb_wrap #inner-tabs-pc .ui-state-default.ui-tabs-active,
#bfb_wrap #inner-tabs-sp .ui-state-default.ui-tabs-active{
	background: #fff;
}
#bfb_wrap .ui-tabs:first-child .ui-tabs-nav li.ui-tabs-active a{
	font-weight: 550;
}
#bfb_wrap h2{
	position: relative;
	margin: 0;
    padding: 12px 10px 10px 17px;
    line-height: 1.8;
    background-color: #f3f3f3;
	color: #1d2327!important;
	font-weight: bold;
}
#bfb_wrap h2::before{
	position: absolute;
	content: " ";
	display: block;
	border-left: solid 4px #f7cf5e;
	top: 25%;
	left: 0;
	height: 50%;
}
#bfb_wrap h3 {
	position: relative;
    margin: 0 0 0 0;
    padding: 15px;
    font-size: 18px;
}
#bfb_wrap h3::before {
    position: absolute;
    content: " ";
    display: block;
    border-left: solid 4px #f7cf5e;
    top: 25%;
    left: 0;
    height: 50%;
}
#bfb_wrap h4{
	margin-bottom: 10px;
	font-size: 18px;
}
#bfb_wrap small.bfb_small{
	margin-top: 3px;
	display: block;
}
#bfb_wrap .bfb_check a{
	color: #0044CC;
	font-weight: 550;
}
#bfb_wrap .bfb_check a:hover{
	opacity: 0.6;
}
#bfb_wrap .bfb_check:before{
	position: absolute;
	width: 20px;
	height: 20px;
	content: '';
	left: 0;
}
#bfb_wrap .bfb_check.bfb_true,
#bfb_wrap .bfb_check.bfb_false{
	position: relative;
	margin-top: 8px;
	padding-left: 20px;
}
#bfb_wrap .bfb_check.bfb_true{
	color: green;
}
#bfb_wrap .bfb_check.bfb_false{
	padding-left: 0;
}
#bfb_wrap .bfb_check.bfb_true:before{
	background: url('../images/check_true.png') no-repeat;
	background-size: 16px 16px;
}
#bfb_wrap .bfb_shortInput{ margin-right: 10px; width: 100px; }

#bfb_wrap .bfb_each{
	margin: 30px 0;
	border-bottom: 1px solid #eee;
}
#bfb_wrap .bfb_each:last-of-type{
	border: none;
}
#bfb_wrap .bfb_each .bfb_q{
	margin: 0 0 20px 10px;
	color: #864A4C;
	font-weight: 550;
}
#bfb_wrap .bfb_each .bfb_q:before{
	margin-right: 10px;
	content: 'Q.';
	font-size: 20px;
	font-weight: 550;
}
#bfb_wrap .bfb_each .bfb_a{
	margin: 0 0 20px 10px;
}
#bfb_wrap .bfb_each .bfb_a:before{
	margin-right: 10px;
	content: 'A.';
	font-size: 20px;
	font-weight: 550;	
}
#bfb_wrap .bfb_fnt-red{ color: #D80000 !important; }
#bfb_wrap .bfb_fnt-brown{ color: #864A4C !important; }
#bfb_wrap .bfb_fnt-pink{ color: #F9699A !important; }
#bfb_wrap .bfb_bg-yellow{ background-color: #ffffaf !important; }
#bfb_wrap .bfb_box2{
  margin: 30px 0;
  padding: 20px !important;
  line-height:230%;
  border: none !important;
}
#bfb_wrap .bfb_box2.bfb_red{ background-color: #ffe9e9; }
#bfb_wrap .bfb_box2.bfb_yellow{ background-color: #fffdeb; }
#bfb_wrap .bfb_box2.bfb_gray{ background-color: #f5f5f5; }
#bfb_wrap .bfb_box2 p:last-child{ margin-bottom: 0; }
#bfb_wrap:not(.optimize) .bfb_load_preview_wrap{ position: absolute; right: 30px; z-index: 9999; }
#bfb_wrap .bfb_load_preview_wrap a{ color: #0073aa; text-decoration: none; font-size: 13px; }
#bfb_wrap .bfb_load_preview_wrap a:hover{ color: #0073aa; }
#bfb_wrap #bfb_sub.fixed{ position: fixed; top: 10px; z-index: 99999; }
#bfb_wrap .bfb_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
}
/*投稿編集画面*/
.post-php #bfb_sub.bfb_pro{ padding-top: 50px; }

.bfb_popup_help{
	margin-left: 5px;
	padding: 0;
	color: #fff;
	cursor: pointer;
	background: #aaa;
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	line-height: 18px;
	text-align:center;
	font-size: 12px;
}
.bfb_popup_help_window{
	display: none;
	max-width: 300px;
	position: absolute;
	padding: 10px 15px;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height: 1.5em;
	color: #333;
	font-size: 14px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #ddd;
}

/*-------------------------
  テーブル
-------------------------*/
#bfb_wrap table.table{ margin-bottom: 15px; max-width: calc( 100% - 20px ); width: calc( 100% - 20px ); background: #fff; border-collapse: collapse; word-break: break-all; font-size: 14px; }
#bfb_wrap table.table tr.bold{ font-weight: 550; }
#bfb_wrap table.table tr.gray{ background: #f8f8f8; }
#bfb_wrap table.table td img{ display: block; }
#bfb_wrap table.table td.star{ color: #ED953C; font-weight: 600; }
#bfb_wrap table.table th.short_item{ width: 150px; }
#bfb_wrap table.table td{ padding: 5px 10px; border: 1px solid #ccc; }
#bfb_wrap table.table th{ padding: 5px 10px; min-width: 50px; max-width: 250px; background-color: #f3f3f3 !important; border: 1px solid #ccc; color: #3a3a3a; font-size: 13px; }
#bfb_wrap table.table.scroll{ table-layout: fixed; }
#bfb_wrap table.table.force-scroll{ overflow-x: auto; display: block; table-layout: fixed; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #ddd; line-height: 160%; }
#bfb_wrap table.table.noborder,#bfb_wrap table.table.noborder th,#bfb_wrap table.table.noborder td{ border: none; }
#bfb_wrap table.table th.center,#bfb_wrap table.table td.center{ text-align: center !important; }
#bfb_wrap table.table.th_center th{ text-align: center !important; }
#bfb_wrap table.table.th_bold th{ font-weight: 600 !important; }
#bfb_wrap table.table.th_yellow th{ color: #383838 !important; background-color: #fffce2 !important; }
#bfb_wrap table.table tr.red{ background-color: #ffe9e9; }
#bfb_wrap table.table.fixed{ table-layout:fixed; }
#bfb_wrap table.table .w50{ max-width: 50px; width: 50px; }
#bfb_wrap table.table .w100{ max-width: 100px; width: 100px; }

@media screen and (max-width: 480px) {
  #bfb_wrap table.table{ width: 100%; border: none; white-space: normal; }
  #bfb_wrap table.table.scroll{ overflow-x: auto; display: block; table-layout: fixed; -webkit-overflow-scrolling: touch; white-space: nowrap; border-bottom: 1px solid #ddd; line-height: 160%; }
  #bfb_wrap table.table.scroll:before,#bfb_wrap table.table.force-scroll:before{ content: "表は横にスクロールできます。"; }
}

@media screen and (max-width: 1600px) {
	#bfb_wrap #bfb_main.bfb_pro{ width: calc( 100% - 30px ); }
	#bfb_wrap #bfb_sub.bfb_pro{ width: calc( 100% - 30px ); }
	#bfb_wrap #bfb_sub.bfb_pro .preview_wrap{
		width: 50%;
		min-width: 720px;
	}
}
@media screen and (max-width: 1300px) {
	#bfb_wrap #bfb_main{ width: 70%; }
	#bfb_wrap #bfb_sub.bfb_free{ width: 20%; }
}
@media screen and (max-width: 783px) {
	#bfb_wrap #bfb_main{ width: 100%; }
	#bfb_wrap #bfb_sub.bfb_free{ width: 100%; }
	#bfb_wrap #bfb_sub.bfb_free a{
		display: inline-block;
		margin-right: 30px;
	}
	#bfb_wrap #bfb_sub.bfb_free img{
		max-width: 250px;
	}
}

/*-------------------------
  解析レポートの条件検索
-------------------------*/
#bfb_wrap form.search_box{ margin-bottom: 20px; }
#bfb_wrap form.search_box label{ margin-right: 20px;  }
#bfb_wrap form.search_box table{ margin-bottom: 10px; padding: 20px; width: calc( 100% - 30px ); background: #fff; border-collapse: collapse; border-radius: 4px; }
#bfb_wrap form.search_box table td{ padding: 10px; }
#bfb_wrap form.search_box table tr td:first-child{ width: 150px; }
#bfb_wrap form.search_box table tr.memo{ display: none; }
#bfb_wrap form.search_box input[type="text"]{ width: 150px; }
#bfb_wrap form.search_box input[type="text"].longItem{ width: 325px; }
#canvasWrapper{
	margin-bottom: 50px;
	position: relative;
	height: 400px;
}
#canvasWrapper #myChart{
	box-sizing: border-box;
	padding: 20px;
	max-width: calc( 100% - 20px );
	width: calc( 100% - 20px );
	background: #fff;
}

/*-------------------------
  ページネーション
-------------------------*/
.bfb_pagination{
	margin: 20px 0 0;
	box-sizing: border-box;
	width: calc( 100% - 20px);
	max-width: calc( 100% - 20px);
	text-align: center;
}
.bfb_pagination a{
	display: inline-block;
	margin: 0 7px 7px 0;
	padding: 3px 11px;
	background: #888;
	border-radius: 2px;
	border: 1px solid #888;
	color: #fff;
	text-decoration: none;
}
.bfb_pagination a:hover{
	background: #eee;
	color: #333;
}
.bfb_pagination a.active{
	padding: 5px 13px;
	cursor: default;
	background: #eee;
	color: #333;
}
.bfb_pagination_count_text{
	margin-bottom: 5px;
	font-weight: 550;
}

/*-------------------------
  最適化
-------------------------*/
#bfb_wrap.optimize{
	width: calc( 100% - 20px );
	max-width: calc( 100% - 20px );
}
#bfb_wrap.optimize h2{
	margin-bottom: 30px;
}
#bfb_wrap.optimize h3{
	margin-top: 20px;
}
#bfb_wrap.optimize a{
	text-decoration: none;
}
#bfb_wrap.optimize .bfb_inner_wrap{
	position: relative;
	padding: 20px;
	background: #fff;
	border-radius: 4px;
}
#bfb_wrap.optimize .bfb_inner_wrap .bfb_load_preview_wrap{
	position: absolute;
	right: 30px;
	z-index: 9999;
}
#bfb_wrap.optimize .bfb_inner_wrap table{
	margin: 0;
}
#bfb_wrap.optimize textarea{
	max-width: 500px;
	height: 100px;
}
#bfb_wrap.optimize .bfb_inner_wrap label:not(:last-child){
	margin-top: 20px;
	margin-right: 10px;
}
#bfb_wrap.optimize .menuLink{
	position: relative;
	margin-bottom: 5px;
	font-size: 13px;
}
#bfb_wrap.optimize form.action_back{
	position: absolute;
	left: 0;
	top: -25px;
	display: inline-block;
	margin-right: 20px;
}
#bfb_wrap.optimize form.action_back input[type=submit]{
	cursor: pointer;
	background: transparent;
	border: none;
	color: #0073aa;
	font-size: 13px;
}	
#bfb_wrap.optimize .menuLink a.bfb_edit_finish{
	position: absolute;
	top: -25px;
	right: 0;
}
#bfb_wrap.optimize .bfb_saveBtn{
	margin-top: 20px;
}
#bfb_wrap.optimize .status_start{
	color: #40a500;
	font-weight: 550;
}
#bfb_wrap.optimize .status_stop{
	color: #ce0000;
}