/*
Theme Name: 九州大学 大学院農学研究院 環境農学部門 サスティナブル資源科学講座 生物資源化学分野
Theme URI: Theme URI
Author: Web制作 Eight
Author URI: http://eight-web.com/
Description: Description
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: originale

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** 共通スタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
******************************************************************************
 Base
******************************************************************************
----------------------------------------------------------------------------*/
html,body {
	display: flex;
	flex-direction: column;
}
body {
	min-height: 100vh;
}
a { text-decoration:none; }

/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** パソコンのスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 781px) {
/*----------------------------------------------------------------------------
******************************************************************************
Base
******************************************************************************
----------------------------------------------------------------------------*/
.layout {
margin-left: auto;
margin-right: auto;
width: 960px;
}

/*----------------------------------------------------------------------------
******************************************************************************
hd
******************************************************************************
----------------------------------------------------------------------------*/
.hd-bg {
	border-top: 10px solid #88BC41;
}
.hd-con {
height: 100px;
padding-top: 10px;
position:relative;
}
.hd-nav-con{
position: absolute;
right: 0;
top: 25px;
}
.hd-nav-list{
display: flex;
}

.hd-nav-list li {
margin: 0 0 0 10px;
}

.hd-nav-list li a {
display: block;
background: #007E82;
color: #fff;
padding: 10px 25px;
border-radius: 4px;
position: relative
}
.hd-nav-list li a:hover {
opacity:0.7;
}
.hd-nav-list li a:after {
width: calc(100% - 4px);
height: calc(100% - 4px);
content: "";
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 4px;
position: absolute;
left: 1px;
top: 1px
}

/* h1 */
.logo_pc {
display: block;
}
.logo_tl {
display:none;
}
.logo_sp {
display: none;
}

/*----------------------------------------------------------------------------
******************************************************************************
Navigation
******************************************************************************
----------------------------------------------------------------------------*/
#nav {
height: 55px;
background: #007E82;
}
#nav nav ul {
display:table;
table-layout:fixed;
width: 100%;
}
#nav nav li {
display: table-cell;
text-align:center;
font-size: 1.2em;
font-weight: normal;
}
#nav nav li a {
height: 26px;
box-sizing:border-box;
text-decoration: none;
color: #FFF !important;
display: block;
padding: 3px 0 5px;
border-right: 1px solid #006265;
margin-top:14px;
}
#nav nav li:first-child a {
border-left: 1px solid #006265;
}
#nav nav li a:hover, nav li.current a {
color: #88BC41 !important;
}


/*----------------------------------------------------------------------------
******************************************************************************
con
******************************************************************************
----------------------------------------------------------------------------*/
.con-con{
padding: 30px 0 50px;
overflow: hidden;
}
/* ==== content === */
.content h1{}
.content h2{}
.content h3 {
	margin: 1.2em 0 0.5em 0;
	font-size: 1.8em;
	padding: 0em 0.6em 0.5em 0.1em;
	border-bottom: 7px solid #88BC41;
	font-weight:normal;
}
.content h4 {
	font-size: 1.2em;
	padding: 0.2em 0 0.2em 2.0em;
	margin: 1em 0 0.3em 0;
	font-weight: bold;
	background:url(images/h4_bg.jpg) no-repeat 0 3px;
}
.content h5 {
	font-size: 1.1em;
	margin: 10px 0px;
}
/* ol,ul */
.content ol, .content ul { padding: 5px 0px 5px 25px; }
.content ul { list-style-type: disc; }
.content ol li, .content ul li { padding: 5px 0px; }
/* table */
.content table { margin: 10px 0px; }
.content table th, .content table td { padding: 5px; }
/* img */
.content img {
	max-width: 100%;
	height: auto;
}
.content a img {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.content a img:hover, .shrink:focus, .shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
/* ==== main === */
.main-con {
width: 720px;
float:right;
}
body.buddypress .main-con {
    width: 100%;
}
/* ==== sidenav === */
.sidenav-con {
width: 210px;
float: left;
}
.sidenav-con p {
font-size: 1.2em;
padding:12px;
background: #007E82;
color: #FFF;
}
.sidenav-con p span {
display: none;
}
.sidenav-con > ul {
box-sizing:border-box;
padding: 0px 0 8px;
}
.sidenav-con li {
}
.sidenav-con li a {
width: 210px;
box-sizing:border-box;
height: auto;
padding: 12px 5px 12px 18px;
display: block;
text-decoration: none;
color: #333333;
border-bottom:dotted 1px #CCC;
background:url(images/sidenav_icon.png) no-repeat 0px 20px;
}
body.buddypress .sidenav-con {
display: none;
}
	
/*----------------------------------------------------------------------------
******************************************************************************
ft
******************************************************************************
----------------------------------------------------------------------------*/
.ft-con {
background-color: #88BC41;
padding-top: 35px;
padding-bottom: 35px;
text-align: center;
margin-top: auto;
}
.ft-counter-con h3{
	font-size: 0.9rem;
	font-weight: normal;
	margin-bottom: 5px;
}
.ft-counter-area{
	margin-bottom: 10px;
}
.counter__con{
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.counter__con span{
background-color: rgba(0,0,0,0.4);
color: #3C0;
display: flex;
justify-content: center;
align-items: center;
width: 18px;
height: 30px;
margin: 0 1px;
}
.ft-con .copyright{
	font-size: 0.7rem;
}
.ft-con br {
display: none;
}

/*----------------------------------------------------------------------------
******************************************************************************
page-top
******************************************************************************
----------------------------------------------------------------------------*/
#page-top {
	bottom: 30px;
	position: fixed;
	right: 30px;
	z-index: 100;

}
#page-top a {
	background: #007E82;
	color: #FFF;
	font-size: 0.7rem;
	font-weight: bold;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	cursor: pointer;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*----------------------------------------------------------------------------
******************************************************************************
pankuzu
******************************************************************************
----------------------------------------------------------------------------*/
#pankuzu {
background: #88BC41;
color: #FFF;
font-size: 11px;
padding: 5px 0;
}
#pankuzu li {
display: inline-block;
padding-right: 10px;
}
#pankuzu li a {
color: #FFF;
}

