.u-sp{
  display: none;
  @media screen and (max-width: 640px) {
    display: block;
    width: 100%;
  }
}

.u-pc{
  display: block;
  @media screen and (max-width: 640px) {
    display: none;
  }
}

.add_searchwindow{
    margin-top: 40px;
}

.add_main{
    max-width: 1200px;
    margin-inline: auto;
    width: 100%;
}

.add_bunner{
    max-width: 914px;
    margin-inline: auto;
}

.header_gnavi ul.G-nav li{
    width: auto!important;
}

.header_gnavi ul.G-nav li a.point::after{
    left: initial;
    right: -10px;
}

.header_gnavi ul.G-nav{

}

.header_gnavi ul.G-nav li a.point{
    font-size: 13px;
    padding-left: 52px;
}

.header_gnavi ul.G-nav li::before{
    width: 46px;
    height: 46px;
left: 0;
}

html,body{
    overflow-x: clip;
}

.point-heading{
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 26px;
}

.point-heading a{
    text-decoration: none;
    display: inline-block;
    padding: 4px 0;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 20px;
    font-weight: bold;

}
.header_gnavi ul.G-nav li .point-heading:hover a{
    text-decoration: none!important;
    border-bottom: 1px solid #2caa95;
}

.point-heading::after{
    content: "";
}

.header_gnavi ul.G-nav li div.G-nav-sub{
    padding:30px 28px
}

.header_gnavi ul.G-nav li div.G-nav-sub .blank:hover{
    background-color: #fff;
}


.card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
        align-items: center;
        gap: 12px;
        @media screen and (max-width: 640px) {
          margin-inline: auto;
        }
  }


  .card-header {
    background-color: #3CA995;
    color: white;
    padding: 16px 44px;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    @media screen and (max-width: 640px) {
      padding: 10px;
      gap: 14px;
      border-radius: 10px;
    }
  }

  .card-header:hover{
    opacity: 0.7;
  }



.card-header img{
    width: 70px;
    height: 70px;
    @media screen and (max-width: 640px) {
      width: 45px;
      height: 45px;
    }
}


  .card-header-title {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    @media screen and (max-width: 640px) {
 font-size: 14px;
    }
  }

  .card-header-title.large{
    @media screen and (max-width: 640px) {
      font-size: 16px;
    }
  }

  .card-header img.arrow-white {
    width: 8px;
    height: 16px;
    margin-top: 3px;
    @media screen and (max-width: 640px) {
      width: 5px;
      height: 10px;
      margin-top: 1px;
    }
  }


  .card-body {
    background-color: white;
    padding: 14px 18px;
    @media screen and (max-width: 640px) {
      padding: 5px;
    }
  }

  .card-body a{
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
  }

  .card-body a:hover{
    color: #3CA995;
  }



  


  .categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    font-size: 18px;
    font-weight: 500;
    width: 290px;
    margin-inline: auto;
    @media screen and (max-width: 640px) {
      grid-template-columns: repeat(2, 1fr);
      width: auto;
      font-size: 14px;
      row-gap: 10px;
      column-gap: 14px;
    }
  }

  .category-item {
    display: flex;
        align-items: center;
        justify-content: space-between;
  }

  .arrow-green {
    width: 5px;
    height: 10px;
  }


  .sizes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    font-size: 18px;
    font-weight: 500;
    max-width: 290px;
    margin-inline: auto;
    margin-top: 14px;
    @media screen and (max-width: 640px) {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 10px;
      column-gap: 14px;
      font-size: 14px;
    }
  }

  .sizes-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .more-link {
    text-align: right;
    margin-top: 8px;
    color: #1C8370!important;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
    max-width: 290px;
    margin-inline: auto;
    @media screen and (max-width: 640px) {
      font-size: 12px;
      margin-top: 4px;
    }
  }


  

  

  .top-cate__items.u-pc{
    display: flex;
    gap: 3.5%;
    max-width: 1140px;
    margin-inline: auto;
    justify-content: center;
    align-items: flex-start;
@media screen and (max-width: 640px) {
  display: none;
}
  }


  


  .top-cate__item{
    width: 30.7%;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #3CA995;
    @media screen and (max-width: 640px) {
      width: auto;
      border:none;
      border-radius: 10px;
    }
  }

  .top-cate__items2{
    margin-top: 55px;
  }

  .top-category__section{
    margin-top: 50px;
  }

  .sizes.sizes2{
    grid-template-columns: repeat(1, 1fr);
  }

  .categories.categories2{
    font-size: 16px;
    @media screen and (max-width: 640px) {
      font-size: 13px;
    }
  }

  .categories.kokubankanban{
    grid-template-columns: repeat(1, 1fr);
  }

