@charset "utf-8";

/* ==================================

  『商品リスト』PC Style

================================== */


/* ----------------------------------

  Main Visual

---------------------------------- */

.main-visual figure {
    max-width: initial;
    height: auto;
}

.main-visual .contents-area .inner {
    height: 100%;
}

.main-visual h1 {
  position: absolute;
  left: 50%;
  bottom: 65px;
  transform: translateX(-50%);
  font-size: 38px;
  font-size: 3.8rem;
  text-align: center;
  letter-spacing: 0.05em;
  color: #007dbd;
}

.main-visual h1 span {
    font-size: calc(22 / 38 * 1em);
    color: #000000;
}


/* Breadcrumb
---------------------------------- */

#bread {
    /* margin: calc(80px + 110px) auto 75px; */
    /* margin: 110px auto 75px; */
    margin: calc(80px + 110px) auto 75px;
}


/* ----------------------------------

  Section

---------------------------------- */


/* Product LineUp
---------------------------------- */

.product-item figure {
    cursor: pointer;
    pointer-events: inherit;
}

.product-item figure a {
    height: 0;
    padding: 0 0 calc(413 / 670 * 100%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    transition: all 0.3s;
    cursor: pointer;
    pointer-events: inherit;
    display: block;
}

.product-item.ci01 figure a {
    background-image: url(../images/century/lineup_century_img01.jpg);
}

.product-item.ci02 figure a {
    background-image: url(../images/century/lineup_century_img02.jpg);
}

.product-item.ci03 figure a {
    background-image: url(../images/century/lineup_century_img03.jpg);
}

.product-item.ci04 figure a {
    background-image: url(../images/century/lineup_century_img04.jpg);
}

.product-item.ci05 figure a {
    background-image: url(../images/century/lineup_century_img05.jpg);
}

.product-item.ci06 figure a {
    background-image: url(../images/century/lineup_century_img06.jpg);
}

.product-item.ci01 figure a:hover {
    background-image: url(../images/century/lineup_century_img01_2.jpg);
}

.product-item.ci02 figure a:hover {
    background-image: url(../images/century/lineup_century_img02_2.jpg);
}

.product-item.ci03 figure a:hover {
    background-image: url(../images/century/lineup_century_img03_2.jpg);
}

.product-item.ci04 figure a:hover {
    background-image: url(../images/century/lineup_century_img04_2.jpg);
}

.product-item.ci05 figure a:hover {
    background-image: url(../images/century/lineup_century_img05_2.jpg);
}

.product-item.ci06 figure a:hover {
    background-image: url(../images/century/lineup_century_img06_2.jpg);
}

.product-item dl dt a,
.product-item dl dd p a {
    color: #000000;
    text-decoration: none;
    transition: all 0.3s;
}

.product-item dl dt a:hover,
.product-item dl dd p a:hover {
    opacity: 0.7;
}

.product-item dl dt a small {
    font-size: calc(14 / 18 * 1em);
}

.tag {
    font-size: 11px;
    margin: 0 1em 0 0;
}

.tag:not(:last-of-type)::after {
    content: none;
}

.tag::before {
    content: "#";
}


/* Search By Feature
---------------------------------- */

.search {
    padding: 50px 0 250px;
    text-align: center;
}

.search .inner {
    padding: 0 340px;
}

.search hr {
    width: 100%;
    border-top: solid 1px #d3d3d3;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 0 0 80px;
}

.search h2 {
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin: 0 0 60px;
}

.search p {
    line-height: calc(40 / 15);
}

.search p .tag {
    font-size: 15px;
    font-size: 1.5rem;
}