/*
Theme Name:QUADRA child
Theme URI:https://tcd-theme.com/biz001/
Description:WordPress theme "QUADRA" の子テーマ
Template:quadra_biz001
Author:Graphman
Version:1.1.4
*/

/* 全体 */
body,a { color: #4C4C4C; }
.img-border { border: 1px solid #CCC; }
.img-border-none { border: none !important; }
.mb16,.post_content table table.mb16 { margin-bottom: 16px !important; }
.well2 { border-color: #CCC !important; }
.img-arrow-bottom { width: 180px; height: 40px; background-image: url(images/img_arrow-bottom.png); background-size: contain; margin: -15px auto 10px !important; }
.post_content .post_row { line-height: 1.6 !important; }

/*ヘッダー*/
.header_bottom { background-color: #4C4C4C; }
/* #global_menu > ul > li > a { background: #FFFFFF !important; color: #C00 } */
#global_menu > ul > li > a:hover { background-color: #000000; color: #FFF; }

#global_menu ul ul a:hover { color: #FFF; }
#archive_header_title { background: #50B496; }
#global_menu_border:before { background-color: #6EB92D; height: 6px; }
#archive_header_title .image_wrap { display: none; }

#header_search .button label:before { color: #4c4c4c; }

#header_search .input_area input { background: #EFEFEF; }

/*トップ*/
.index_box_content .image { background-color: #6EB92D; }
.index_box_content .title {  color: #6EB92D; }

/*改変履歴*/
#news_archive .category_list_widget { display: none; }

/*ウィジェット*/
.widget_tag_cloud .tag-cloud-link { background-color: #4C4C4C; color: #FFF; }

/*カテゴリー*/
#post_category_archive .category_group { background-color: #F2F2F2; border-radius: 10px; padding: 30px; }
#post_category_archive .item { background-color: #FFF; }
#post_category_archive .content_wrap { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #4C4C4C; }
#post_category_archive .link { border-color: #4C4C4C; }

@media screen and (max-width: 750px) {
.cb_category_list .image {
    max-width: 90px !important;
	}
	#post_title .category_list { display: none !important; margin-bottom: 0 !important; }
}

@media screen and (max-width: 1201px){
	#global_menu_button span { background: #4c4c4c !important; }
}

/*フッター*/
#footer_menu .footer_menu a, #footer_menu .footer_menu li:first-of-type a { color: #4C4C4C; }
#footer_menu .footer_menu a:hover { color: #6EB92D; }
#return_top a { background: #6EB92D; }
#footer_menu .footer_menu li:first-of-type { pointer-events: none; }

#footer #copyright { display: none; }

#footer_sb { max-width: 100%; border-top: 1px solid #CCCCCC;  padding: 30px; background: #F4F4F4; text-align: center;  }
#footer_sb .ft-logo-sb { width: 160px; height: 25px; background-image: url(images/ft_logo-softbank.png); background-size: 160px; height: 25px; background-repeat: no-repeat; margin: 0 auto 33px; text-indent: -9999px; }
#footer_sb .sb-menu { margin-bottom: 32px; }
#footer_sb .sb-menu li { display: inline; }
#footer_sb .sb-menu li:first-child::before { font-size: 12px; content: "|"; padding: 0 8px;}
#footer_sb .sb-menu li::after { font-size: 12px; content: "|"; padding: 0 8px;  }
#footer_sb .sb-menu li a { font-size: 12px; color: #4C4C4C; }
#footer_sb small { font-size: 12px; color: #4C4C4C; }

/* クイックタグ */
.pict_important { vertical-align: middle; line-height: 22px; display: inline-block; width: 60px; height: 22px; background-image: url("images/pict_important.png"); background-size: 60px 22px; background-repeat: no-repeat; margin-right: 10px; }
.pict_reference { vertical-align: middle; line-height: 22px; display: inline-block; width: 60px; height: 22px; background-image: url("images/pict_reference.png"); background-size: 60px 22px; background-repeat: no-repeat; margin-right: 10px; }
.pict_supplement { vertical-align: middle; line-height: 22px; display: inline-block; width: 60px; height: 22px; background-image: url("images/pict_supplement.png"); background-size: 60px 22px; background-repeat: no-repeat; margin-right: 10px; }

/* サイドバー */
#searchform { border-color: #4C4C4C; }
.category_list_widget li { border-top: 1px solid #CCC; }
.widget_headline { color: #4c4c4c !important; }
.toc_widget_wrap.styled .toc_link { font-size: 14px !important; }

/* 記事内 */
#post_title .category.parent {
max-width:300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

#post_title .category.child {
max-width:490px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.post_content .s_table { white-space: normal; }

#tcd_toc.styled { padding: 30px; }

#post_title .category_list { margin-bottom: 60px; }
#post_title { border-bottom: none; padding-bottom: 0; }
#post_title .category.parent { background-color: #4C4C4C; }

.styled_h2, .entry-title { font-size: 26px !important; text-align: left; color: #ffffff; background: #000000; border-top: 0px solid #dddddd; border-bottom: 0px solid #dddddd; border-left: 0px solid #dddddd; border-right: 0px solid #dddddd; padding: 15px 15px 15px 15px !important; margin: 0px 0px 30px !important; border-radius: 5px; background-color: #50B496 !important; color: #FFF; }

.single-post .styled_h2 { display:none; }
.post_content .styled_h3 { border-bottom-color: #50B496 !important; border-bottom-width: 3px; color: #4C4C4C !important; margin-top: 60px !important; border-left: none; padding-left: 0 !important; font-size: 24px !important; padding-bottom: 13px !important; }
.post_content .styled_h4 { color: #4C4C4C !important; margin-top: 60px !important; font-size: 20px; border-bottom: none; font-size: 20px !important; padding-left:24px !important;; background-image: url(images/icon-stylesh4.png); background-repeat: no-repeat; background-size: 14px 14px; background-position: center left;  }
.post_content .styled_h5 { font-size: 18px !important; border-bottom: none !important; color: #50B496 !important; margin-bottom: 10px !important; margin-top: 25px !important; }
body .post_content :not(h2):not(h3):not(h4):not(h5):not(h6) + h5 { margin-top: 20px !important; }

.post_content #tcd_toc.styled .toc_wrap.child { margin-left: 0; }
.post_content p, .post_content li, .post_content dt, .post_content dd, .post_content td, .post_content th { line-height: 1.6 !important; margin-bottom: 12px; font-size: 16px; }
.post_content table, .post_content table th, .post_content table td { border-color: #CCC; }
.post_content table table { margin-bottom: 0 !important; }
/* .post_content table table.table_no_border td { padding: 0; } */
.table_no_border td { padding: 0; }
.post_content th { background-color: #E5E5E5; height: 36px; line-height: 20px !important; padding: 8px 20px !important; vertical-align: middle; }
.post_content ul { margin-left: 0; }
.post_content ul li { list-style-type:none; list-style-image:none; margin: 5px 0px 5px 0px; position:relative; padding-left:15px; }
.post_content ul li:after{ content:''; display:block;  position:absolute; width:8px; height: 8px; top:10px; left:0px; background: #50B496; border-radius: 10px;}
.post_content ol { margin-left: 0; }
.post_content ol li{margin-left: 15px; color: #50b496; font-weight:bold;}
.post_content ol li span{color: #4c4c4c; font-weight: normal;}
.post_content p > img { border: 1px solid #CCC; margin-bottom: 12px; }
.post_content .post_row img { border: 1px solid #CCC; margin-bottom: 12px; }
.post_content table ul { margin-bottom: 0; }

/* table */
.diagonal {
    height: 100%;
    width: 100%;
    border-top: solid gray 1px;
}

.rightDown {
    transform: matrix(1, 0.75, 0, 1, 0, 15);
}

.toc_wrap .toc_item .toc_wrap li { padding-left: 0; }
.toc_wrap .toc_item .toc_wrap li:after { display: none; }

/* helpful */
.helpful>.helpful-content,.helpful>.helpful-controls>div>.helpful-button { color: #4c4c4c;  }
.helpful { background: #f2f2f2; border: none;  margin-top: 60px; }
.helpful-headline { display: none; }

.toc_widget_wrap.styled .toc_wrap.child { margin-left: 0 !important;  }

@media screen and (max-width: 781px) {
	#footer_sb .sb-menu li { display: block; margin-bottom: 15px; }	
	#footer_sb .sb-menu li:first-child::before { display: none; }
	#footer_sb .sb-menu li::after { display: none; }
	.post_content .s_table table { width: 1200px !important; max-width: 1200px !important; }
	.post_content .s_table { white-space: nowrap !important; }
	.post_content p, .post_content li, .post_content dt, .post_content dd, .post_content td, .post_content th { font-size: 14px !important; }
	.styled_h2, .entry-title { font-size: 22px !important; }
	.post_content .styled_h3 { font-size: 20px !important; }
	.post_content .styled_h4 { font-size: 18px !important; }
	.post_content .styled_h5 { font-size: 16px !important; }
}