@charset "UTF-8";

/* base
  ------------------------------ */
* {
    box-sizing: border-box;
}

a {
    opacity: 10 !important;
}

a {
    -webkit-tap-highlight-color: rgba(86, 86, 86, 0.5);
}

h3,
h4,
h5 {
    font-weight: normal;
}

ul,
ol,
li {
    list-style: none;
}

dd {
    display: block;
    margin-inline-start: 0;
    unicode-bidi: normal;
}

figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

/* page
  ------------------------------ */
.page-body {}

/* container
  ------------------------------ */
.container_carousel {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.container_title {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 10%;
}

.container_annex {
    overflow: hidden;
    width: 60%;
    margin: 5% auto;
    padding: 0;
}

.container_first {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

.container_second {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

.container_third {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

.container_fourth {
    overflow: hidden;
    width: 100%;
    margin: 2% auto;
    padding: 0 15%;
}

.container_fifth {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

.container_sixth {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

.container_button {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0 15%;
}

/* swiper------------------------------ */
.swiper-container-wrapper {
    position: relative;
    text-align: center;
}

.swiper-pagination {
    position: static !important;
    margin-top: 24px;
}

.swiper-container2 {
    position: relative;
    overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 50px;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    color: #000;
    font-size: 3rem !important;
}

/* wrapper
  ------------------------------ */
.wrapper_carousel {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 2%;
}

.wrapper_title {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5%;
}

.wrapper_annex {
    width: 100%;
    margin: 0 auto;
    padding: 0 5% 5%;
}

.wrapper_button {
    width: 100%;
    margin: 0 auto;
    padding: 3% 0 6%;
}

.wrapper_first {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 5%;
}

.wrapper_second {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 5%;
}

.wrapper_third {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 5%;
}

.wrapper_fourth {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 5%;
}

.wrapper_fifth {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 5%;
}

.wrapper_sixth {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 5%;
}

/* box
  ------------------------------ */
.carouselBox {
    width: 100%;
    margin: 0 auto;
    padding: 0 .1%;
}

.btnBox_01 {
    width: 23.5%;
    margin: 0 auto;
    padding: 0 .1% .2%;
}

.sliderBox_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 .2% .2%;
}

.itemBox_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 .2% .2%;
    position: relative;
}

/* ColumnBox
  ------------------------------ */
.columnBox_a__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_a__02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_a__03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_b__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_b__02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_b__03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_c__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_c__02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_c__03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_d__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_d__02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.columnBox_d__03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* contents
------------------------------ */
.contents_carousel {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.contents_header {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0 0;
}

.contents_annex {
    width: 100%;
    margin: 0 auto;
    padding: 2% 0 0;
}

.contents_title {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.contents_subttl {
    width: 100%;
    margin: 0 auto;
    padding: 1% 5% 3%;
}

.contents_headImg {
    width: 100%;
    margin: 0 auto 3%;
    padding: 0;
}

.contents_headline {
    width: 100%;
    margin: 0 auto 3%;
    padding: 0;
}

.contents_explain {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.contents_heading {
    width: 100%;
    margin: 0 auto 2%;
    padding: 2% 0;
}

.contents_image {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.contents_item {
    width: 30%;
    margin: 0 0 2%;
    padding: 0 0 1%;
}

.contents_button {
    width: 100%;
    margin: 0;
    padding: 0 2%;
}

.contents_link {
    width: 100%;
    margin: 0;
    padding: 5% 15%;
}

/* section
  ------------------------------ */
.section_01,
.section_02,
.section_03,
.section_04,
.section_05,
.section_06,
.section_07,
.section_08,
.section_09,
.section_10,
.section_11,
.section_12,
.section_13,
.section_14,
.section_15 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* figure
  ------------------------------ */
.figure_01,
.figure_02,
.figure_03,
.figure_04,
.figure_05,
.figure_06,
.figure_07,
.figure_08,
.figure_09,
.figure_item,
.figure_carousel,
.figure_logo,
.figure_icon,
.figure_photo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
}

/* images img
------------------------------ */
.figure_01 img,
.figure_02 img,
.figure_03 img,
.figure_04 img,
.figure_05 img,
.figure_06 img,
.figure_07 img,
.figure_08 img,
.figure_09 img,
.figure_10 img,
.figure_11 img,
.figure_12 img,
.figure_13 img,
.figure_14 img {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.figure_carousel img,
.figure_logo img,
.figure_icon img,
.figure_img img,
.figure_photo img,
.figure_item img {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
}

/* block
------------------------------ */
.carousel_block {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.block_logo {
    width: 26%;
    margin: 0 auto;
    padding: 2% 0 1.5%;
}

.block_title {
    width: 100%;
    margin: 0 auto;
    padding: .5% 0 2%;
}

.block_lead {
    width: 100%;
    margin: 0 auto;
    padding: 1% 20% 0;
}

.iconBlock_01 {
    width: 19%;
    margin: 0 auto;
    padding: 0 0 1%;
}

.textBlock_01 {
    width: 78%;
    margin: 0 auto;
    padding: 0 10% 0 0;
    position: relative;
}

.block_header {
    width: 100%;
    margin: 0 auto;
    padding: .5% 0 2%;
}

.block_headline {
    width: 100%;
    margin: 0 auto;
    padding: .5% 0 3%;
}

.block_catch {
    width: 100%;
    margin: 0 auto;
    padding: .5% 0 2%;
}

.block_writing {
    width: 100%;
    margin: 0 auto;
    padding: 1% 2% 0;
}

.block_button {
    width: 70%;
    margin: 0 auto;
    padding: 0 0 1%;
}

.itemBlock_01 {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0 0;
}

/* button
  ------------------------------ */

/* border
  ------------------------------ */

/* element
------------------------------ */
.element_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* inside
------------------------------ */

/* parts
------------------------------ */

/* parts
------------------------------ */
.piece_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.piece_02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.piece_03 {
    width: 100%;
    margin: 0 auto;
    padding: 0 3% 4%;
}

.piece_04 {
    width: 100%;
    margin: 0 auto;
    padding: 0 2% 6%;
}

.piece_05 {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 0;
}

/* inner
------------------------------ */
.inner_a__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.inner_a__02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.inner_b__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.inner_c__01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.inner_c__02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.inner_c__03 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* inner
------------------------------ */
.inward_01 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.inward_02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* layer
  ------------------------------ */
.layer_01 {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0 1%;
}

.layer_02 {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0 4%;
}

.layer_03 {
    width: 100%;
    margin: 0 auto;
    padding: 2% 4% 0;
}

.layer_04 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.layer_05 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

/*space
------------------------------ */
.space_top {}

.space_left {
    padding: 5% 0 0 1%;
}

.space_right {
    padding-right: 0 2%;
}

/* border
------------------------------ */
.underline_01 {
    border-bottom: solid 1px #111;
}

/*hover
------------------------------ */

/*background-color
------------------------------ */
.white_bk {
    background: rgba(255, 255, 255, 1);
}

.gray_bk {
    background: rgba(238, 238, 238, 1);
}

.beige_bk {
    background: rgba(240, 238, 228, 1);
}

.pink_bk {
    background: rgba(251, 222, 218, .5);
}

.yellow_bk {
    background: rgba(229, 212, 118, .6);
}

.margarine_bk {
    background: rgba(238, 232, 170, .6);
}

/* flex
------------------------------ */

.flexColumn_a {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}

.flexColumn_b {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}

.flexColumn_c {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}

.flexColumn_d {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}

.flexBlock_01 {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 2%;
}

.flexBox_01 {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 1%;
}

.flexBtn_01 {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 1%;
}

.innerFlex_01 {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}

.layerFlex_01 {
    margin: 0;
    display: -webkit-box;
    /* old Android */
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /* IE10        */
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari etc. */
    -ms-flex-wrap: wrap;
    /* IE10        */
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}


/* font
------------------------------ */
@font-face {
    font-display: swap;
    font-family: "ShipporiMincho";
    src: url("https://www.le-noble.com/topic/font/ShipporiMincho.eot?") format('eot'),
        url("https://www.le-noble.com/topic/font/ShipporiMincho.woff") format('woff'),
        url("https://www.le-noble.com/topic/font/ShipporiMincho.otf") format('opentype');
}

.contents_wrap {
    font-family: 'Noto Sans JP', sans-serif;
}


/* h3 text
------------------------------ */
h3.title {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(2rem * 1.6);
    text-align: center;
    margin: 0;
    letter-spacing: calc(.2rem * 1.6);
}

h3.ttl {
    font-family: Lato, Noto Sans JP, sans-serif;
    font-size: calc(3rem * 1.6);
    text-align: center;
    margin: 0;
    font-weight: normal;
    color: #111;
    letter-spacing: calc(1rem * 1.6);
}

h3.ttl span {
    font-family: Lato, Noto Sans JP, sans-serif;
    font-size: calc(2.8rem * 1.6);
    text-align: center;
    line-height: calc(3rem * 1.6);
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #111;
}

/* h4 text
------------------------------ */
h4.title {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(2.5rem * 1.6);
    text-align: center;
    margin: 0;
    line-height: 2.5rem !important;
}

h4.ttl {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(2rem * 1.6);
    text-align: center;
    margin: 0;
    line-height: 2.5rem !important;
}

h4.headline {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    margin: 0;
    font-size: calc(2.7rem * 1.6);
    display: flex;
    text-align: center;
    align-items: center;
}

h4.headline span {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    margin: 0;
    font-size: calc(1.4rem * 1.6);
}

h4.headline::after {
    align-content: center;
    content: "";
    flex-grow: 1;
    margin: 0 3rem;
    height: 1px;
    background: #111;
    display: block;
}

h4.headline::before {
    align-content: center;
    content: "";
    flex-grow: 1;
    margin: 0 3rem;
    height: 1px;
    background: #111;
    display: block;
}

/* h5 text
------------------------------ */
h5.title {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.3rem * 1.6);
    text-align: left;
    line-height: 1.5rem !important;
    margin: 0;
    padding: 0 0 0 5%;
    font-weight: normal;
    position: relative;
}

h5.title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #444;
    border-radius: 100%;
}

h5.ttl {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.5rem * 1.6);
    text-align: center;
    line-height: 2rem !important;
    margin: 0;
    font-weight: normal;
}

h5.ttl font {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.3rem * 1.6);
    text-align: center;
    line-height: 2rem !important;
    margin: 0;
    font-weight: normal;
    letter-spacing: -.08rem;
}

h5.topics {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.7rem * 1.6);
    text-align: center;
    line-height: 2rem !important;
    margin: 0;
    font-weight: normal;
}

h5.catch {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.4rem * 1.6);
    text-align: center;
    line-height: 2rem !important;
    margin: 0;
    font-weight: normal;
}

h5.headline {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    margin: 0;
    font-size: calc(2rem * 1.6);
    display: flex;
    text-align: center;
    align-items: center;
}

h5.headline::after {
    align-content: center;
    content: "";
    flex-grow: 1;
    margin: 0 3rem;
    height: 1px;
    background: #111;
    display: block;
}

h5.headline::before {
    align-content: center;
    content: "";
    flex-grow: 1;
    margin: 0 3rem;
    height: 1px;
    background: #111;
    display: block;
}

h5.header {
    font-family: ShipporiMincho;
    color: #111;
    font-size: calc(1.8rem * 1.6);
    text-align: left;
    line-height: 2rem !important;
    margin: 0;
    font-weight: normal;
    letter-spacing: calc(.5rem * 1.6);
}

/* p after
------------------------------ */
p.at::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/at.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.de::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/de.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.dk::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/dk.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-right: .1%;
}

p.fi::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/fi.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.fr::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/fr.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.it::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/it.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.jp::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/jp.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.kr::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/kr.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.pl::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/pl.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.se::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/se.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

p.hu::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/hu.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 1%;
}

h5.uk::after {
    content: "";
    background-image: url(https://lenoble.itembox.design/item/images/category/mug_event/uk.webp);
    background-size: contain;
    vertical-align: text-bottom;
    display: inline-block;
    width: 85px;
    height: 57px;
    margin-left: 1%;
}

/* p text
------------------------------ */
p.lead {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.2rem * 1.6);
    text-align: left;
    line-height: calc(2.2rem * 1.6);
    margin: 0;
    letter-spacing: calc(.1rem * 1.6);
}

p.text_01 {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.1rem * 1.6);
    text-align: left;
    line-height: calc(2rem * 1.6);
    margin: 0;
}

