/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/

/* bbpress - CSSリセット */
.entry-content .entry-content h2:not(.st-css-no) {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
}
.topic_list h2.topic_list_title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.h2modoki::before, .post h2:not(.st-css-no)::before {
    display: none !important;
}


/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}

.top_titile_box {
    padding-bottom: 20px;
}

.top_titile_box h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
}

.topic_list_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.topic_list {
    max-width: 46%;
    width: 100%;
    padding-right: 4%;
    margin-bottom: 40px;
}
.topic_list:nth-child(2) {
    padding-right: 0;
}

.topic_list a {
    display: block;
    text-decoration: none;
}

.topic_list h2 {
    margin: 0 0 8px;
    padding: 0;
    border: none;
    background: transparent;
}
.topic_list h2 a {
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.topic_list_btns {
    display: flex;
    margin-bottom: 20px;
}

.topic_list_btns a {
    display: block;
    font-size: 10px;
    margin-right: 8px;
    padding: 3.5px 15px 2px;
    border-radius: 6px;
    color: #fff;
    float: left;
    background-color: #17a2b8;
}

.topic_lists li a {
    color: #333;
}

.topic_lists {
    list-style: none;
    padding: 0;
    margin: 0;
}

.topic_lists li {
		font-size:16px;
    position: relative;
    padding-left: 18px;
    margin-bottom: 8px !important;
}
.topic_lists li::before {
    display: block;
    position: absolute;
    top: 2px;
    left: 0px;
    border: 7px solid transparent;
    border-left: solid 8px #17a2b8;
    content: "";
}

.front-page main {
    padding: 40px 24px;
}

footer #st-footer-logo-wrapper {
    display: none;
}

ul.bbp-forums-widget {
    margin-left: 40px;
}

ul.bbp-forums-widget li {
    list-style-type: disc !important;
}

aside div div {
    margin-bottom: 32px !important;
}

.top_wrap .bbp-search-form {
    display: none;
}

.bbp-breadcrumb{
display: none;
}

#favorite-toggle, #subscription-toggle,
.bbp-template-notice,.bbp-breadcrumb{
    display: none;
}

div#qt_bbp_reply_content_toolbar {
    display: flex;
}

#bbpress-forums div.bbp-the-content-wrapper input[type=button] {
	width: auto !important;
    max-width: 80%;
}

button#bbp_reply_submit,
button#bbp_topic_submit{
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 10px;
    border: 1px solid gray;
}

div.bbp-submit-wrapper {
    text-align: center;
    margin: 32px;
    float: none;
    clear: both;
}

header h1, header .descr ,
header .sitename a, nav li a,
.head-telno a, #header-r .footermenust a,
#footer .footerlogo,
#footer .copyr,
.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title) {
    color: #ffffff;
}

.post-15 h2,
.post-13 h2,
.post-134 h2{
  position: relative important;
  padding: 0.5em !important;
  background: #16a2b8 !important;
  color: white;
	max-width: 100% !important;
	    margin-left: 0 !important;
     margin-right: 0 !important;
}

.bbp_custom_related h2 {
	background: #16a2b8 !important;
    color: #ffffff;
    position: relative;
    border: none;
			margin: 80px 0 30px !important;
    padding-left: 20px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.bbp_custom_related li {
	border-bottom: solid 1px #ccc;
}

.bbp_custom_related h3.bbpc_topic_ttl {
    background: transparent !important;
    color: #16a2b8 !important;
    position: static !important;
    border: none;
    margin-bottom: 8px !important;
    margin-top: 16px !important;
	font-size:16px !important;
}
.bbp_custom_related .bbpc_topic_ttl:before,
.bbp_custom_related .bbpc_topic_ttl:after {
	display:none !important;
}

.bbpc_topic_excerpt {
	font-size:12px;
	margin-bottom: 8px;
}

.bbp_custom_related a {
	text-decoration: none;
}

.bbp_custom_related a:hover {
	opacity: .6 !important;
	transition:.5s;
}

.bbpc_topic_info {
	display:flex;
	align-items: center;
		margin-left: 8px;
		margin-bottom: 11px;
}

.bbpc_topic_info p {
	margin-left: 8px;
	margin-bottom: 0;
}

.bbpc_topic_excerpt,
.bbpc_topic_info p{
	color: #333;
}

@media screen and (max-width: 959px) {
    .topic_list {
        max-width: 100%;
        padding-right: 0;
    }

    .front-page main {
        padding: 40px 16px;
    }
}