/*----------------------------------------------------------------------------
******************************************************************************
clild
******************************************************************************
----------------------------------------------------------------------------*/
.clild-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.clild-list li {
width: calc( ( 100% - 10px ) / 2 );
list-style: none;
margin-bottom: 10px;
}
.clild-list li a {
background-color: #EFEFEF;
color: #111;
display: block;
text-align: center;
padding: 10px;
}
.clild-list li a:hover {
opacity: 0.8;
text-decoration: underline;
}

/*----------------------------------------------------------------------------
******************************************************************************
home
******************************************************************************
----------------------------------------------------------------------------*/

.home-title {
font-size:2.1em;
width: 300px;
border-bottom: 7px solid #88BC41;
margin:0 auto 30px;
padding-bottom: 10px;
text-align:center;
}
.home-slide-bg {
background: url(images/wrap-bg.png) no-repeat top center;
padding: 30px 0;
}
.home-about-con{
	padding: 40px 0;
}
.home-about-title {
background:#88BC41;
border-radius: 4px;
padding: 0.9em 0 0.9em 3.2em;
font-size: 2.1em;
position:relative;
color: #FFF;
margin-bottom: 30px;
}
.home-about-title:before {
content: url(images/i_about_icon.png);
position:absolute;
top: 50%;
left: 20px;
margin-top: -26px;
}
.home-about-title:after {
content: url(images/i_about_bg02.jpg);
position:absolute;
bottom: -26px;
left: 8px;
}
/*左側*/
.home-about-area {
display: flex;
justify-content: space-between;
}
.home-about-area-left {
width: 550px;
}
.home-about-area-left p{
font-size: 1.2em;
line-height: 1.4em;
}
.home-about-list{
	margin-top: 10px;
}
.home-about-list li {
width:47%;
float: left;
box-sizing:border-box;
border-radius: 5px;
margin:10px 0;
font-size:1.4em;
list-style:none;
background:#007E82;
position:relative;
}
.home-about-list li:first-child {
margin-right: 6%;
}
.home-about-list li:before {
content: url(images/i_about_arrow.png);
position:absolute;
top: 50%;
left: 10px;
margin-top: -10px;
}
.home-about-list li a {
display:block;
color:#FFFFFF;
padding: 0.5em 0 0.5em 1.8em;
}
.home-about-list a:hover {
color: #88BC41;
}

