@charset "utf-8";
/***************************************************
information
  filename : board.css;
***************************************************/
@media screen and (max-width:800px){
}

.brd_det #contents{
  padding-top: 84px;
}

section.mainTi {
  border-bottom: none;
  margin: 0 auto;
  width: 100%;
}
section.mainTi p.mainTiInn {
  text-align: left;
  font-size: 3.5rem;
}
@media screen and (max-width:800px){
  section.mainTi p.mainTiInn {
    margin-top: 4.0rem;
    margin-bottom: 4.0rem;
  }
}

.brd_det .board_cate_title,
.brd_det .board_sortnavi,
.brd_det .board_top,
.brd_det .board_newbt,
.brd_det .board_input{
  margin-top: 20px;
  margin-left: 0;
  max-width: 750px;
}

.brd_det .copy_block{
  padding-left: 260px;
}
@media screen and (max-width:800px){
  .brd_det .copy_block{
    padding-left: 0;
  }
}


/****************** 掲示板一覧 ******************/
.board_sort .catenavY li a{
padding: 10px 0px;
border-radius: 6px;
}
.boardListName{
display: none;
}
.boardListLink{
background: #fff;
padding: 20px;
margin:  10px auto;
border-radius: 10px;
}
.boardList h2{
 transform: translate(10px, 10px);
}
@media screen and (max-width:800px){
  .brd_det .catenavY ul{
    flex-wrap: wrap;
  }
  .brd_det .catenavY ul li{
    width: 100px;
  }
}
.board_newbt a.topicsRegBt{
padding: 16px;
width: 50%;
margin: 0 auto 80px;
border-radius: 40px;
}
@media screen and (max-width:800px){
  .board_newbt a.topicsRegBt{
    width: 200px;
  }
}


/****************** 掲示板詳細 ******************/
.brd_det.brd_detail .board_cate_title{
  margin: 4.0rem auto;
}
.brd_det.brd_detail .board_cate_title h1.mainTiInn{
  font-size: 2.5rem;
}
.board_topicsBox h1{
background: var(--app-main-cr1);
color: #fff;
padding: 8px 24px;
}
.brd_det .commentList{
border: none;
}
.brd_det .commentBox{
width: 100%;
margin: auto;
border: none;
box-shadow: none;
}
a.boardBackBt{
padding: 16px;
margin: 40px auto 80px;
border-radius: 4px;
border: 1px solid #ddd;
background: #fff;
color: #333;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}


/****************** 新規掲示板 ******************/
.NewTpiBox{
background: #fff;
padding: 40px;
border-radius: 10px;
}
p.systemFotmTitle{
font-size: 20px;
position: relative;
padding-left: 25px;
}
p.systemFotmTitle:before{
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 15px;
border-radius: 50%;
background-color: var(--app-main-cr);
}
.brd_det button.topicsPostBt{
padding: 16px;
width: 50%;
margin: auto;
border-radius: 40px;
}
.brd_det button.boardBackBt{
padding: 16px;
margin: 40px auto 80px;
border-radius: 10px;
border: 1px solid #ddd;
background: #fff;
color: #333;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}