@charset "utf-8";

/* -------------------------------------------------- */
/* #block-list */
/* -------------------------------------------------- */
#block-list > .container{max-width:1040px;}
#block-list .list-category{display:flex;border:1px solid #332e2d;width:100%;margin-bottom:60px;}
#block-list .list-category > li{flex:1;min-height:72px;}
#block-list .list-category > li + li{border-left:1px solid #332e2d;}
#block-list .list-category > li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 50px;position:relative;line-height:1.5;}
#block-list .list-category > li a:hover{background:#eee;}
#block-list .list-category > li.active a{background:#332e2d;color:#fff;pointer-events:none;}

#block-list .list-news{border-top:1px solid #332e2d;}
#block-list .list-news > li{border-bottom:1px solid #332e2d;}
#block-list .list-news > li > *{display:flex;flex-wrap:wrap;align-items:center;padding:45px 0;}
#block-list .list-news > li > a{padding-right:50px;position:relative;}
#block-list .list-news > li > a::after{content:"";display:block;width:21px;height:12px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;right:0;margin-top:-6px;transition:.25s ease;}
#block-list .list-news > li > a:hover::after{right:-5px;}
#block-list .list-news > li .ttl{width:100%;margin-top:20px;}
#block-list .list-news > li .date{font-size:1.4rem;color:#666666;margin-right:30px;}
#block-list .list-news > li .category{display:flex;flex-wrap:wrap;gap:10px;}
#block-list .list-news > li .category span{font-size:1.2rem;padding:4px 10px 2px;white-space:nowrap;border:1px solid #332e2d;width:120px;text-align:center;overflow:hidden;text-overflow:ellipsis}

#block-list .parts-pager ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:60px;gap:8px;}
#block-list .parts-pager ul > li a{font-size:2.4rem;width:60px;height:60px;border-radius:100%;display:flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;}
#block-list .parts-pager ul > li a:hover{background-color:#eee!important;}
#block-list .parts-pager ul > li.active a{background:#332e2d!important;color:#fff;pointer-events:none;}
#block-list .parts-pager ul > li.prev a{border:1px solid #d6d5d5;background:url(/img/arrow01.png) no-repeat center center;background-size:21px auto;transform:scale(-1,1);}
#block-list .parts-pager ul > li.next a{border:1px solid #d6d5d5;background:url(/img/arrow01.png) no-repeat center center;background-size:21px auto;}

@media screen and (min-width:1px) and (max-width:999px){
  #block-list .parts-pager ul > li a{font-size:2rem;width:50px;height:50px;}
}
@media screen and (min-width:1px) and (max-width:767px){
	#block-list .list-category{flex-wrap:wrap;border:0;}
	#block-list .list-category > li{flex:none;width:50%;border:1px solid #332e2d;min-height:55px;margin:0 -1px -1px 0;}
	#block-list .list-category > li a{padding:5px 15px;font-size:1.3rem;min-height:53px;}
}
@media screen and (min-width:1px) and (max-width:622px){
  #block-list .list-category{margin-bottom:40px;}
  
  #block-list .list-news > li > a{padding:25px 30px 25px 0;}
  #block-list .list-news > li > a::after{width:12px;height:8px;margin-top:-4px;}
  #block-list .list-news > li .ttl{margin-top:10px;}
  #block-list .list-news > li .date{font-size:1.2rem;margin-right:15px;}
   #block-list .list-news > li .category{gap:5px;}
  #block-list .list-news > li .category span{font-size:1.1rem;padding:2px 5px 0;width:90px;}

  #block-list .parts-pager ul{gap:5px;margin-top:40px;}
  #block-list .parts-pager ul > li a{font-size:1.6rem;width:36px;height:36px;}
  #block-list .parts-pager ul > li.prev a,
  #block-list .parts-pager ul > li.next a{background-size:12px auto;}
}