.small-category-item{
  font-size: 13px;
  @media screen and (max-width: 640px) {
    font-size: 10px;
  }
}

.sizes.sizes-poster{
  grid-template-columns: repeat(4, 1fr);
  @media screen and (max-width: 640px) {
    grid-template-columns: repeat(2, 1fr);
  }
}

.card-body--poster{
  padding: 8px 16px 10px 16px;
  @media screen and (max-width: 640px) {
    padding: 8px 10px 10px 0;
  }
}


.category--title {
  font-weight: bold;
  color: #008060;
  font-size: 18px;
  @media screen and (max-width: 640px) {
    font-size: 14px;
  }
}

.item-list--poster__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  justify-content: space-between;
  color: #000;
  transition: all 0.3s ease;
}

.item-list--poster__link:hover{
  color: #3CA995;
}



.poster-flex{
  display: flex;
  align-items: flex-start;
  gap: 25px;
  @media screen and (max-width: 640px) {
    gap: 6px;
  }
}
.item-list--poster{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 13px;
  row-gap: 4px;
  flex: 1;
  @media screen and (max-width: 640px) {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}

.item-list--poster-top{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 13px;
  row-gap: 4px;
  flex: 1;
  @media screen and (max-width: 640px) {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}

.mt-10{
  margin-top: 10px;
  @media screen and (max-width: 640px) {
    margin-top: 0px;
  }
}

.poster-flex{
  @media screen and (max-width: 640px) {
   font-size: 14px;
  }
}

.poster-flex a{
  text-decoration: none;
}

.item-list--poster_bottom{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  column-gap: 13px;
  row-gap: 4px;
  flex: 1;
  @media screen and (max-width: 640px) {
    font-size: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    margin-top: 4px;
  }
}



.blank-text{
  opacity: 0;
}

.item-list--poster-top li:nth-of-type(7){
  grid-column: 1 / 3;
  grid-row: 4 / 5;
}

.top-cate__items.u-pc.top-cate__items3{
display: flex;
    gap: 3.5%;
    max-width: 1140px;
    margin-inline: auto;
    justify-content: center;
    align-items: flex-end;
    margin-top: -80px;
    @media screen and (max-width: 640px) {
      display: none;
    }
}

.sizes-last{
      font-size: 16px;
      font-weight: 500;
      max-width: 290px;
      margin-inline: auto;
      display: flex;
      flex-direction: column;
      gap: 7px;
      @media screen and (max-width: 640px) {
        font-size: 14px;
      }
}


.card-item--min-height{
  min-height: 276px;
  @media screen and (max-width: 640px) {
    min-height: auto;
  }
}


.top-cate__items-sp.u-sp{
display: none;
@media screen and (max-width: 640px) {
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 14px;
  column-gap: 8px;
  max-width: 355px;
  margin-inline: auto;
}
}


.pass{
  position: relative;
  width: 100%;
  height: 2px;
}

.pass::after{
  content: "";
  position: absolute;
  background-image: url(https://www.shop-add.jp/pic-labo/pass.png);
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}

.top-cate__items-sp2{
  margin-top: 8px;
}

.fz13{
  font-size: 13px;
}

.card-header-title.panel-stand-title{
  font-size: 13px;
  gap: 3px;
}

.card-link--small{
gap: 4px;
}

.top-category__section{
  white-space: nowrap;
}

.sizes-item.tenpokanban-item{
  @media screen and (max-width: 640px) {
    font-size: 11px;
  }
}

.top-cate__items-sp.top-cate__items-sp-last{
@media screen and (max-width: 640px) {
  margin-top: 8px;
  display: block;
}
}

.poster-flex-wrap{
  @media screen and (max-width: 640px) {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 10px;
  }
}

.item-list--poster__link.poster-flex-item{
  margin-left: 28px;
}


.pass-sp{
  position: relative;
  width: 100%;
  height: 2px;
}

.pass-sp::after{
  content: "";
  position: absolute;
  background-image: url(https://www.shop-add.jp/pic-labo/pass-sp.png);
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}



.tab__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    @media screen and (max-width: 640px) {
      gap: 7px;
    }
  }

.tab__menu-item {
    display: grid;
    place-items: center;
    font-size: 13px;
    line-height: 1;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    width: 110px;
    height: 60px;
    @media screen and (min-width: 640px) {
        font-size: 15px;
        width: auto;
        height: auto;
        padding: 22px 10px;
    }
}

.tab__menu-item.is-active {
    color: #fff;
    background-color: #FC7F50;
}

.tab__content {
    margin-top: 20px;
}

.tab__content-item {
    padding: 22px;
    display: none;
    background-color: #F5F5F5;

}

.tab__content-item.is-active {
    display: block;
    animation: fade .3s;
}

@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tab{
  padding-block: 30px;
  background-color: #F5F5F5;
  border-radius: 10px;
  @media screen and (max-width: 640px) {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}






.ranking_area ul {
  display: flex ;
  flex-wrap: wrap;
  gap: 20px;
  margin-inline: auto;
  white-space: normal;
  max-width: 1055px;
  padding-block: 26px;
  background-color: #fff;
  padding-inline: 45px;
  border-radius: 10px;
  @media screen and (max-width: 640px) {
    padding-inline: 0;
    background-color: transparent;

  }
}

.ranking_area ul li{
  width: calc(calc(100% - 60px) / 4);
  @media screen and (max-width: 640px) {
    width: calc(calc(100% - 20px) / 2);
  }
}


.ranking_area ul li a{
  color: #000;
  text-decoration: none;
}

.rankImg p {
  text-align: center;
  width: 40px;
  height: 40px;
  color: #fff;
  margin: 0 auto 10px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  box-sizing: border-box;
}
.ranking_area ul li:nth-child(1) .rankImg p {
  background-color: #C7AF48;
}
.ranking_area ul li:nth-child(2) .rankImg p {
  background-color: #D0D0D0;
}
.ranking_area ul li:nth-child(3) .rankImg p {
  background-color: #D1A981;
}
.ranking_area ul li:nth-child(4) .rankImg p {
  background-color: #99B2AD;
}
.ranking_under {
  display: none;
}
.rankImg img {
  border: solid 1px #707070;
  width: 100%;
}
.rankTxt {
  margin: 15px 0 0 0;
}
.rankTxt h3 {
  margin: 0 0 10px 0;
  font-size: 14px;
}
.rankTxt p:not(.price) {
  font-size: 14px;
  margin: 0 0 30px 0;
}
.rankTxt p.price {
  margin: 0;
  color: #FF0000;
  font-weight: bold;
  font-size: 14px;
  text-align: right;
}
.rankTxt p.price span {
  font-size: 12px;
}
.ranking_area .moreBtn {
  width: 340px;
  height: 60px;
  margin: 30px auto 0;
}
.ranking_area .moreBtn a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background-color: #3BAA95;
  border-radius: 30px;
  text-decoration: none;
  position: relative;
}
.ranking_area .moreBtn a::after {
  content: '';
  display: block;
  position: absolute;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #fff;
  height: calc(tan(40deg)* 60px / 2);
  width: 13px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.ranking_area .moreBtn a:hover {
  opacity: 0.7;
}

.rank-more__btn{
  margin: 20px 40px 0 0;
  @media screen and (max-width: 640px) {
    display: none;
  }
}

.category-ranking-title-box{
  @media screen and (max-width: 640px) {
    margin-bottom: 0px;
  }
}

.title_text02.category-ranking-title{
  margin-top: 80px;
  @media screen and (max-width: 640px) {
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

.title_text02.category-ranking-title h3{
 font-size: 31px;
 @media screen and (max-width: 640px) {
  font-size: 18px;
 }

}

.title_text02.category-ranking-title h3 span{
  font-size: 45px;
  @media screen and (max-width: 640px) {
    font-size: 25px;
  }
}


/* お客様の声ーーーーーーーーー */

.top-voice-section a{
  text-decoration: none;
  color: #000;
}



.top-voice-section-content{
	padding-inline: 30px;
  @media screen and (max-width: 640px) {
    padding-inline: 0;
  }
}

.top-voice-section-content-item{
  padding: 20px;
  border: 1px solid #D0D3D0;
  @media screen and (max-width: 640px) {
    padding: 10px;
    padding-bottom: 20px;
    margin-top: 24px;
  }
}

.top-voice-section-content-item-img{
	aspect-ratio: 1 / 1;
	width: 160px;
	height: 160px;
  @media screen and (max-width: 640px) {
    width: 88px;
    height: 88px;
  }
}

.top-voice-section-content-item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-voice-section-content-item-text{
	margin-left: 38px;
	flex: 1;
  font-size: 18px;
  @media screen and (max-width: 640px) {
    font-size: 13px;
    margin-left: 20px;
  }
}



.top-voice-section-content-item-text-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
  @media screen and (max-width: 640px) {
    align-items: flex-end;
  }
}

.top-voice-section-content-item-text-p{
	text-align: left;
  margin-top: 12px;
  @media screen and (max-width: 640px) {
    font-size: 13px;
  }
}




.top-star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    font-size: 30px;
    @media screen and (max-width: 640px) {
      font-size: 16px;
    }
}

.top-star5_rating:before, .top-star5_rating:after{
    content: '★★★★★';
}

.top-star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    white-space: nowrap;
    color: #ffcf32;
}

.top-star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.top-star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.top-star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.top-star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.top-star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.top-star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.top-star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.top-star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.top-star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.top-star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.top-star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


.customer-flex{
  display: flex;

}

.top-voice-section-content-item-text-header-rating{
  text-align : left;
  margin-top: 10px;
}            

.top-voice-section-content-item:nth-child(n+2){
  margin-top: 56px;
  @media screen and (max-width: 640px) {
    margin-top: 24px;
  }
}

.top-voice-shohin-name{
  text-align: left;
  @media screen and (max-width: 640px) {
   margin-top: 6px;
  }
}

.top-voice-section-title{
  font-size: 18px;
  font-weight: 500;
  margin-top: 60px;
}

.hot-word{
  @media screen and (max-width: 640px) {
    margin: 0;
    margin-top: 68px;
  }
}

.guide_box .contact_btn a::after {
  right: 10px;
}

.footer02{
  @media screen and (max-width: 640px) {
    padding-inline: 0;
  }
}

.sitemap_list:not(:last-of-type) a span::after{
  @media screen and (max-width: 640px) {
    right: -7px;
  }
}

.add_footer{
  @media screen and (max-width: 640px) {
    padding-top: 0;
  }
}

.width_block{
  @media screen and (max-width: 640px) {
    width: 100%;
  }
}

.footer01.df_area.u-pc{
  display: flex;
  @media screen and (max-width: 640px) {
    display: none;
  }
}

.sitemap_list:not(:last-of-type) a span::after{
  display: none;
}

.sitemap{
  width: 100%;
    margin: 2% auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 44px;
    @media screen and (max-width: 640px) {
      margin-top: 0px;
    }
}

.sitemap_list-link{
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid #707070;
  padding-bottom: 8px;
}

.sitemap_list-link:hover{
  color: #3CA995!important;
  text-decoration: none;
}

.sitemap_list ul{ 
  @media screen and (max-width: 640px) {
  display: none;
  padding-left: 30px;
  background-color: #fff;
  padding-block: 10px;
  }
}

.sitemap_list ul li a{
  font-size: 9px;
  margin-top: 10px;
  color: #727272;
  @media screen and (max-width: 640px) {
    font-size: 12px;
    color: #4E4E4E;
    position: relative;
  }
}

.sitemap_list ul li a::after {
  @media screen and (max-width: 640px) {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #4E4E4E;
  border-bottom: 2px solid #4E4E4E;
  transition: transform 0.3s ease;
  margin-left: auto;
  margin-right: 1em;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  }
}




.sitemap_list{
  text-align: left;
}

.sitemap_list-link-small{
  font-size: 7px;
}

@media screen and (max-width: 640px) {
    .sitemap_list ul li{
      border-bottom: 1px solid #BABABA;
    padding-bottom: 8px;
    }
}

.sitemap_list ul li a:hover{
  color: #3CA995;
  text-decoration: none;
}

.site-map__titile-box{
  width: 100%;
  text-align: left;
  margin-top: 40px;
  font-size: 35px;
  font-weight: 500;
  color: #000;
}

@media screen and (max-width: 640px) {
.site-map__title{
  font-size: 18px!important;
  font-weight: 500;
  border-bottom: 1px solid #707070;
  padding-bottom: 8px;
  span{
    font-size: 25px;
  }
  }
}

.info-map{
  display: flex;
  gap: 100px;
  margin-top: 18px;
@media screen and (max-width: 640px) {
  flex-direction: column;
  gap: 0;
  margin-top: 0;
}
}



.info-map_list{
  display: flex;
  align-items: center;
  gap: 24px;
  @media screen and (max-width: 640px) {
    position: relative;
    padding-block: 20px;
    padding-left: 38px;
    border-bottom: 1px solid #BABABA;
  }
}

.info-map_list::after {
  @media screen and (max-width: 640px) {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #4E4E4E;
    border-bottom: 2px solid #4E4E4E;
    transition: transform 0.3s ease;
    margin-left: auto;
    margin-right: 1em;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    }
  
}




.info-arrow{
  display: grid;
  place-items: center;
}

.info-map_list-link{
  text-decoration: none;
  color: #727272;
  font-size: 13px;
  @media screen and (max-width: 640px) {
    font-size: 13px;
    color: #4E4E4E;
    display: block;
    width: 100%;

    text-decoration: none;
    color: inherit;
    text-align: left;
    height: inherit;
  }
}

.info-map_list-link:hover{
  color: #3CA995!important;
  text-decoration: none;
}

.u-pc.pc_sitemap{
  width: 100%;
}

.sp_sitemap .sitemap{
  flex-direction: column;
}

.sitemap_list-link{
  @media screen and (max-width: 640px) {
    position: relative;
    padding-block: 20px;
    padding-left: 38px;
  }
}

.sitemap_list-link::after {
  @media screen and (max-width: 640px) {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #4E4E4E;
  border-bottom: 2px solid #4E4E4E;
  transition: transform 0.3s ease;
  margin-left: auto;
  margin-right: 1em;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  }
}

/* 開いている状態：上向き矢印 ▲ に変化 */
.sitemap_list-link.open::after {
  transform: rotate(-135deg); /* ▲ */
}

.tab__menu-item:hover{
  background-color: #FC7F50;
  color: #fff;
}

.rankTxt > p:not(.price) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.header_gnavi ul.G-nav li:nth-child(1)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-7.jpg);
}
.header_gnavi ul.G-nav li:nth-child(2)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-3.jpg);
}
.header_gnavi ul.G-nav li:nth-child(3)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-5.jpg);
}
.header_gnavi ul.G-nav li:nth-child(4)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-6.jpg);
}
.header_gnavi ul.G-nav li:nth-child(5)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-8.jpg);
}
.header_gnavi ul.G-nav li:nth-child(6)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-1.jpg);
}
.header_gnavi ul.G-nav li:nth-child(7)::before {
  background-image: url(https://www.shop-add.jp/pic-labo/timg/gnav-9.jpg);
}

.categories.categories-led{
  grid-template-columns: repeat(2, 1fr);
}

.top-voice-section-content-item:hover{
  opacity: 0.7;
}


.footer01.df_area.u-pc{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  @media screen and (max-width: 640px) {
    display: none;
  }
}

.footer01.df_area.u-pc .guide_box{

  width: auto;
}


caption { /* 年月タイトル */
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#333333;
}
caption a {
	color:#333333;
	text-decoration:underline;
}
caption a:hover {
	color:#333333;
	text-decoration:underline;
}
.carender { /* カレンダー テーブル*/
	border-collapse:collapse;
	padding:5px 0px;
	margin:0 auto;
	text-align:center;
	background-color:#FFFFFF;
}
div#calendar_div table {
	margin:0 auto;
	text-align:center;
	width:200px;
}
div#calendar_div_sp table {
  width: 80%;
  margin:0 auto;
	text-align:center;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#414141;
	background:#E8E8E8;
	text-align:center;
}
th.sun { /* ヘッダ日曜 */
	color:#FFFFFF;
	background:#414141;
	text-align:center;
}
th.sat { /* ヘッダ土曜 */
	color:#FFFFFF;
	background:#336699;
	text-align:center;
}
.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFFF;
}
.line01 {
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:bottom;
}
/* RSS設定 */
#rss {
	margin:0 0 20px 0;
	padding:0;
}
#count { /* カウンター */
	margin:0px;
	padding:5px;
}


@media screen and (max-width: 640px) {
    .footer01 .guide_box:nth-child(4) h4:after {
        display: none;
    }
    .footer01.df_area.u-sp{
      background-color: #fff;
    }
    .u-sp.sp_sitemap{
      background-color: #fff;
    }
    .sitemap{
      background-color: #f5f5f5;
    }
    .info-map {
      background-color: #f5f5f5;
    }
}

.searchbox form{
  display: flex!important;
  width: 100%;
}

.searchbox input.searchbox {
  flex: 1!important;
}

@media (max-width: 414px) {
  .searchbox input.searchSubmit {
      width: 53px!important;
      height: auto;
      max-height: 100%;
  }
}

@media screen and (max-width: 640px){

  .frow-list__item:not(.frow-list__item-last)::after{
  left: 92%!important;
  }
}

.searchbox form{
  width: 100%!important;
}

@media (max-width: 768px) {
  .searchbox input.searchSubmit {

      width: 10%!important;

  }
}
@media (max-width: 400px) {
  .searchbox input.searchSubmit {

      width: 15%!important;

  }
}