/*右側*/
.home-about-area-right {
width:375px;
height:257px;
background:url(images/i_check_bg.jpg) no-repeat top left;
margin:10px 0 40px;
position: relative;
}
/*詳しくはこちらボタン*/
.home-about-area-right a {
background: #0099CC;
border-radius: 5px;
padding: 10px 0px;
text-align:center;
box-sizing:border-box;
width: 80%;
color:#FFFFFF;
font-size: 1.1em;
position:absolute;
bottom: 20px;
right: 7%;
font-weight:bold !important;
display:block;
box-shadow: 0px 5px #00749A;
}
.home-about-area-right a:hover {
background: #00749A;
}

/* NEWS & TOPICS */
.home-news-bg{
background:url(images/bg.jpg);
}
.home-news-con {
padding: 60px 0;
}
#iframe_area {
width:100%;
height:230px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.home-news-area {
background:#FFFFFF;
min-height: 220px;
box-sizing:border-box;
border: 5px solid #88BC41;
border-radius: 5px;

}
.home-news-table-area {
height: 300px;
overflow: auto;
}
.home-news-table{
	width: 100%;
}
.home-news-table td {
vertical-align: top;
padding: 15px;
border-bottom: 1px solid #88BC41;
}
.home-news-table td.date {
width: 15%;
font-weight:bold;
color: #333;
vertical-align:middle;
text-align:center;
}
.home-news-table td.category {
width: 9%;
font-weight:bold;
text-align:center;
color: #fff;
vertical-align:middle;
font-size:0.9em;
}
.home-news-table td.entry-info {
background-color: #0099CC;
}

.home-contact-con {
padding: 60px 0;
}
.home-contact-area{
	display: flex;
	justify-content: center;
	align-items: center;
}
.home-contact-area-left {
padding-right: 30px;
padding-left: 170px;
width: 50%;
}
.home-contact-area-right {
padding-left: 30px;
width: 50%;
border-left: 1px solid #000;
}

/*----------------------------------------------------------------------------
******************************************************************************
page
******************************************************************************
----------------------------------------------------------------------------*/
.page-title-bg {
	background:url(images/bg.jpg);
	margin-bottom: 20px;
}
.page-title-con h2 {
	font-size: 2.1em;
	color: #007E82;
	padding: 0.9em 0 0.9em 0em;
	text-align:center;
	font-weight:bold;
}
.page-title-con h2:before {
	content: url(images/h2_arrow.png);
	margin-right: 0.5em;
	position:relative;
	top: calc(50%-10px);
}
div.bbp-breadcrumb {
    display: none!important;
}
}





