html { scroll-behavior: smooth;}

strong{
  font-weight: 700;
  color: #1da80e;
}

 /*base****/
 .wrap_category_list {
  margin-bottom: 3rem;
  background-color: #fcfcfc;
  border-bottom: 1px dashed #ccc;
  padding: 1rem 1rem 1rem;
}


 .p-pc_footer_cnv {
  display: none;
}

   /* h2*/
  .category-headline {
  padding-bottom: 10px;
}
.category-headline .title {
  position: relative;
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  border-bottom: 3px solid #ccc;
  padding-bottom: 5px;
}
.category-headline .title:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 3px;
  background-color: #000;
}


.category_cont {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  border: none;
  color: #002053;
}

.category_cont:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f07c";
  padding-right: 10px;
  float: left;
}

.category_text {
  position: relative;
  padding: .5em 1em .5em 0.7em;
  color: #002053;
  text-align: left;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 1.8rem auto 0rem;
}

.category_text:after {
  position: absolute;
  top: .5em;
  left: 0em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #c19218;
}


.category_name {
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
   /*  width: calc((100% - 10px) / 2); */

}

.category_name li {
  margin: 5px 5px 7px 0px;
  width: calc(100% / 5 - 5px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.category_name a:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f105";
  padding-right: 3px;
}

  /* 商品一覧*/

.item_wrap{
  display: flex;
 /* min-height: 232px;*/
  color: rgb(255, 255, 255);
  border: 1px solid rgb(224, 224, 224);
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 2rem;
}

.ico{
  margin-right: 3rem;
}

.ico img{
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 12px 0px;
}

.date_cont{
  margin-right: 1rem;
color: #002053;
  width: 80%;

}
.date_cont table{
  margin-bottom: 2rem;
}

.date_title {
  font-weight: 600;
  color: #002053;
  font-size: 1rem;
  margin-bottom: 5px;
}
.txt_hidden {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
}


.wrap_ePTByC{
  margin-bottom: 1.5rem;
}

.ePTByC {
  height: 30px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
  color: rgb(34, 34, 34);
  background: rgb(245, 245, 245);
  border-radius: 4px;
  display: inline;
}


 nav {
  display: block;
}

.paginations>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.paginations>ul>li {
  border: 2px solid #e2e5f1;
  border-radius: 3px;
  font-size: 18px;
  margin: 5px 0;
}

.paginations>ul>li>.page-num {
  display: block;
  padding: 2px 10px;
}

.paginations>ul>li+li {
  margin-left: 6px;
}

.paginations>ul>li.current {
  border: 2px solid #002053;
}

.paginations>ul>li>span.page-num {
  background-color: #002053;
  color: #fff;
}

.paginations>.page {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 1rem;
}

.bdn{
  border: none;
}


  /* 商品詳細*/

  .item_detail_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 2rem 0;
}

.item_detail_top {
  width: 80%;
}

.item_detail_ico {
  margin-right: 2rem;
}

.item_detail_ico img{
  max-width: 120px;
}

.item_detail_head  .category-headline .title{
margin-top: 0rem;
}

.item_detail_cont{
  width: auto;
}

.title_fb{
  font-weight: 700;
  margin: 1.5rem 0 3px;
}

.title_navy{
  font-weight: 700;
  margin: 1.5rem 0 3px;
}


  /* ipad*/
  @media screen and (max-width:1024px) {
    
  }
/* mb 730px*/
@media screen and (max-width:730px) {
  .category-headline {
    margin-bottom: 0.5rem;
}
.category-headline .title {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.category_name li {
  margin: 10px 5px 10px 0px;
  width: calc(100% / 2 - 5px);
}
.wrap_category_list {
  padding: 1rem 5px 1rem;
}
.ico {
  margin-right: 10px;
}
.ico {
  margin-right: 20px;
  width: 100px;
  float: left;
}
.item_wrap {
  padding: 0.7rem;
  margin-bottom: 1rem;
  display: block;
}
.date_cont {
  margin-right: 0;
  width: auto;
}
.date_cont p {
  clear: both;
  padding-top: 1rem;
}
.wrap_ePTByC {
  margin-bottom: 10px;
}
.ePTByC {
  padding: 6px 7px;
  display: inline-block;
  margin: 0 3px 5px 0px;
}
.item_detail_top {
  width: 85%;
}
.item_detail_head  .category-headline .title {
  font-size: 1.4rem;
  margin-bottom: 0rem;
}
.item_detail_head {
margin-bottom: 1rem;
}
.item_detail_ico img {
  max-width: 90px;
}
.item_detail_ico {
  margin-right: 1rem;
}

}