/* _setting CSS */
@font-face {
  font-family: "icons";
  src: url("../fonts/icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* Use !important to prevent extensions from overriding this font. */
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 750px) {
  #single_items .single_items_layout {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  #single_items .single_items_article {
    width: 100%;
  }
  #single_items .single_items_title {
    font-size: 6.1538461538vw;
    font-weight: bold;
    margin: 5.1282051282vw 0 1.2820512821vw;
    padding-bottom: 2.5641025641vw;
    border-bottom: 2px solid #1E1B4A;
  }
  #single_items .single_items_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2820512821vw;
    margin-bottom: 5.1282051282vw;
  }
  #single_items .single_items_meta .cat {
    font-size: 2.5641025641vw;
    display: flex;
    align-items: center;
  }
  #single_items .single_items_meta .cat .icon {
    font-size: 3.0769230769vw;
  }
  #single_items .single_items_meta .color_list {
    display: flex;
    gap: 1.2820512821vw;
  }
  #single_items .single_items_meta .color_list li a {
    font-size: 2.5641025641vw;
  }
  #single_items .single_items_meta .tag_list {
    display: flex;
    gap: 1.2820512821vw;
  }
  #single_items .single_items_meta .tag_list li a {
    font-size: 2.5641025641vw;
  }
  #single_items .single_items_meta .tag_list li a::before {
    content: "#";
    display: inline;
  }
  #single_items .single_items_meta .date {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 2.5641025641vw;
  }
  #single_items .single_items_meta .date .icon {
    font-size: 3.0769230769vw;
    margin-right: 0.5128205128vw;
  }
  #single_items .single_items_gallery {
    margin-bottom: 5.1282051282vw;
  }
  #single_items .item-main-swiper {
    width: 100%;
    margin-bottom: 2.5641025641vw;
    border: 0.7692307692vw solid #2B2B2B;
    border-radius: 2.5641025641vw;
    overflow: hidden;
  }
  #single_items .item-main-swiper .swiper-slide {
    aspect-ratio: 1/1.25;
  }
  #single_items .item-main-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #single_items .item-thumbs-swiper .swiper-wrapper {
    gap: 1.2820512821vw;
  }
  #single_items .item-thumbs-swiper .swiper-slide {
    width: 20.5128205128vw;
    aspect-ratio: 1/1.25;
    border: 1px solid #E8E8E8;
    border-radius: 1.5384615385vw;
    overflow: hidden;
    opacity: 0.5;
    cursor: pointer;
  }
  #single_items .item-thumbs-swiper .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #2B2B2B;
  }
  #single_items .item-thumbs-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #single_items .single_items_content {
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
  #single_items .single_items_content .item_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 4.1025641026vw;
    border-top: 2px solid #2B2B2B;
    border-bottom: 2px solid #2B2B2B;
  }
  #single_items .single_items_content .item_table th,
  #single_items .single_items_content .item_table td {
    padding: 2.5641025641vw 2.0512820513vw;
    font-size: 3.3333333333vw;
    border-bottom: 1px solid #E8E8E8;
    vertical-align: top;
  }
  #single_items .single_items_content .item_table th {
    width: 23.5897435897vw;
    font-weight: bold;
    background-color: #f8f8f8;
  }
  #single_items .single_items_content .item_links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5641025641vw;
    margin-bottom: 5.1282051282vw;
  }
  #single_items .single_items_content .item_link {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2.5641025641vw 7.6923076923vw;
    border-radius: 999px;
    font-size: 5.1282051282vw;
    font-weight: bold;
    color: #fff;
  }
  #single_items .single_items_content .item_link.rakuten {
    background-color: #BF0000;
  }
  #single_items .single_items_content .item_link.qoo10 {
    background: linear-gradient(270deg, #A634F0, #B736CC, #C639AB, #DA3C7E, #F2404A);
  }
  #single_items .single_items_content .item_link.amazon {
    background-color: #18202A;
  }
  #single_items .single_items_content .item_link img {
    width: auto;
    height: 7.6923076923vw;
    margin-right: 1.2820512821vw;
  }
  #items_archive .items_archive_layout {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  #items_archive .page_title {
    font-size: 7.1794871795vw;
    font-weight: bold;
    margin: 5.1282051282vw 0;
    padding-bottom: 2.5641025641vw;
    border-bottom: 2px solid #1E1B4A;
  }
  #items_archive .post_list {
    display: flex;
    flex-wrap: wrap;
    gap: 5.1282051282vw 2.5641025641vw;
  }
  #items_archive .post_item {
    width: calc((100% - 2.5641025641vw) / 2);
  }
  #items_archive .post_item a {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #2B2B2B;
    position: relative;
  }
  #items_archive .post_item a:hover {
    opacity: 1;
  }
  #items_archive .post_item a:hover .post_img img {
    opacity: 1;
    transform: scale(1.1);
  }
  #items_archive .post_item .post_img {
    position: relative;
    width: 100%;
    border-radius: 2.5641025641vw;
    border: 0.5128205128vw solid #2B2B2B;
    overflow: hidden;
  }
  #items_archive .post_item .post_img img {
    width: 100%;
    height: auto;
    transition: transform 0.4s cubic-bezier(0.33, 0.73, 0.34, 1.04);
  }
  #items_archive .post_item .post_info {
    display: flex;
    flex-direction: column;
    gap: 1.5384615385vw;
  }
  #items_archive .post_item .post_title {
    font-size: 3.5897435897vw;
    margin-top: 2.0512820513vw;
  }
  #items_archive .post_item .post_cat {
    position: absolute;
    right: 2.5641025641vw;
    top: 2.5641025641vw;
    width: max-content;
    padding: 0.5128205128vw 2.0512820513vw 1.0256410256vw;
    font-size: 3.0769230769vw;
    color: #fff;
    background: #2B2B2B;
    border-radius: 999px;
  }
  #items_archive .post_item .post_date {
    font-size: 3.0769230769vw;
  }
  #items_archive .post_item .post_date .icon {
    margin-right: 0.5128205128vw;
  }
  #items_archive .items_empty {
    font-size: 3.5897435897vw;
    margin-top: 5.1282051282vw;
  }
}
@media print, screen and (min-width: 751px) {
  #single_items .single_items_layout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
  }
  #single_items .single_items_article {
    width: calc(100% - 320px);
    max-width: none;
    margin: 0;
  }
  #single_items .single_items_title {
    font-size: 3.2rem;
    font-weight: bold;
    margin: 30px 0 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #1E1B4A;
  }
  #single_items .single_items_meta {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
  }
  #single_items .single_items_meta .cat {
    font-size: 1.2rem;
    display: flex;
    align-items: center;
  }
  #single_items .single_items_meta .cat .icon {
    font-size: 1.4rem;
  }
  #single_items .single_items_meta .color_list {
    display: flex;
    gap: 5px;
  }
  #single_items .single_items_meta .color_list li a {
    font-size: 1.2rem;
  }
  #single_items .single_items_meta .tag_list {
    display: flex;
    gap: 5px;
  }
  #single_items .single_items_meta .tag_list li a {
    font-size: 1.2rem;
  }
  #single_items .single_items_meta .tag_list li a::before {
    content: "#";
    display: inline;
  }
  #single_items .single_items_meta .date {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-left: auto;
  }
  #single_items .single_items_meta .date .icon {
    font-size: 1.4rem;
    margin-right: 5px;
  }
  #single_items .single_items_gallery {
    margin-bottom: 30px;
    display: flex;
    gap: 30px;
  }
  #single_items .item-main-swiper {
    width: 500px;
    height: 625px;
    border: 3px solid #2B2B2B;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
  }
  #single_items .item-main-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #single_items .item-thumbs-swiper .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: 10px;
  }
  #single_items .item-thumbs-swiper .swiper-slide {
    width: 100px;
    height: 125px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    overflow: hidden;
    opacity: 0.5;
    cursor: pointer;
  }
  #single_items .item-thumbs-swiper .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #2B2B2B;
  }
  #single_items .item-thumbs-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #single_items .single_items_content {
    font-size: 1.6rem;
    line-height: 1.9;
  }
  #single_items .single_items_content .item_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-top: 2px solid #2B2B2B;
    border-bottom: 2px solid #2B2B2B;
  }
  #single_items .single_items_content .item_table th,
  #single_items .single_items_content .item_table td {
    padding: 12px 10px;
    font-size: 1.4rem;
    border-bottom: 1px solid #E8E8E8;
    vertical-align: top;
  }
  #single_items .single_items_content .item_table th {
    width: 140px;
    font-weight: bold;
    background-color: #f8f8f8;
  }
  #single_items .single_items_content .item_links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
  }
  #single_items .single_items_content .item_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    border-radius: 999px;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
  }
  #single_items .single_items_content .item_link.rakuten {
    background-color: #BF0000;
  }
  #single_items .single_items_content .item_link.qoo10 {
    background: linear-gradient(270deg, #A634F0, #B736CC, #C639AB, #DA3C7E, #F2404A);
  }
  #single_items .single_items_content .item_link.amazon {
    background-color: #18202A;
  }
  #single_items .single_items_content .item_link img {
    width: auto;
    height: 30px;
    margin-right: 5px;
  }
  #items_archive .items_archive_layout {
    display: flex;
    align-items: flex-start;
    gap: 40px;
  }
  #items_archive .items_archive_main {
    width: calc(100% - 320px);
  }
  #items_archive .page_title {
    font-size: 3.2rem;
    font-weight: bold;
    margin: 30px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #1E1B4A;
  }
  #items_archive .post_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
  }
  #items_archive .post_item {
    width: calc((100% - 40px) / 3);
  }
  #items_archive .post_item a {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #2B2B2B;
    position: relative;
  }
  #items_archive .post_item a:hover {
    opacity: 1;
  }
  #items_archive .post_item a:hover .post_img img {
    opacity: 1;
    transform: scale(1.1);
  }
  #items_archive .post_item .post_img {
    position: relative;
    width: 100%;
    border-radius: 10px;
    border: 3px solid #2B2B2B;
    overflow: hidden;
  }
  #items_archive .post_item .post_img img {
    width: 100%;
    height: auto;
    transition: transform 0.4s cubic-bezier(0.33, 0.73, 0.34, 1.04);
  }
  #items_archive .post_item .post_info {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  #items_archive .post_item .post_title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 10px;
  }
  #items_archive .post_item .post_cat {
    position: absolute;
    right: 10px;
    top: 10px;
    width: max-content;
    padding: 2px 8px 4px;
    font-size: 1.2rem;
    color: #fff;
    background: #2B2B2B;
    border-radius: 999px;
  }
  #items_archive .post_item .post_date {
    font-size: 1.2rem;
  }
  #items_archive .post_item .post_date .icon {
    margin-right: 2px;
  }
  #items_archive .items_empty {
    font-size: 1.5rem;
    margin-top: 20px;
  }
}/*# sourceMappingURL=items.css.map */