p.text_02 {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.1rem * 1.6);
    text-align: left;
    line-height: calc(2rem * 1.6);
    margin: 0;
}

p.contextTxt {
    font-family: Lato, Noto Sans JP, sans-serif;
    color: #111;
    font-size: calc(1.1rem * 1.6);
    text-align: left;
    line-height: calc(2rem * 1.6);
    margin: 0;
}

p.ruby {
    color: #111;
    font-size: calc(1rem * 1.6);
    font-weight: normal;
    margin: 0;
    text-align: center;
    letter-spacing: calc(.1rem * 1.6);
}

p.see {
    font-size: calc(.9rem * 1.6);
    text-align: right;
    margin: 0;
}

p.btntext {
    margin: 0;
    font-size: 1.1rem !important;
    letter-spacing: calc(.1rem * 1.6);
    text-align: center;
    text-decoration: none;
    color: #fff;
}


/* price
------------------------------ */

/* btn
------------------------------ */
a.button_01 {
    width: 100% !important;
    padding: 2% 10%;
    margin: 0 auto;
    text-align: center;
    background: #c23331;
    /*ボタン色*/
    color: #fff;
    border-bottom: solid 4px #9d1d1c;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    background-size: cover;
}

a.button_01:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}

.seriesBtn p.btntext_01 {
    margin: 0 auto;
    display: block;
    padding: 2.5% 0 2.2%;
    font-size: calc(1.1rem * 1.6);
    letter-spacing: calc(.1rem * 1.6);
    text-align: center;
    text-decoration: none;
    border: 1px solid #505050;
    color: #505050;
}

