/*■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　
		下層ページ用
■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■　■ */
/****************************************************************************************************************************
		パンくず
****************************************************************************************************************************/
.breadcrumbs{
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.breadcrumbs .list{
}

.breadcrumbs .list a{
}

.breadcrumbs .list .name{
  font-weight: bold;
  font-size: 13px;
  color: #333;
}

.breadcrumbs .list a .name{
  font-weight: normal;
  color: #666;
}

.breadcrumbs .fas{
  display: inline-block;
  padding-left: 10px;
  padding-right:10px;
  color: #aaa;
  font-size: 14px;
}

@media screen and (min-width: 919px){
  .breadcrumbs .list a:hover{
    -webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 0.5;
  }
}






/****************************************************************************************************************************
	アーカイブ・カテゴリ,メインレイアウト
****************************************************************************************************************************/
main.archive-page{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 30px;
}

main.archive-page article.mainConts{
  flex: 1;
}

main.archive-page aside.sidebar{
  width: 240px;
  padding-left: 30px;
  padding-bottom: 50px;
}

@media screen and (max-width: 1000px){
  main.archive-page{
    display: block;
  }
  main.archive-page aside.sidebar{
    width: 100%;
    padding-left: 0px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 920px){
  main.archive-page aside.sidebar{
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 640px){
  main.archive-page{
    padding-top: 20px;
  }
}





/****************************************************************************************************************************

****************************************************************************************************************************/