.category_links{
  font-size: 2.6rem;
  color: #222222;
  margin: 98px auto 2rem;
  padding: 24px 20px;
  background: #f5f5f5;
  border-top: 2px dotted #292929;
  border-bottom: 2px dotted #292929;
  box-shadow: 0px -8px 0px #f5f5f5, 0px 8px 0px #f5f5f5;
  position: relative;
  line-height: 1.4;
  letter-spacing: 0.11em;
  font-weight: bold;
}
.imgarea.caption {
    text-align: center;
}

.imgarea.caption img {
    display: block;
    margin: 0 auto 0.5rem;
    border: solid 1px #eee;
    width: auto;
    max-width: 600px;
}


#toc {
  border: 3px solid #000;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 600px;
  padding: 10px;
}

#toc ul {
  margin: 0;
  padding: 0;
  position: relative;
}

#toc ul li {
  list-style: none;
  padding: 2px 0 2px 10px;
  position: relative;
}

/* 見出しを非表示 */
.is-hidden {
  display: none;
}

/* 「もっと見る／閉じる」ボタンに矢印を追加 */
.list-btn {
  appearance: none;
  background: #ccc;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 10px 30px 10px 10px;
  position: relative;
}

.list-btn:before {
  border: 0px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  content: '';
  height: 8px;
  margin-top: -6px;
  position: absolute;
  right: 10px;
  transform: rotate(135deg);
  top: 50%;
  width: 8px;
}

.list-btn-opened:before {
  transform: rotate(-45deg);
  margin-top: -2px;
}




/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 481px) {

  /*/////////////PC用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
.block-banner{
	display: block;
    position: fixed;
    left: 0;
    bottom: 1rem;
    width: 26.4rem;
    height: 20rem;
    box-sizing: border-box;
    z-index: 310;
	}
.block-banner a{
	display: block;
    width: 26.4rem;
    height: 20rem;
    padding: 8.5rem 0 0 0;
    background: url(https://www.yakiire-hakase.com/wp/wp-content/uploads/fbanner_img_01.png) no-repeat left top;
    background-size: contain;
    box-sizing: border-box;
    color: #fff;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
	}
	
  .catch {
    font-size: 1.8rem;
    margin: 50px auto 1.5rem;
	letter-spacing: 0.11em;
    font-weight: bold;
  }
	
.box4{
    padding: 8px 19px;
    margin: 4em 0;
    color: #2c2c2f;
    background: #fdf6eb;
    border-top: solid 5px #bc1124;
    border-bottom: solid 5px #bc1124;
}
.box4 p {
    margin: 0; 
    padding: 0;
}

	.flx{
		display: flex;
		width: 100%;
		justify-content: center;
	}
	
	.flx .block{
		    width: calc(100% / 3);
		    margin: 0rem 1rem;
		    padding: 2.5rem 1.7rem;
	}
	
	.flx .blockTitArea {
    display: block;
    width: 100%;
    margin: 0 auto 5rem;
    border-top: 4px solid #292929;
    border-bottom: 2px solid #292929;
    padding: 1.5rem 0;
}
	.flx .blockTit {
    display: block;
    font-size: 3.3rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-align: center;
    vertical-align: middle;
    background: #bc1124;
    color: #ffffff;
    width: auto;
}
	.flx .add {
    padding: 0 2.7rem;
		height:115px;
}
	.flx .add .blockCatch {
    color: #bc1124;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0.11em;
    line-height: 1.4;
}
	.flx .block + .block {
    margin: 0rem 1rem;
}

#index .flx .add .blockName {
    font-size: 2.4rem;
    line-height: 1.4;
    text-align: center;
}

.flx .plan .thum-area {
    width: 100%;
    float:center
}

.flx .tags {
    width: 100%;
    float: right;
    padding: 2.6rem 2.3rem 4.6rem;
}
.flx .tags .tags_wrap > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 15px) / 2);
    background-color: #555;
    padding: 1rem 0;
    line-height: 1.2;
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    font-weight: bold;
    color: #fff;
    margin: 1rem 0 0;
}
.flx .tags .tags_wrap > div.off {
    background-color: #d0d5dc;
}




}

/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 480px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
.block-banner{
	display: none;
	}
  .catch {
    font-size: 1.4rem;
    margin: 50px auto 1.5rem;
	letter-spacing: 0.11em;
    font-weight: bold;
  }
.category_links{
    font-size: 1.8rem;
    margin: 5.5rem auto 2.5rem;
    line-height: 1.4;
    padding: 1.2rem 2rem;
  }
	
	.box4{
    padding: 8px 19px;
    margin: 4em 0;
    color: #2c2c2f;
    background: #fdf6eb;
    border-top: solid 5px #bc1124;
    border-bottom: solid 5px #bc1124;
}
.box4 p {
    margin: 0; 
    padding: 0;
}
.imgarea.caption img {
    max-width: 90%;
}	
.flx{
	display: block;
	width: 100%;
}



}