/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** タブレットのスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 780px) {
/*----------------------------------------------------------------------------
******************************************************************************
Base
******************************************************************************
----------------------------------------------------------------------------*/
.layout {
padding-left: 10px;
padding-right: 10px;
}
/*----------------------------------------------------------------------------
******************************************************************************
hd
******************************************************************************
----------------------------------------------------------------------------*/
.hd-con {
padding-bottom: 10px;
}
.hd-nav-con{
margin: 0 -10px 10px;
}
.hd-nav-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.hd-nav-list li{
width: calc(100%/3);
}
.hd-nav-list li a {
	border-left: 1px solid rgba(0,0,0,0.3);
display: block;
background: #007E82;
color: #fff;
font-size: 2vw;
padding: 1.5vw;
position: relative;
text-align: center;
}
.hd-nav-list li a:hover {
opacity:0.7;
}

.hd-con h1{}
/* ==== h1 img === */
.logo_pc {
display:none;
}
.logo_tl {
display: inline-block;
height: auto;
width: 40%;
}
.logo_sp {
display:none;
}

/*----------------------------------------------------------------------------
******************************************************************************
nav
******************************************************************************
----------------------------------------------------------------------------*/
/*ナビスタイルはmeanmenu.css*/


/*----------------------------------------------------------------------------
******************************************************************************
con
******************************************************************************
----------------------------------------------------------------------------*/
.con-con{
padding: 20px 10px;
display: flex;
flex-wrap: wrap;
}
/* ==== main === */
.main-con {
width: 100%;
order: 2;
}
/* ==== sidenav === */
.sidenav-con {
width: 100%;
order: 1;
}
/* ==== content === */
.content h1{}
.content h2{}
.content h3 {
	margin: 1.2em 0 0.5em 0;
	font-size: 1.4em;
	padding: 0em 0.6em 0.5em 0.1em;
	border-bottom: 3px solid #88BC41;
	font-weight:normal;
}
.content h4 {
	font-size: 1.2em;
	padding: 0.2em 0 0.2em 2.0em;
	margin: 1em 0 0.3em 0;
	font-weight: bold;
	background:url(images/h4_bg.jpg) no-repeat 0 3px;
}
.content h5 {
	font-size: 1.1em;
	margin: 10px 0px;
}
/* ol,ul */
.content ol, .content ul { padding: 5px 0px 5px 25px; }
.content ul { list-style-type: disc; }
.content ol li, .content ul li { padding: 5px 0px; }
/* table */
.content table { margin: 10px 0px; }
.content table th, .content table td { padding: 5px; }
/* img */
.content img {
	max-width: 100%;
	height: auto;
}
.content a img {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.content a img:hover, .shrink:focus, .shrink:active {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
/* ==== sidenav === */
	.sidenav-con{
		margin-bottom: 1rem;
	}
.sidenav-con p {
font-size: 1.2em;
padding:12px;
background: #007E82;
color: #FFF;
}
.sidenav-con ul {
display: none;
padding: 0px 0 8px;
}
.sidenav-con li {
}
.sidenav-con li a {
box-sizing:border-box;
height: auto;
padding: 12px 5px 12px 18px;
display: block;
text-decoration: none;
color: #333333;
border-bottom:dotted 1px #CCC;
background:url(images/sidenav_icon.png) no-repeat 0px 20px;
}
.sp-sidenav-click span{
	display: none;
}
.sp-sidenav-click span.active{
	display: inline;
}
	#autlist{
		display:none;
	}
	#autlist ul{
		display: block!important;
	}
/*----------------------------------------------------------------------------
******************************************************************************
ft
******************************************************************************
----------------------------------------------------------------------------*/
.ft-con {
background-color: #88BC41;
padding: 10px;
text-align: center;
}
.ft-counter-con h3{
	font-size: 0.9rem;
	font-weight: normal;
	margin-bottom: 5px;
}
.ft-counter-area{
	margin-bottom: 10px;
}
.counter__con{
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.counter__con span{
background-color: rgba(0,0,0,0.4);
color: #3C0;
display: flex;
justify-content: center;
align-items: center;
width: 18px;
height: 30px;
margin: 0 1px;
}
.ft-con .copyright{
	font-size: 0.7rem;
}
.ft-con .copyright{
	font-size: 0.7rem;
}
/*----------------------------------------------------------------------------
******************************************************************************
page-top
******************************************************************************
----------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 0;
	right: 3vw;
}
#page-top a {
	background: #007E82;
	text-decoration: none;
	color: #fff;
	font-size: 2.5vw;
	line-height: 0.8rem;
	padding: 3vw;
	text-align: center;
	display: block;
	font-weight:bold;
}
/*----------------------------------------------------------------------------
******************************************************************************
pankuzu
******************************************************************************
----------------------------------------------------------------------------*/
#pankuzu {
display: none;
}

/*----------------------------------------------------------------------------
******************************************************************************
home
******************************************************************************
----------------------------------------------------------------------------*/

.home-title {
font-size:1.3em;
border-bottom: 3px solid #88BC41;
margin:0 auto 20px;
padding-bottom: 5px;
text-align:center;
}
.home-slide-bg{margin-bottom: 20px;}
.home-about-con{
margin-bottom: 20px;
}
.home-about-title {
background:#88BC41;
border-radius: 4px;
padding: 10px;
font-size: 1.2em;
color: #FFF;
margin-bottom: 10px;
}

/*左側*/
ome-about-list{
	margin-top: 10px;
}
.home-about-list li {
box-sizing:border-box;
border-radius: 5px;
margin: 10px 0;
font-size:1.2em;
list-style:none;
background:#007E82;
position:relative;
}
.home-about-list li:before {
content: url(images/i_about_arrow.png);
position:absolute;
top: 50%;
left: 10px;
margin-top: -10px;
}
.home-about-list li a {
display:block;
color:#FFFFFF;
padding: 0.5em 0 0.5em 2em;
}
.home-about-list a:hover {
color: #88BC41;
}
.home-about-area-right {
width:375px;
height:257px;
background:url(images/i_check_bg.jpg) no-repeat top left;
margin: 20px auto;
position: relative;
}
.home-about-area-right a {
background: #0099CC;
border-radius: 5px;
padding: 10px 0px;
text-align:center;
box-sizing:border-box;
width: 80%;
color:#FFFFFF;
font-size: 1.1em;
position:absolute;
bottom: 20px;
right: 7%;
font-weight:bold !important;
display:block;
box-shadow: 0px 5px #00749A;
}
.home-about-area-right a:hover {
background: #00749A;
}

/* NEWS & TOPICS */
.home-news-bg{
background:url(images/bg.jpg);
}
.home-news-con {
	padding-top: 20px;
	padding-bottom: 20px;
}
#iframe_area {
width:100%;
height:230px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.home-news-area {
background:#FFFFFF;
min-height: 220px;
box-sizing:border-box;
border: 5px solid #88BC41;
border-radius: 5px;

}
.home-news-table-area {
height: 300px;
overflow: auto;
}
.home-news-table{
	width: 100%;
}
.home-news-table {
display: block;
overflow: auto;
max-height: 300px;
}
.home-news-table tr {
display: flex;
flex-wrap: wrap;
padding: 10px 0;
border-bottom: 1px dotted #666;
}
.home-news-table td.date {
background-color: #EFEFEF;
width: 50%;
font-weight:bold;
font-size: 0.8em;
color: #333;
text-align:center;
}
.home-news-table td.category {
width: 50%;
font-weight:bold;
font-size: 0.8em;
background: #0099CC;
text-align:center;
color: #fff;
}
.home-news-table td.title {
line-height: 1.5em;
padding: 5px 10px 0;
}
.home-news-table td.entry-info {
background-color: #0099CC;
}

.home-contact-con {
padding-top: 20px;
padding-bottom: 20px;
}
.home-contact-area{
	display: flex;
}
.home-contact-area-left,
.home-contact-area-right {
font-size: 1.8vw;
width: 48%;
}

/*----------------------------------------------------------------------------
******************************************************************************
page
******************************************************************************
----------------------------------------------------------------------------*/
.page-title-bg {
	background:url(images/bg.jpg);
}
.page-title-con h2 {
	font-size: 6vw;
	color: #007E82;
	padding: 5vw 3vw;
	font-weight:bold;
}
div.bbp-breadcrumb {
    display: none!important;
}
}