/* -------------------------------------------------- */
/* #block-detail */
/* -------------------------------------------------- */
#block-detail > .container{max-width:1040px;}
#block-detail .ttl{font-size:4rem;line-height:1.3;border-bottom:1px solid #332e2d;padding-bottom:25px;margin-bottom:25px;}
#block-detail .category{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
#block-detail .category span{font-size:1.2rem;font-weight:bold;padding:5px 15px 2px;display:inline-block;min-width:120px;border:1px solid #332e2d;text-align:center;}
#block-detail .date{font-size:1.4rem;color:#666;margin-bottom:60px;}
#block-detail .editarea{line-height:2;}
#block-detail .editarea h2{font-size:3.2rem;line-height:1.25;margin:60px auto 20px;}
#block-detail .editarea h3{font-size:2.4rem;line-height:1.33;margin:60px auto 25px;}
#block-detail .editarea h4{font-size:1.8rem;line-height:1.33;margin:40px auto 25px;font-weight:bold;}
#block-detail .editarea p + p{margin-top:1.2em;}
#block-detail .editarea h2:first-child,
#block-detail .editarea h3:first-child,
#block-detail .editarea h4:first-child{margin-top:0;}
#block-detail .editarea img{display:block;margin:40px auto;}
#block-detail .editarea ul{margin:20px auto;}
#block-detail .editarea ul > li{position:relative;padding-left:1.5em;}
#block-detail .editarea ul > li::before{content:"・";position:absolute;left:0;top:0;}
#block-detail .editarea ol{margin:20px auto;counter-reset:item;}
#block-detail .editarea ol > li{position:relative;padding-left:1.5em;}
#block-detail .editarea ol > li::before{content:counter(item);counter-increment:item;position:absolute;top:0;left:0;}
#block-detail .link{border-top:1px solid #332e2d;margin-top:50px;padding-top:50px;display:flex;align-items:center;gap:120px;}
#block-detail .link > div{width:calc((100% - 120px) / 2);}
#block-detail .link a{position:relative;display:block;}
#block-detail .link .prev a{padding-left:40px;}
#block-detail .link .prev a::before{content:"";display:block;width:21px;height:12px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:0;margin-top:-6px;transition:.25s ease;transform:scale(-1,1);}
#block-detail .link .prev a:hover::before{left:-5px;}
#block-detail .link .next a{padding-right:40px;text-align:right;}
#block-detail .link .next a::before{content:"";display:block;width:21px;height:12px;background:url(/img/arrow01.png) no-repeat center center;background-size:contain;position:absolute;top:50%;right:0;margin-top:-6px;transition:.25s ease;}
#block-detail .link .next a:hover::before{right:-5px;}
#block-detail .btn{text-align:center;margin-top:50px;}
#block-detail .btn a{padding-top:22px;padding-bottom:22px;}

@media screen and (min-width:1px) and (max-width:999px){
  #block-detail .ttl{font-size:3.4rem;}
  #block-detail .editarea h2{font-size:3rem;}
}
@media screen and (min-width:1px) and (max-width:622px){
  #block-detail .ttl{font-size:2.4rem;padding-bottom:20px;margin-bottom:15px;}
  #block-detail .category{gap:5px;margin-bottom:20px;margin-top:-10px;}
  #block-detail .category span{font-size:1.1rem;padding:3px 10px 0;min-width:90px;}
  #block-detail .date{font-size:1.2rem;margin-bottom:30px;}
  #block-detail .editarea h2{font-size:2.2rem;margin:40px auto 15px;}
  #block-detail .editarea h3{font-size:1.9rem;margin:40px auto 15px;}
  #block-detail .editarea h4{font-size:1.6rem;margin:30px auto 15px;}
  #block-detail .editarea img{margin:30px auto;}
  #block-detail .link{margin-top:40px;padding-top:40px;display:block;}
  #block-detail .link > div{width:100%;}
  #block-detail .link > div + div a{margin-top:25px;}
  #block-detail .link .prev a{padding:0 30px;}
  #block-detail .link .prev a::before{width:12px;height:8px;}
  #block-detail .link .next a{padding:0 30px;}
  #block-detail .link .next a::before{width:12px;height:8px;}
  #block-detail .btn{margin-top:30px;}
  #block-detail .btn a{padding-top:15px;padding-bottom:15px;}
}