@charset 'utf-8';



#container-common{
    width:100%;
}

#contents-common{
    text-align: center;
}

h2{font-size:14pt;font-weight: bold;margin-bottom: 10px;}


.category_table {
  width: 80%;
  margin: 0 auto;
}

.text-title{
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
}
#centering{
    text-align: center;
}

.nosale {
  font-size: 13px;
}
.nosale img {
  height: 22px;
  vertical-align: middle;
}

.bottom_topics {
    display: flex;
    max-width: 1400px;
    justify-content: space-around;
    list-style: none;
}

    #brand-list ul,#brand-list-02 ul{display: flex; margin: 0 auto;}
    #brand-list li a,#brand-list-02 li a{text-decoration:none;}
    #brand-list li{flex-wrap: wrap;width:25%; border:1px solid #000;padding:5px;margin:2px;}
    #brand-list-02 li{flex-wrap: wrap;width:50%; border:1px solid #000;padding:5px;margin:2px;font-size: 1.5em;}
    a.link-design{width:80%;background-color:#000;color:#fff;padding:10px;margin:15px auto; text-decoration:none;display: block;}
    .link-design_topics{color:#ffffff; background-color: #000; width:80%;border:1px solid #000;padding:5px;margin:15px auto; text-decoration:none;display: block;}
    #buttons ul li a{text-decoration: none; color: #000;}


    @media (min-width: 767px) {
    #contents-common{ width:700px; margin:20px auto; font-size:1.5rem;}
    #attention{width:700px; margin:0 auto; text-align:left;}
    #buttons ul{ display:flex;}
    #buttons ul li{width:100%;  list-style:none; border:solid #000 1px; padding:10px; margin:1px;}
    #brand ul{ display:flex;}
    #brand ul li{list-style:none; border:solid #000 1px; padding:10px; margin:1px;}
    .sp{display: none;}
}
    @media (max-width: 767px) {
    #contents-common{ width:98%; margin:20px auto; font-size:1.2rem;}
    #buttons ul{ display:flex;}
    #buttons ul li{width: 100%;  list-style:none; border:solid #000 1px; padding:5px; margin:1px;}
    #brand ul{ display:flex;}
    #brand ul li{list-style:none; border:solid #000 1px; padding:5px; margin:1px;}
    #brand-list table{width:100%;table-layout: fixed;}
    #brand-list img{width:100%;}
    .sp{display:block;}
    .nosale {font-size: 10px;}
    .bottom_topics {
        display: flex;
        flex-wrap: wrap;
    }
}

#link-btn table {
    margin: 0 auto;
    width: 100%;
  }

  #link-btn td {
    width: 25%;
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
  }

  #link-btn td a {
    text-decoration: none;
  }

  @media (max-width: 767px) {
    #link-btn li a {
      font-size: 0.8em;
    }
  }

  /* topics
------------------------------------------------ */

.top-topics.bg-gray { margin-top: 100px; margin-bottom:40px; padding: 40px 0; background: #ebebeb; }


.top-topics { position: relative; margin-top: 70px; }
.top-topics-lists { display: flex; flex-wrap: wrap; }
.top-topics-lists--item {}
.top-topics-lists--item > a { display: block; position: relative; text-decoration: none; }
.top-topics-lists--photo { position: relative; width: 100%; height: 100%; overflow: hidden; }
.top-topics-lists--photo img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; }
.top-topics-lists__info { position: relative; margin-top: 5px; }
.top-topics-lists--date { font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: 400; }
.top-topics-lists--title { color: #000; margin-top: 4px; font-family: 'Lato', 'a，，a?´a?・a??a?￣a?“', YuGothic, 'a，，a?´a?・a??a?￣', 'Yu Gothic', 'a，，a?´a?・a??a?￣', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'a?’a?ca?Ra??e§’a?´ ProN W3', 'Meiryo', 'a?!a??a?aa?a', 'i?-i?3 i?°a?´a?・a??a?￣', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.4rem; font-weight: 400; }
.top-topics .more-1 { margin-top: 26px; }

@media screen and (max-width: 768px) {
  .top-topics-lists { margin: 0 25px; }
  .top-topics-lists--item { margin: 36px 7.69230769231% 0 0; width: 46.1538461538%; }
  .top-topics-lists--item:nth-of-type(1) { margin: 0 auto; width: 89.2307692308%; }
  .top-topics-lists--item:nth-of-type(4){ margin: 50px auto 0px auto; width: 89.2307692308%; }
  .top-topics-lists--item:nth-of-type(3),.top-topics-lists--item:nth-of-type(6) { margin-right: 0; }
  .top-topics-lists__info { text-align: center; }
}

@media screen and (min-width: 769px) {
  .top-topics { margin-top: 80px; }
  .top-topics-lists { margin: 0 auto; padding: 0 20px; max-width: 1700px; }
  .top-topics-lists--item { margin: 36px 4.81927710843% 0 0; width: 30.1204819277%; }
  .top-topics-lists--item:nth-of-type(-n+3) { margin-top: 0; }
  .top-topics-lists--item:nth-of-type(3n) { margin-right: 0; }
  .top-topics-lists__info { margin-top: 16px; }
  .top-topics .more-1 { margin-top: 36px; }
  .top-topics.bg-gray { padding: 90px 0 60px; }
}