/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** スマホのスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:599px) {
/*----------------------------------------------------------------------------
******************************************************************************
hd
******************************************************************************
----------------------------------------------------------------------------*/
.hd-nav-list li a {
font-size: 3vw;
}
/* ==== h1 img === */
.logo_tl {
display: none;
}
.logo_sp {
display: inline;
height: auto;
width: 50%;
}
/*----------------------------------------------------------------------------
******************************************************************************
home
******************************************************************************
----------------------------------------------------------------------------*/
.home-about-area-right {
width: 300px;
height: 240px;
background-size : contain;
}
.home-contact-area{
	display: block;
}
.home-contact-area-left,
.home-contact-area-right {
font-size: 4vw;
margin-bottom: 10px;
width: 100%;
}
}


/*bbPressフォーラム一覧画面*/

div.bbp-breadcrumb {
    display: none!important;
}

#bbpress-forums ul.bbp-forums {
  border: none;
}

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-body li.bbp-forum-reply-count, #bbpress-forums li.bbp-body li.bbp-forum-freshness {
  display: none;
}

#bbpress-forums li.bbp-body ul.forum {
  border-top: none;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#bbpress-forums li.bbp-forum-info {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
  position: relative;
  display: inline-block;
  padding: .5em 1em .5em 5px;
  min-width: 200px;
  max-width: 100%;
  border-radius: 3px;
  color: slategray;
  background: whitesmoke;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 30px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 10px solid whitesmoke;
}

#bbpress-forums .bbp-forum-info a.bbp-forum-title {
  display: block;
  font-size: 1.2em;
  font-weight: 900;
  color: #60CAAD;
  /*カテゴリー名の文字色*/
  text-decoration: none;
  padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body li.bbp-forum-topic-count {
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: whitesmoke;
  color: slategray;
}


/*bbPressトピック一覧画面*/

.bbp-template-notice, #bbpress-forums li.bbp-topic-title p.bbp-topic-meta, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-freshness, #bbpress-forums .bbp-pagination {
  display: none;
}

#bbpress-forums div.bbp-the-content-wrapper {
    margin-bottom: 30px!important;
}

#bbpress-forums ul.bbp-topics, #bbpress-forums li.bbp-header {
  border: none;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
  background: white;
}

#bbpress-forums li.bbp-body ul.topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink {
  display: block;
  font-weight: 900;
  color: #60CAAD;
  /*カテゴリー名の文字色*/
  text-decoration: none;
  padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-reply-count {
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: whitesmoke;
  color: slategray;
}