.seriesBtn p.btntext_01:hover {
    opacity: 10 !important;
    color: #fff !important;
    background: #505050;
}

/*-----------矢印表示----------*/
a.slick-next:hover {
    opacity: 10;
}

/*表示する文字周りの設定*/

.contents_carousel .carousel_block .slick-prev:before {
    content: "";
    display: inline-block;
    width: 30px;
    /* スマホで見た時の幅 */
    height: 30px;
    /* スマホで見た時の高さ */
    background: url(https://www.le-noble.com/slick/images/slick-prev.webp) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

.contents_carousel .carousel_block .slick-next:before {
    content: "";
    display: inline-block;
    width: 30px;
    /* スマホで見た時の幅 */
    height: 30px;
    /* スマホで見た時の高さ */
    background: url(https://www.le-noble.com/slick/images/slick-next.webp) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

/*背景や位置の調整*/
.contents_carousel .carousel_block .slick-prev {
    top: 106%;
    left: 20.7%;
    z-index: 1;
}

.contents_carousel .carousel_block .slick-next {
    top: 106%;
    right: 21%;
    z-index: 2;
}

.contents_carousel .carousel_block .slick-dots li button::before {
    font-size: 25px;
    content: '\025a0';
    transform: scaleX(2);
    display: inline-block;
    margin: 0;
}

.contents_carousel .carousel_block .slick-dots li {
    margin: 0 7px;
}

.contents_carousel .carousel_block .slick-counter {
    width: 30%;
    text-align: center;
    font-size: calc(1rem * 1.6);
    background-color: rgba(86, 86, 86, 0.4);
    padding: 2% 0;
    margin: 0 auto;
    color: #fff;
}

.contents_carousel .carousel_block .slick-counter span {
    text-align: center;
    font-size: calc(1.2rem * 1.6);
    font-weight: bold;
}

.contents_carousel .carousel_block .slick-dots {
    bottom: -55px;
}

.itemBlock_01 .item_slider .slick-prev:before {
    content: "";
    display: inline-block;
    width: 25px;
    /* スマホで見た時の幅 */
    height: 25px;
    /* スマホで見た時の高さ */
    background: url(https://www.le-noble.com/slick/images/slick-prev.webp) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

.itemBlock_01 .item_slider .slick-next:before {
    content: "";
    display: inline-block;
    width: 25px;
    /* スマホで見た時の幅 */
    height: 25px;
    /* スマホで見た時の高さ */
    background: url(https://www.le-noble.com/slick/images/slick-next.webp) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

/*背景や位置の調整*/
.itemBlock_01 .item_slider .slick-prev {
    top: 105%;
    left: 1.7%;
    z-index: 1;
    width: auto;
    height: auto;
}

.itemBlock_01 .item_slider .slick-next {
    top: 105%;
    right: 1.5%;
    z-index: 2;
    width: auto;
    height: auto;
}

.itemBlock_01 .item_slider .slick-dots li button::before {
    font-size: 20px;
    content: '\025cf';
}

.itemBlock_01 .item_slider .slick-dots li {
    margin: 0 2px;
}

.itemBlock_01 .item_slider .slick-dots {
    bottom: -45px;
}

.columnBox_b__02 .pickup_slider .slick-prev:before {
    content: "";
    display: inline-block;
    width: 25px;
    /* スマホで見た時の幅 */
    height: 25px;
    /* スマホで見た時の高さ */
    background: url(https://www.le-noble.com/slick/images/slick-prev.webp) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

.columnBox_b__02 .pickup_slider .slick-next:before {
    content: "";
    display: inline-block;
    width: 25px;
    /* スマホで見た時の幅 */
    height: 25px;
    /* スマホで見た時の高さ */
    background: url(https://www.le-noble.com/slick/images/slick-next.webp) no-repeat;
    background-size: contain;
    margin-right: 3px;
}

/*背景や位置の調整*/
.columnBox_b__02 .pickup_slider .slick-prev {
    top: 105%;
    left: 1.7%;
    z-index: 1;
    width: auto;
    height: auto;
}

.columnBox_b__02 .pickup_slider .slick-next {
    top: 105%;
    right: 1.5%;
    z-index: 2;
    width: auto;
    height: auto;
}

.columnBox_b__02 .pickup_slider .slick-dots li button::before {
    font-size: 20px;
    content: '\025cf';
}

.columnBox_b__02 .pickup_slider .slick-dots li {
    margin: 0 2px;
}

.columnBox_b__02 .pickup_slider .slick-dots {
    bottom: -50px;
}

/* other------------------------------ */
.space {
    margin: 5% 0
}

.pc_display {
    display: block !important;
}

.sp_display {
    display: none !important;
}

.br_pc {
    display: block !important;
}

.br_sp {
    display: none !important;
}

.pc_img {
    display: block !important;
}

.sp_img {
    display: none !important;
}


/* toick item------------------------------ */

/*.items {
    clear: both;
    border-bottom: #C3C3C3 1px solid;
    padding-bottom: 45px;
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10%;
}*/
.event_header_christmas_banner_list {
    display: none !important;
}

.event_header_christmas_banner_list li a {}

/*.event_prod_list_header{
    display: none!important;
}*/

/* modal------------------------------ */

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

.bigimg {
    position: absolute;
    width: 80%;
    max-width: 800px;
    top: 80px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
}

.bigimg img {
    width: 100%;
}

.close-btn {
    color: #fff;
    font-size: 40px;
    position: absolute;
    right: 20px;
    top: 0;
}

.close-btn a {
    color: #fff;
    text-decoration: none;
}




/* --------------------------------
* モール
* -------------------------------- */
@media screen and (max-width: 840px) {


    /* container
------------------------------ */
    .container_header {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .container_title {
        width: 100%;
        margin: 3% auto;
        padding: 0 10%;
    }

    .container_subttl {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .container_button {
        margin: 0 auto 12%;
        padding: 0 2%;
    }

    .container_01 {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .container_02 {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .container_03 {
        width: 100%;
        margin: 0 auto;
        padding: 0 1.5%;
    }

    /* contents
------------------------------ */
    .contents_header {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .contents_logo {
        width: 40%;
        margin: 0 auto;
        padding: 1% 0 3%;
    }

    .contents_title {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .contents_lead {
        width: 100%;
        margin: 0 auto;
        padding: 6% 0 2%;
    }

    .contents_01 {
        margin: 0 auto;
    }

    .contents_02 {
        margin: 0 auto;
    }

    /* block
------------------------------ */
    .block_01 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .block_02 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: static;
        top: 0;
        left: 0;
        transform: translateY(0) translateX(0);
    }

    .block_03 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .block_04 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .block_05 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .block_06 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    /* parts
------------------------------ */
    .parts_02 {
        width: 100%;
        margin: 0 auto 5%;
        padding: 0 20%;
    }

    .parts_03 {
        width: 100%;
        margin: 0 auto 1%;
        padding: 0;
    }

    .parts_04 {
        width: 100%;
        margin: 0 auto 4%;
        padding: 0;
    }

    .parts_05 {
        width: 90%;
        margin: 0 auto 5%;
        padding: 0;
    }

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

    /* layer
------------------------------ */
    .layer_04 {
        width: 100%;
        margin: 2% auto 5%;
        padding: 0;
    }

    /* inside
------------------------------ */
    .inside_01 {
        width: 100%;
        margin: 0 auto 4%;
        padding: 0;
    }

    .inside_02 {
        width: 100%;
        margin: 0 auto;
        padding: 0 4%;
    }

    /* reduce
------------------------------ */

    /* flex
------------------------------ */
    .flexbox_02 {
        flex-direction: row-reverse;
    }

    .flexbox_03 {
        flex-direction: row;
    }

    /* h3 text
------------------------------ */
    h3.title {
        font-size: calc(1.2rem * 1.6);
        margin: 0;
        letter-spacing: 0;
        line-height: calc(1.8rem * 1.6);
    }

    h3.ttl {
        font-size: calc(2rem * 1.6);
        margin: 0;
    }

    h3.ttl span {
        font-size: calc(2rem * 1.6);
        margin: 0;
    }

    /* h4 text
------------------------------ */
    h4.ttl {
        margin: 0;
        font-size: calc(2rem * 1.6);
        line-height: calc(3.2rem * 1.6);
    }

    h4.headline {
        margin: 0;
        font-size: calc(2.1rem * 1.6);
    }

    /* h5 text
------------------------------ */

    h5.title {
        font-size: calc(1.8rem * 1.6);
        text-align: center;
        line-height: 2rem !important;
        margin: 0;
        font-weight: normal;
    }

    h5.ttl {
        font-size: calc(1.5rem * 1.6);
        line-height: calc(2rem * 1.6);
        margin: 0;
    }

    h5.headline {
        margin: 0;
        font-size: calc(1.6rem * 1.6);
    }

    h5.topics {
        font-size: calc(1.2rem * 1.6);
        line-height: 2rem !important;
        margin: 0;
    }

    /* p text
------------------------------ */
    p.lead {
        font-size: calc(1.1rem * 1.6);
        line-height: calc(2rem * 1.6);
        margin: 0;
    }

    p.text_01 {
        font-size: calc(1rem * 1.6);
        margin: 0;
        line-height: calc(1.8rem * 1.6);
    }

    p.text_02 {
        font-size: calc(1rem * 1.6);
        margin: 0;
        line-height: calc(1.8rem * 1.6);
    }

    p.ruby {
        font-size: calc(.9rem * 1.6);
        font-weight: normal;
        margin: 0;
        text-align: center;
    }

    /* h3 Btn
------------------------------ */
    a.seriesBtn {
        margin: 0 auto;
        font-size: .9rem !important;
        padding: 1rem 0 !important;
    }

    /* other
------------------------------ */
    .plug {
        margin: -7% 0 0;
    }

    .br_pc {
        display: none !important;
    }

    .br_sp {
        display: block !important;
    }

    .pc_img {
        display: none !important;
    }

    .sp_img {
        display: block !important;
        width: 100%;
    }

}




/* --------------------------------
* SP
* -------------------------------- */
@media screen and (max-width:639px) {
    /* base */

    /* page
------------------------------ */
    .page-body {
        padding: 0;
    }

    /* container
  ------------------------------ */

    .container_header {
        margin: 0 auto;
        padding: 0;
    }

    .container_title {
        margin: 0 auto;
        padding: 0;
    }

    .container_annex {
        width: 96%;
        margin: 10% auto;
        padding: 7% 0 2%;
    }

    .container_button {
        margin: 0 auto;
        padding: 0 2%;
    }

    .container_first {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .container_second {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .container_third {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .container_fourth {
        width: 100%;
        margin: 2% auto;
        padding: 0;
    }

    .container_fifth {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .container_sixth {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    /* wrapper
  ------------------------------ */
    .wrapper_top {
        margin: 0 auto 4%;
        padding: 0;
    }

    .wrapper_title {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0;
    }

    .wrapper_subttl {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 5%;
    }

    .wrapper_annex {
        width: 100%;
        margin: 0 auto;
        padding: 0 3% 10%;
    }

    .wrapper_heading {
        width: 100%;
        margin: 0 auto;
        padding: 11% 0 2%;
    }

    .wrapper_button {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 8%;
    }

    .wrapper_first {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 12%;
    }

    .wrapper_second {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 12%;
    }

    .wrapper_third {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 12%;
    }

    .wrapper_fourth {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 12%;
    }

    .wrapper_fifth {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 12%;
    }

    .wrapper_sixth {
        width: 100%;
        margin: 0 auto;
        padding: 7% 0 12%;
    }

    /* area
------------------------------ */

    /* contents
------------------------------ */
    .contents_logo {
        width: 48%;
        margin: 0 auto;
        padding: 0 0 2%;
    }

    .contents_lead {
        width: 100%;
        margin: 0 auto;
        padding: 5% 5% 2%;
    }

    .contents_headline {
        width: 100%;
        margin: 0 auto;
        padding: 4% 2% 7%;
    }

    .contents_explain {
        width: 100%;
        margin: 0 auto;
        padding: 0 4%;
    }

    .contents_heading {
        width: 100%;
        margin: 0 auto;
        padding: 2% 0 1%;
    }

    .contents_subttl {
        width: 100%;
        margin: 0 auto;
        padding: 5% 4%;
    }

    .contents_button {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .container_main {
        width: 100%;
        margin: 0 auto;
        padding: 0 1% 3%;
    }

    .contents_link {
        width: 100%;
        margin: 0;
        padding: 5%;
    }

    /* box
------------------------------ */
    .carouselBox {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .btnBox_01 {
        width: 94%;
        margin: 0 auto 5%;
        padding: 0;
    }

    /* block
------------------------------ */
    .iconBlock_01 {
        width: 30%;
        margin: 0 auto;
        padding: 0 0 1%;
    }

    .block_logo {
        width: 46%;
        margin: 0 auto;
        padding: 0 0 5%;
    }

    .textBlock_01 {
        width: 68%;
        margin: 0 auto;
        padding: 0 0 5%;
        position: relative;
    }

    .block_title {
        width: 100%;
        margin: 0;
        padding: 0;
        clear: both;
    }

    .block_icon {
        width: 30%;
        margin: 0 auto;
        padding: 0 0 5%;
    }

    .block_writing {
        width: 100%;
        margin: 0 auto;
        padding: 3% 2%;
    }

    .block_button {
        width: 100%;
        margin: 0;
        padding: 0 0 3%;
        clear: both;
    }

    .block_lead {
        width: 100%;
        margin: 0 auto;
        padding: 5%;
    }

    .block_headline {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 5%;
    }

    .itemBlock_01 {
        width: 100%;
        margin: 0 auto;
        padding: 0 1.5% 0 0;
    }

    /* button
  ------------------------------ */
    a.button_01 {
        padding: 4% 0;
        margin: 0 auto;
    }

    /* border
  ------------------------------ */

    /* parts
------------------------------ */
    .parts_01 {
        margin: 0 auto;
        padding: 0;
    }

    .parts_02 {
        margin: 0 auto;
        padding: 3% 15% 0;
    }

    .parts_03 {
        margin: 0 auto 1%;
        padding: 0;
    }

    .parts_04 {
        width: 100%;
        margin: 0 auto 3%;
        padding: 0;
    }

    .parts_05 {
        width: 80%;
        margin: 0 auto 5%;
        padding: 0;
    }

    .parts_06 {
        margin: 0 auto;
    }

    .parts_07 {
        width: 90%;
        margin: 5% auto;
        padding: 0;
    }

    /*space
------------------------------ */
    .space_top {
        padding-top: 2%;
    }

    /* element
------------------------------ */

    /* piece
------------------------------ */
    .piece_02 {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 7%;
    }

    /* flex
------------------------------ */
    .flexarea_01 {
        flex-direction: column;
    }

    .flexbox_01 {
        flex-direction: column;
    }

    .flexbox_02 {
        flex-direction: column;
    }

    /* h3_text
------------------------------ */
    h3.title {
        font-size: calc(1.2rem * 1.6);
        margin: 0;
        letter-spacing: 0;
        line-height: calc(1.8rem * 1.6);
    }

    h3.ttl {
        font-size: calc(2rem * 1.6);
        margin: 0;
        letter-spacing: calc(.2rem * 1.6);
    }


    /* h4 text
------------------------------ */
    h4.title {
        font-size: calc(1.7rem * 1.6);
        margin: 0;
        line-height: 2rem !important;
        letter-spacing: normal;
    }

    h4.ttl {
        font-size: calc(1.4rem * 1.6);
        margin: 0;
        line-height: calc(2rem * 1.6);
    }

    h4.headline {
        line-height: calc(3rem * 1.6);
        margin: 0;
        font-size: calc(1.3rem * 1.6);
        display: block;
        text-align: center;
    }

    h4.headline span {
        margin: 0;
        font-size: calc(1.2rem * 1.6);
    }

    h4.headline::after {
        align-content: center;
        content: "";
        flex-grow: 1;
        margin: 0 1%;
        height: 1px;
        background: #111;
        display: flex;
    }

    h4.headline::before {
        align-content: center;
        content: "";
        flex-grow: 1;
        margin: 0 1%;
        height: 1px;
        background: #111;
        display: flex;
    }

    /* h5 text
------------------------------ */
    h5.title {
        font-size: calc(1.2rem * 1.6);
        line-height: 2rem !important;
        margin: 0;
        font-weight: normal;
        text-align: left;
    }

    h5.ttl {
        font-size: calc(1.7rem * 1.6);
        line-height: normal;
        margin: 0;
    }

    h5.headline {
        line-height: calc(3rem * 1.6);
        margin: 0;
        font-size: calc(1.3rem * 1.6);
        display: block;
        text-align: center;
    }

    h5.headline::after {
        align-content: center;
        content: "";
        flex-grow: 1;
        margin: 0 3rem;
        height: 1px;
        display: block;
    }

    h5.headline::before {
        align-content: center;
        content: "";
        flex-grow: 1;
        margin: 0 3rem;
        height: 1px;
        display: block;
    }

    h5.catch {
        font-size: calc(1.1rem * 1.6);
        text-align: center;
        line-height: 2rem !important;
        margin: 0;
        font-weight: normal;
    }

    h5.header {
        font-size: calc(1.4rem * 1.6);
        line-height: 2rem !important;
        margin: 0;
    }

    /* p text
------------------------------ */
    p.lead {
        font-size: calc(1rem * 1.6);
        margin: 0;
        line-height: calc(1.6rem * 1.6);
    }

    p.text_01 {
        font-size: calc(.95rem * 1.6);
        line-height: calc(1.4rem * 1.6);
        margin: 0;
        padding: 0;
    }

    p.text_02 {
        font-size: calc(.95rem * 1.6);
        line-height: calc(1.4rem * 1.6);
        margin: 0;
        padding: 0;
    }

    p.btntext {
        margin: 0;
        font-size: 1rem !important;
        letter-spacing: normal;
    }

    p.contextTxt {
        margin: 0;
        font-size: calc(.9rem * 1.6);
        line-height: calc(1.35rem * 1.6);
        letter-spacing: calc(.05rem * 1.6);
        position: static;
        top: 0;
        left: 0;
        transform: translateY(0) translateX(0);
    }

    p.itemBtn {
        font-size: calc(.85rem * 1.6);
        line-height: calc(1.4rem * 1.6);
        text-align: center;
        margin: 0;
        padding: 0;
    }

    /*矢印表示
--------------------------------*/
    a.slick-next:hover {
        opacity: 10;
    }

    /*表示する文字周りの設定2段用*/
    .contents_carousel .carousel_block .slick-prev:before {
        content: "";
        display: inline-block;
        width: 20px;
        /* スマホで見た時の幅 */
        height: 20px;
        /* スマホで見た時の高さ */
        background: url(https://www.le-noble.com/slick/images/slick-prev.webp) no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

    .contents_carousel .carousel_block .slick-next:before {
        content: "";
        display: inline-block;
        width: 20px;
        /* スマホで見た時の幅 */
        height: 20px;
        /* スマホで見た時の高さ */
        background: url(https://www.le-noble.com/slick/images/slick-next.webp) no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

    /*背景や位置の調整*/
    .contents_carousel .carousel_block .slick-prev {
        top: 107%;
        left: 1%;
        z-index: 1;
    }

    .contents_carousel .carousel_block .slick-next {
        top: 107%;
        right: 1%;
        z-index: 2;
    }

    .contents_carousel .carousel_block .slick-dots li button::before {
        font-size: 10px;
        content: '\025a0';
        transform: scaleX(4);
        display: inline-block;
        margin: 0;
    }

    .contents_carousel .carousel_block .slick-dots li {
        margin: 0 3px;
    }

    .contents_carousel .carousel_block .slick-counter {
        width: 30%;
        text-align: center;
        font-size: calc(1rem * 1.6);
        background-color: rgba(86, 86, 86, 0.4);
        padding: 2% 0;
        margin: 0 auto;
        color: #fff;
    }

    .contents_carousel .carousel_block .slick-counter span {
        text-align: center;
        font-size: calc(1.2rem * 1.6);
        font-weight: bold;
    }

    .contents_carousel .carousel_block .slick-dots {
        bottom: -40px;
    }

    .itemBlock_01 .item_slider .slick-prev:before {
        content: "";
        display: inline-block;
        width: 25px;
        /* スマホで見た時の幅 */
        height: 25px;
        /* スマホで見た時の高さ */
        background: url(https://www.le-noble.com/slick/images/slick-prev.webp) no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

    .itemBlock_01 .item_slider .slick-next:before {
        content: "";
        display: inline-block;
        width: 25px;
        /* スマホで見た時の幅 */
        height: 25px;
        /* スマホで見た時の高さ */
        background: url(https://www.le-noble.com/slick/images/slick-next.webp) no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

    /*背景や位置の調整*/
    .itemBlock_01 .item_slider .slick-prev {
        top: 105%;
        left: 1.7%;
        z-index: 1;
        width: auto;
        height: auto;
    }

    .itemBlock_01 .item_slider .slick-next {
        top: 105%;
        right: 1.5%;
        z-index: 2;
        width: auto;
        height: auto;
    }

    .itemBlock_01 .item_slider .slick-dots li button::before {
        font-size: 20px;
        content: '\025cf';
    }

    .itemBlock_01 .item_slider .slick-dots li {
        margin: 0 2px;
    }

    .itemBlock_01 .item_slider .slick-dots {
        bottom: -30px;
    }

    .columnBox_b__02 .pickup_slider .slick-prev:before {
        content: "";
        display: inline-block;
        width: 25px;
        /* スマホで見た時の幅 */
        height: 25px;
        /* スマホで見た時の高さ */
        background: url(https://www.le-noble.com/slick/images/slick-prev.webp) no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

    .columnBox_b__02 .pickup_slider .slick-next:before {
        content: "";
        display: inline-block;
        width: 25px;
        /* スマホで見た時の幅 */
        height: 25px;
        /* スマホで見た時の高さ */
        background: url(https://www.le-noble.com/slick/images/slick-next.webp) no-repeat;
        background-size: contain;
        margin-right: 3px;
    }

    /*背景や位置の調整*/
    .columnBox_b__02 .pickup_slider .slick-prev {
        top: 105%;
        left: 1.7%;
        z-index: 1;
        width: auto;
        height: auto;
    }

    .columnBox_b__02 .pickup_slider .slick-next {
        top: 105%;
        right: 1.5%;
        z-index: 2;
        width: auto;
        height: auto;
    }

    .columnBox_b__02 .pickup_slider .slick-dots li button::before {
        font-size: 20px;
        content: '\025cf';
    }

    .columnBox_b__02 .pickup_slider .slick-dots li {
        margin: 0 2px;
    }

    .columnBox_b__02 .pickup_slider .slick-dots {
        bottom: -35px;
    }


    /* btn
------------------------------ */
    a.categoryBtn {
        padding: 5% 0 5% 4%;
        font-size: .9rem !important;
        letter-spacing: normal;
    }

    a.categoryBtn::after {
        font-size: calc(1rem * 1.6);
        transition: right .25s ease;
    }

    .seriesBtn p.btntext_01 {
        margin: 0 auto;
        display: block;
        padding: 4.5% 0 4%;
        font-size: calc(.95rem * 1.6);
        letter-spacing: calc(.1rem * 1.6);
        text-align: center;
        text-decoration: none;
        border: 1px solid #505050;
        color: #505050;
    }

    /* item_name
------------------------------ */
    .item_ttl_name {
        font-size: .8rem !important;
        text-align: left;
        line-height: 1.2rem !important;
        margin: 0 !important;
    }

    .c_price {
        font-size: calc(.6rem * 1.6);
        font-weight: bold;
        text-align: center;
        letter-spacing: calc(.05rem * 1.6);
        line-height: calc(1.2rem * 1.6);
    }

    .c_price span {
        font-size: calc(.9rem * 1.6);
        font-weight: bold;
        text-align: center;
        letter-spacing: calc(.05rem * 1.6);
        line-height: calc(1.2rem * 1.6);
    }

    /* other
------------------------------ */
    .pc_display {
        display: none !important;
    }

    .sp_display {
        display: block !important;
    }

    .br_pc {
        display: none !important;
    }

    .br_sp {
        display: block !important;
    }

    .pc_img {
        display: none !important;
    }

    .sp_img {
        display: block !important;
        width: 100%;
    }

}


@charset "utf-8";

/** none style **/
.none {
    display: none;
}

/** clear style **/
.clear {
    clear: both;
}

.clearfix {
    _display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/** float style **/
/* left-floats */
.fleft0 {
    float: left;
    display: inline;
}

.fleft1 {
    float: left;
    display: inline;
    margin-right: 10px;
}

.fleft2 {
    float: left;
    display: inline;
    margin-right: 20px;
}

/* right-floats */
.fright0 {
    float: right;
    display: inline;
}

.fright1 {
    float: right;
    display: inline;
    margin-left: 10px;
}

.fright2 {
    float: right;
    display: inline;
    margin-left: 20px;
}

/** All-margins style **/
.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m20 {
    margin: 20px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.m50 {
    margin: 50px;
}

.m75 {
    margin: 75px;
}

.m100 {
    margin: 100px;
}

/** Top-margins style **/
.t-m5 {
    margin-top: 5px !important;
}

.t-m10 {
    margin-top: 10px !important;
}

.t-m15 {
    margin-top: 15px !important;
}

.t-m20 {
    margin-top: 20px !important;
}

.t-m30 {
    margin-top: 30px !important;
}

.t-m40 {
    margin-top: 40px !important;
}

.t-m50 {
    margin-top: 50px !important;
}

.t-m75 {
    margin-top: 75px !important;
}

.t-m100 {
    margin-top: 100px !important;
}

/** Bottom-margins style **/
.b-m5 {
    margin-bottom: 5px;
}

.b-m10 {
    margin-bottom: 10px;
}

.b-m15 {
    margin-bottom: 15px;
}

.b-m20 {
    margin-bottom: 20px;
}

.b-m30 {
    margin-bottom: 30px;
}

.b-m40 {
    margin-bottom: 40px;
}

.b-m50 {
    margin-bottom: 50px;
}

.b-m75 {
    margin-bottom: 75px;
}

.b-m100 {
    margin-bottom: 100px;
}

/** Left-margins style **/
.l-m5 {
    margin-left: 5px;
}

.l-m10 {
    margin-left: 10px;
}

.l-m15 {
    margin-left: 15px;
}

.l-m20 {
    margin-left: 20px;
}

.l-m30 {
    margin-left: 30px;
}

.l-m40 {
    margin-left: 40px;
}

.l-m50 {
    margin-left: 50px;
}

.l-m70 {
    margin-left: 70px;
}

.l-m75 {
    margin-left: 75px;
}

.l-m100 {
    margin-left: 100px;
}

/** Right-margins style **/
.r-m5 {
    margin-right: 5px;
}

.r-m10 {
    margin-right: 10px;
}

.r-m15 {
    margin-right: 15px;
}

.r-m20 {
    margin-right: 20px;
}

.r-m30 {
    margin-right: 30px;
}

.r-m40 {
    margin-right: 40px;
}

.r-m50 {
    margin-right: 50px;
}

.r-m75 {
    margin-right: 75px;
}

.r-m100 {
    margin-right: 100px;
}

/** Height-margins style **/
.h-m5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.h-m10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.h-m15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.h-m20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.h-m30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.h-m40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.h-m50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.h-m60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.h-m70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.h-m80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

/** Width-margins style **/
.w-m5 {
    margin-left: 5px;
    margin-right: 5px;
}

.w-m10 {
    margin-left: 10px;
    margin-right: 10px;
}

.w-m15 {
    margin-left: 15px;
    margin-right: 15px;
}

.w-m20 {
    margin-left: 20px;
    margin-right: 20px;
}

.w-m30 {
    margin-left: 30px;
    margin-right: 30px;
}

.w-m40 {
    margin-left: 40px;
    margin-right: 40px;
}

.w-m50 {
    margin-left: 50px;
    margin-right: 50px;
}

/** All-paddings style **/
.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

.p50 {
    padding: 50px;
}

.p75 {
    padding: 75px;
}

.p100 {
    padding: 100px;
}

/** Top-paddings style **/
.t-p5 {
    padding-top: 5px !important;
}

.t-p10 {
    padding-top: 10px !important;
}

.t-p15 {
    padding-top: 15px !important;
}

.t-p20 {
    padding-top: 20px !important;
}

.t-p30 {
    padding-top: 30px !important;
}

.t-p40 {
    padding-top: 40px !important;
}

.t-p50 {
    padding-top: 50px !important;
}

.t-p75 {
    padding-top: 75px !important;
}

.t-p100 {
    padding-top: 100px !important;
}

/** Bottom-paddings style **/
.b-p5 {
    padding-bottom: 5px !important;
}

.b-p10 {
    padding-bottom: 10px !important;
}

.b-p15 {
    padding-bottom: 15px !important;
}

.b-p20 {
    padding-bottom: 20px !important;
}

.b-p30 {
    padding-bottom: 30px !important;
}

.b-p40 {
    padding-bottom: 40px !important;
}

.b-p50 {
    padding-bottom: 50px !important;
}

.b-p75 {
    padding-bottom: 75px !important;
}

.b-p100 {
    padding-bottom: 100px !important;
}

/** Left-paddings style **/
.l-p5 {
    padding-left: 5px !important;
}

.l-p10 {
    padding-left: 10px !important;
}

.l-p15 {
    padding-left: 15px !important;
}

.l-p20 {
    padding-left: 20px !important;
}

.l-p30 {
    padding-left: 30px !important;
}

.l-p40 {
    padding-left: 40px !important;
}

.l-p50 {
    padding-left: 50px !important;
}

.l-p75 {
    padding-left: 75px !important;
}

.l-p100 {
    padding-left: 100px !important;
}

/** Right-paddings style **/
.r-p5 {
    padding-right: 5px !important;
}

.r-p10 {
    padding-right: 10px !important;
}

.r-p15 {
    padding-right: 15px !important;
}

.r-p20 {
    padding-right: 20px !important;
}

.r-p30 {
    padding-right: 30px !important;
}

.r-p40 {
    padding-right: 40px !important;
}

.r-p50 {
    padding-right: 50px !important;
}

.r-p75 {
    padding-right: 75px !important;
}

.r-p100 {
    padding-right: 100px !important;
}

/** Height-paddings style **/
.h-p5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.h-p10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.h-p15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.h-p20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.h-p30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.h-p40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.h-p50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.h-p75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.h-p100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

/** Width-paddings style **/
.w-p5 {
    padding-left: 5px;
    padding-right: 5px;
}

.w-p10 {
    padding-left: 10px;
    padding-right: 10px;
}

.w-p15 {
    padding-left: 15px;
    padding-right: 15px;
}

.w-p20 {
    padding-left: 20px;
    padding-right: 20px;
}

.w-p30 {
    padding-left: 30px;
    padding-right: 30px;
}

.w-p40 {
    padding-left: 40px;
    padding-right: 40px;
}

.w-p50 {
    padding-left: 50px;
    padding-right: 50px;
}

.w-p75 {
    padding-left: 75px;
    padding-right: 75px;
}

.w-p100 {
    padding-left: 100px;
    padding-right: 100px;
}

/** Text-aligns style **/
.tcenter {
    text-align: center !important;
}

.tright {
    text-align: right !important;
}

.tleft {
    text-align: left !important;
}


/** vertical-aligns style **/
.vtop {
    vertical-align: top !important;
}

.vmiddle {
    vertical-align: middle !important;
}

.vbottom {
    vertical-align: bottom !important;
}

/** font-colors style **/
.orange {
    color: #FF6600;
}

.orange2 {
    color: #FF9933;
}

.red {
    color: #FF0606;
}

.red2 {
    color: #FF6666;
}

.wine {
    color: #9E005D;
}

.blue {
    color: #0033FF;
}

.green {
    color: #75BE2E;
}

.skyblue {
    color: #007BC6;
}

.magenta {
    color: #663366;
}

.white {
    color: #FFF;
}

.darkpink {
    color: #9E005D;
}

.navy {
    color: #243F99;
}

/** font-sizes style **/
.f-s8 {
    font-size: 8px;
}

.f-s10 {
    font-size: 10px;
}

.f-s11 {
    font-size: 11px;
}

.f-s12 {
    font-size: 12px;
}

.f-s13 {
    font-size: 13px;
}

.f-s14 {
    font-size: 14px;
}

.f-s16 {
    font-size: 16px;
}

.f-s18 {
    font-size: 18px;
}

.f-s20 {
    font-size: 20px;
}

.f-s22 {
    font-size: 22px;
}

.f-s24 {
    font-size: 24px;
}

.l0 {
    line-height: 0;
}

.bnone {
    border: none;
}


/** width style **/
.w-5per {
    width: 5% !important;
}

.w-10per {
    width: 10% !important;
}

.w-15per {
    width: 15% !important;
}

.w-20per {
    width: 20% !important;
}

.w-25per {
    width: 25% !important;
}

.w-30per {
    width: 30% !important;
}

.w-35per {
    width: 35% !important;
}

.w-40per {
    width: 40% !important;
}

.w-45per {
    width: 45% !important;
}

.w-50per {
    width: 50% !important;
}

.w-55per {
    width: 55% !important;
}

.w-60per {
    width: 60% !important;
}

.w-65per {
    width: 65% !important;
}

.w-70per {
    width: 70% !important;
}

.w-75per {
    width: 75% !important;
}

.w-80per {
    width: 80% !important;
}

.w-85per {
    width: 85% !important;
}

.w-90per {
    width: 90% !important;
}

.w-95per {
    width: 95% !important;
}

.w-100per {
    width: 100% !important;
}

/** display block style **/
.bcenter {
    margin-right: auto !important;
    margin-left: auto !important;
}


/** max-width style **/
.mw-5per {
    max-width: 5% !important;
}

.mw-10per {
    max-width: 10% !important;
}

.mw-15per {
    max-width: 15% !important;
}

.mw-20per {
    max-width: 20% !important;
}

.mw-25per {
    max-width: 25% !important;
}

.mw-30per {
    max-width: 30% !important;
}

.mw-35per {
    max-width: 35% !important;
}

.mw-40per {
    max-width: 40% !important;
}

.mw-45per {
    max-width: 45% !important;
}

.mw-50per {
    max-width: 50% !important;
}

.mw-55per {
    max-width: 55% !important;
}

.mw-60per {
    max-width: 60% !important;
}

.mw-65per {
    max-width: 65% !important;
}

.mw-70per {
    max-width: 70% !important;
}

.mw-75per {
    max-width: 75% !important;
}

.mw-80per {
    max-width: 80% !important;
}

.mw-85per {
    max-width: 85% !important;
}

.mw-90per {
    max-width: 90% !important;
}

.mw-95per {
    max-width: 95% !important;
}

.mw-100per {
    max-width: 100% !important;
}

/** display set **/
.disp-b {
    display: block;
}

.disp-il {
    display: inline;
}

.disp-ilb {
    display: inline-block;
}

.disp-f {
    display: flex;
}