/*トピック作成フォーム*/

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form {
  background: white;
  border: none;
  padding: 0;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend {
  position: relative;
  padding: 10px 40px 10px 10px;
  margin: 0 0 1em;
  line-height: 20px;
  background: #F0FAFA;
  border-left: 40px solid #60CAAD;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend::before {
  content: "\f5ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  color: white;
  position: absolute;
  left: -32px;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form select, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form br, #bbp_topic_subscription {
  display: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before{
  content: "タイトル";
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p>label{
  display: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
  content: "本文";
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
  color: slategray;
  line-height: 50px;
  background: #F0FAFA;
  padding: .5em 1.5em;
  border-radius: 30px;
}

#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form input#bbp_topic_title,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form textarea#bbp_topic_content {
  width: 100%;
  background: whitesmoke;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
  float: none;
  text-align: center;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_topic_submit {
  width: 100%;
  max-width: 300px;
  margin: auto;
  padding: 10px;
  background: #60CAAD;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 3px;
}


/*トピック詳細画面*/

#bbpress-forums ul.bbp-replies {
  border: none;
}

#bbpress-forums div.bbp-reply-header {
  background-color: white;
  border-top: none;
}

#bbpress-forums div.bbp-reply-author {
  width: 20%;
}

#bbpress-forums .bbp-author-role, #bbpress-forums .bbp-reply-ip, #bbpress-forums .bbp-reply-permalink, #bbpress-forums span.bbp-admin-links {
  display: none;
}

#bbpress-forums .bbp-meta {
  text-align: right;
}

#bbpress-forums .bbp-body span.bbp-reply-post-date {
  color: #ccc;
}

#bbpress-forums div.bbp-reply-author img.avatar {
  margin: 0 auto;
  border-radius: 50%;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  color: slategray;
  text-decoration: none;
}

#bbpress-forums div.bbp-reply-content {
  position: relative;
  display: inline-block;
  padding: 30px;
  margin-left: 20px;
  min-width: 200px;
  max-width: calc( 80% - 20px);
  border-radius: 3px;
  color: slategray;
  background: whitesmoke;
}

#bbpress-forums div.bbp-reply-content::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 30px;
  border: 10px solid transparent;
  border-right: 10px solid whitesmoke;
}

@media(max-width:480px) {
  #bbpress-forums .bbp-body div.bbp-reply-author {
    margin: 0;
    min-height: 85px;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content {
    margin: 0;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content p {
    padding: .5em 1em;
    margin: 0;
  }
  #bbpress-forums div.bbp-reply-content::before {
    top: -20px;
    left: 20px;
    border: 10px solid transparent;
    border-bottom: 10px solid whitesmoke;
  }
}


/*返信フォーム*/

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend {
  position: relative;
  padding: 10px 40px 10px 10px;
  margin: 0 0 1em;
  line-height: 20px;
  background: #F0FAFA;
  border-left: 40px solid #60CAAD;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend::before {
  content: "\f5ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  color: white;
  position: absolute;
  left: -32px;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form {
  border: none;
  padding: 0;
  background: white;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form textarea#bbp_reply_content {
  width: 100%;
  background: whitesmoke;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
  float: none;
  text-align: center;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_reply_submit {
  width: 100%;
  max-width: 600px;
  margin: auto;
  background: #60CAAD;
  color: white;
  border: none;
  border-radius: 3px;
}

/*匿名投稿を可能にする時用*/
fieldset.bbp-form p.form-allowed-tags {
  display: none;
}
#bbpress-forums div.bbp-reply-content{
	padding-left: 12px!important;
}
#bbpress-forums div.bbp-reply-content::before{
	top: 1.2em!important;
}
body.bbpress .main-con{
	width: 100%
}
body.bbpress .sidenav-con{
	display: none;
}
/*フォーラム投稿画像のサイズ指定*/
.attachment-d4p-bbp-thumb{
	width: 200px;
	height:auto;
}

.activity-list .activity-item .activity-content .activity-inner p {
  font-size: 14px;
  line-height: 1.8;
}
.activity-list .activity-item .activity-content .activity-inner iframe {
  aspect-ratio:16 / 9;
  width:100%;
  height:100%
}
.activity-list .activity-item .activity-read-more {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1em;
}
.buddypress .buddypress-wrap .activity-read-more a {
  padding: 0.8em 1.3em!important;
}