@charset "utf-8";
html { scroll-behavior: smooth; }

@font-face { font-family: 'ME-R'; src: url('https://life.miele.co.jp/font/MieleElements-5Regular.woff') format('woff'); }
@font-face { font-family: 'ME-SB'; src: url('https://life.miele.co.jp/font/MieleElements-6SemiBold.woff') format('woff'); }
@font-face { font-family: 'ME-B'; src: url('https://life.miele.co.jp/font/MieleElements-7Bold.woff') format('woff'); }
@font-face { font-family: 'ME-EB'; src: url('https://life.miele.co.jp/font/MieleElements-8ExtraBold.woff') format('woff'); }

.en.reg {font-family: ME-R,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.en.sb {font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.en.fb {font-family: ME-B,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.en.eb {font-family: ME-EB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}


a,a img { text-decoration: none; transition-property: all; transition: 0.3s linear; }
a:hover,a:hover img { opacity:0.7; }
img {width: 100%;}
.pc {display:block !important;}
.pcsp { display:none !important; }
.sp { display:none !important; }
.bg-gray {background: #F6F6F6;}

.anchor { padding-top: 166px; margin-top: -166px; }

section {
    padding: 0 30px;
}
section.mv {
    padding: 0;
}
section .inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 100px 0;
}

section.mv .mv-box {
    position: relative;
}
section.mv .mv-box .text-box {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    right: 0;
    top: 50px;
    padding: 10px 40px;
}
section.mv .mv-box .text-box h1 {
    text-shadow: 2px 3px 3px rgba(255, 255, 255, 0.6);
    font-size: clamp(24px, 3.5vw, 50px);
    /* font-size: 42px; */
}
section.mv .mv-box .text-box h1 span.en {font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;display: block;color: #8c0014;font-size: clamp(36px, 4.5vw, 66px);}
section.mv .mv-box .img-box {
    width: 80%;
}
section.mv .mv-box .img-box img {
    width: 100%;
    object-fit: cover;
    height: 700px;
    object-position: 20% center;
    border-radius: 0 0 100px 0;
}
section.mv .inner {
    padding-top: 60px;
}
section.mv .inner .lead-text {}
section.mv .inner .lead-text h2 {
    font-size: 36px;
    text-align: center;
    letter-spacing: 0.04em;
}
section.mv .inner .lead-text h2 span.en { font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif; }
section.mv .inner .lead-text p {
    font-size: 24px;
    line-height: 175%;
    padding: 0 30px;
}
section.mv .inner .btn-list {
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 90%;
    max-width: 800px;
    margin: 40px auto 0;
}
section.mv .inner .btn-list li {
    list-style: none;
    width: 30%;
}
section.mv .inner .btn-list li a {display: block;background: #8c0014;color: #FFF;text-align: center;position: relative;padding: 20px 0 34px;border: 2px solid #8c0014;}
section.mv .inner .btn-list li a::after {content:"";display: block;width: 12px;height: 12px;margin: auto;content: '';transform: translateX(-50%) rotate(135deg);border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);position: absolute;left: 50%;bottom: 18px;}
section.mv .inner .btn-list li a:hover::after { border-color:#8c0014; }
section.mv .inner .btn-list li a:hover { color: #8c0014; background:#FFF; opacity:1; }

section .inner {}
section .inner p {
    font-size: 18px;
    line-height: 150%;
}
section .inner h2.title {
    font-size: 38px;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 60px;
}
section .inner h2.title::before { content:""; }
section .inner h2.title::after { content:""; }
section .inner h3.title {
    position: relative;
    font-size: 30px;
    margin: 40px 0 24px;
    margin-left: 36px;
}
section .inner h3.title::before {content:"";position: absolute;display: block;border-radius: 100%;border: 6px solid #8c0014;transform: initial;background: initial;width: 28px;height: 28px;right: initial;left: -36px;top: 8px;}
section .inner h3.title::after { content:""; }
section .inner h4.title {
    width: 100%;
    text-align: center;
    background: #868686;
    color: #FFF;
    font-size: 26px;
    padding: 8px 0;
    margin-bottom: 50px;
    margin-top: 0;
}
section .inner h4.title::before { content:""; }
section .inner h4.title::after { content:""; }
section .inner h5.title {}
section .inner h5.title::before { content:""; }
section .inner h5.title::after { content:""; }

section .inner .cont-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section .inner .cont-box p.title {
    width: 100%;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}
section .inner .cont-box .img-box {
    width: 44%;
}
section .inner .cont-box .img-box img {}
section .inner .cont-box .text-box {
    width: 50%;
}
section .inner .cont-box .text-box ul {
    padding: 0;
    margin-top: 0;
}
section .inner .cont-box .text-box ul li {
    list-style: none;
    font-size: 18px;
    margin-bottom: 16px;
}
section .inner .cont-box .text-box ul li::before {content: attr(data-number);font-weight: bold;display: block;margin-bottom: 4px;}
section .inner .cont-box .text-box ul li a {
    text-decoration: underline;
}
section .inner .cont-box .text-box ul li a:hover {}
section .inner .cont-box .text-box ul li .note-list {
}
section .inner .cont-box .text-box ul li .note-list li {
    position: relative;
    margin-left: 24px;
    margin-bottom: 8px;
}
section .inner .cont-box .text-box ul li .note-list li::before {content:"※";position: absolute;left: -24px;font-weight: normal;}

section .inner .item-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}
section .inner .item-box .in-box {
    width: 47%;
    /* display: flex; */
    justify-content: space-between;
    flex-wrap: wrap;
}
section .inner .item-box .in-box::after { content:""; display:block; clear:both; }
section .inner .item-box .in-box:nth-of-type(2) {}
section .inner .item-box .in-box:nth-last-of-type(1) { margin-bottom:0px; }
section .inner .item-box .in-box .img-box {
    width: 28%;
    float: left;
}
section .inner .item-box .in-box .img-box img {}
section .inner .item-box .in-box .text-box {
    width: 66%;
    float: right;
}
section .inner .item-box .in-box .text-box .price-text {
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 4px;
}
section .inner .item-box .in-box .text-box .price-text span.red {font-family: ME-B,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;padding-left: 4px;font-size: 22px;color: #8c0014;}
section .inner .item-box .in-box .text-box .price-text span.yen {
    font-size: 16px;
}
section .inner .item-box .in-box .text-box .price-text span.tax {
    font-size: 13px;
}
section .inner .item-box .in-box .text-box .spec-text {
    margin-bottom: 16px;
}
section .inner .item-box .in-box .text-box .spec-text tr {}
section .inner .item-box .in-box .text-box .spec-text tr th,
section .inner .item-box .in-box .text-box .spec-text tr td {
    text-align: left;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 15px;
}
section .inner .item-box .in-box .text-box .spec-text tr th {min-width: 110px;}
section .inner .item-box .in-box .text-box .spec-text tr td,
section .inner .item-box .in-box .text-box .spec-text tr td a {
    pointer-events: none;
    color: #000;
}
section .inner .item-box .in-box .text-box h5.title {
    margin-top: 0;
    font-size: 22px;
    font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;
    margin-bottom: 4px;
    line-height: 150%;
}
section .inner .item-box .in-box .text-box p.title {font-weight: bold;margin-bottom: 6px;font-size: 16px;}
section .inner .item-box .in-box .text-box .spec-list {
    margin-top: 0px;
    padding: 0;
}
section .inner .item-box .in-box .text-box .spec-list li {
    list-style: none;
    position: relative;
    margin-left: 16px;
}
section .inner .item-box .in-box .text-box .spec-list li::before {content:"・";font-weight: bold;position: absolute;left: -14px;}
section .inner .item-box .in-box .text-box .spec-list li:nth-last-of-tyle(1) { margin-bottom:0px; }

section .inner .shop-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section .inner .shop-list li {
    list-style: none;
    width: 48%;
    background: #FFF;
    padding: 2% 3%;
    margin-bottom: 40px;
}
section .inner .shop-list li:nth-last-of-type(2),
section .inner .shop-list li:nth-last-of-type(1) {
    margin-bottom: 0;
}
section .inner .shop-list li:nth-of-type(2n) {}
section .inner .shop-list li:nth-last-of-type(1) { margin-bottom:0px; }
section .inner .shop-list li div {}
section .inner .shop-list li div .shop-name {
    margin-top: 0px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}
section .inner .shop-list li div table {
    width: 100%;
    margin-bottom: 20px;
}
section .inner .shop-list li div table tr {}
section .inner .shop-list li div table tr th,
section .inner .shop-list li div table tr td {
    text-align: left;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 15px;
}
section .inner .shop-list li div table tr th {
    width: 100px;
}
section .inner .shop-list li div table tr td {}
section .inner .shop-list li div .exhibition {
    padding: 0;
    display: flex;
    margin-top: 0;
    margin-bottom: 20px;
    /* flex-wrap: wrap; */
}
section .inner .shop-list li div .exhibition li {
    width: auto;
    background: #ECECEC;
    padding: 6px 8px;
    margin-right: 10px;
    font-size: 15px;
    border-radius: 60px;
    margin-bottom: 0px;
}
section .inner .shop-list li div .exhibition li:nth-last-of-tyle(1) { margin-right:0px; }
section .inner .shop-list li div .btn {
    display: block;
    margin-top: 20px;
}
section .inner .shop-list li div .btn::after {content:"〉";padding-left: 8px;}
section .inner .shop-list li div .btn:hover {}

@media only screen and (max-width: 1600px){
.pcsp {display:block !important;}
}

@media only screen and (max-width: 800px){
.pc {display: none !important;}
.sp {display:block !important;}

.anchor { padding-top: 121px; margin-top: -121px; }

section {
    padding: 0;
}
section.mv {}
section .inner {}

section.mv .mv-box {}
section.mv .mv-box .text-box {
    top: 5vw;
    padding: 0vw 3vw;
}
section.mv .mv-box .text-box h1 {
    font-size: 4.5vw;
}
section.mv .mv-box .text-box h1 span.en {
    font-size: 6.45vw;
}
section.mv .mv-box .img-box {
    width: 96%;
}
section.mv .mv-box .img-box img {
    height: auto;
    object-fit: initial;
    object-position: initial;
    border-radius: initial;
}
section.mv .inner {
    padding-top: 8vw;
}
section.mv .inner .lead-text {}
section.mv .inner .lead-text h2 {
    font-size: 5.5vw;
    letter-spacing: initial;
}
section.mv .inner .lead-text h2 span.en { font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif; }
section.mv .inner .lead-text p {
    padding: 0;
    font-size: 4vw;
}
section.mv .inner .btn-list {
    width: 100%;
    margin: 6vw auto 0;
}
section.mv .inner .btn-list li {}
section.mv .inner .btn-list li a {font-size: 3.5vw;padding: 3vw 0 6vw;}
section.mv .inner .btn-list li a::after {content:"";width: 3vw;height: 3vw;border-top: 0.5vw solid #FFF;border-right: 0.5vw solid #FFF;bottom: 3vw;}
section.mv .inner .btn-list li a:hover {}

section .inner {
    width: 92%;
    padding: 12vw 0;
}
section .inner p {
    font-size: 3.8vw;
}
section .inner h2.title {
    font-size: 6vw;
    margin-bottom: 8vw;
}
section .inner h2.title::before { content:""; }
section .inner h2.title::after { content:""; }
section .inner h3.title {
    font-size: 5vw;
    margin: 0 0 4vw 6vw;
}
section .inner h3.title::before {content:"";width: 4.5vw;height: 4.5vw;border: 1vw solid #8c0014;top: 1.2vw;left: -6vw;}
section .inner h3.title::after { content:""; }
section .inner h4.title {
    font-size: 4.5vw;
    padding: 2.4vw 0 2vw;
    margin-bottom: 6vw;
}
section .inner h4.title::before { content:""; }
section .inner h4.title::after { content:""; }
section .inner h5.title {}
section .inner h5.title::before { content:""; }
section .inner h5.title::after { content:""; }

section .inner .cont-box {
    display: block;
}
section .inner .cont-box p.title {
    margin-top: 0px;
    font-size: 4.7vw;
    margin-bottom: 6vw;
}
section .inner .cont-box .img-box {
    width: 100%;
    margin-bottom: 6vw;
}
section .inner .cont-box .img-box img {}
section .inner .cont-box .text-box {
    width: 100%;
}
section .inner .cont-box .text-box ul {}
section .inner .cont-box .text-box ul li {
    font-size: 4vw;
    margin-bottom: 4vw;
}
section .inner .cont-box .text-box ul li::before {content: attr(data-number);margin-bottom: 1vw;}
section .inner .cont-box .text-box ul li a {}
section .inner .cont-box .text-box ul li a:hover {}
section .inner .cont-box .text-box ul li .note-list {}
section .inner .cont-box .text-box ul li .note-list li {
    margin-left: 5vw;
    margin-bottom: 2vw;
}
section .inner .cont-box .text-box ul li .note-list li::before {content:"※";left: -5vw;}

section .inner .item-box {
    display: block;
    margin-bottom: 12vw;
}
section .inner .item-box .in-box {
    width: 100%;
    margin-bottom: 10vw;
}
section .inner .item-box .in-box:nth-of-type(2) {}
section .inner .item-box .in-box:nth-last-of-type(1) { margin-bottom:0px; }
section .inner .item-box .in-box .img-box {
    width: 100%;
    float: none;
    margin-bottom: 6vw;
}
section .inner .item-box .in-box .img-box img {
    width: 40%;
    display: block;
    margin: 0 auto;
}
section .inner .item-box .in-box .text-box {
    float: none;
    width: 100%;
}
section .inner .item-box .in-box .text-box .price-text {
    font-size: 4.8vw;
}
section .inner .item-box .in-box .text-box .price-text span.red {font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size: 6.2vw;}
section .inner .item-box .in-box .text-box .price-text span.yen {
    font-size: 3.8vw;
}
section .inner .item-box .in-box .text-box .price-text span.tax {
    font-size: 3.2vw;
}
section .inner .item-box .in-box .text-box .spec-text {
    width: 100%;
    margin-bottom: 5vw;
}
section .inner .item-box .in-box .text-box .spec-text tr {}
section .inner .item-box .in-box .text-box .spec-text tr th,
section .inner .item-box .in-box .text-box .spec-text tr td {
    font-size: 3.8vw;
    padding: 1.5vw;
}
section .inner .item-box .in-box .text-box .spec-text tr th {
    min-width: 25vw;
}
section .inner .item-box .in-box .text-box .spec-text tr td {}
section .inner .item-box .in-box .text-box h5.title {
    font-size: 5.5vw;
}
section .inner .item-box .in-box .text-box p.title {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
}
section .inner .item-box .in-box .text-box .spec-list {}
section .inner .item-box .in-box .text-box .spec-list li {
    font-size: 3.8vw;
    margin-left: 3.5vw;
}
section .inner .item-box .in-box .text-box .spec-list li::before {content:"・";left: -3.5vw;}
section .inner .item-box .in-box .text-box .spec-list li:nth-last-of-type(1) { margin-bottom:0px; }

section .inner .shop-list {
    display: block;
}
section .inner .shop-list li {
    width: 100%;
    padding: 4%;
    margin-bottom: 6vw;
}
section .inner .shop-list li:nth-last-of-type(2) {
    margin-bottom: 6vw;
}
section .inner .shop-list li:nth-of-type(2n) {}
section .inner .shop-list li:nth-last-of-type(1) { margin-bottom:0px; }
section .inner .shop-list li div {}
section .inner .shop-list li div .shop-name {
    font-size: 4.5vw;
    margin-bottom: 2.5vw;
    margin-top: 2vw;
}
section .inner .shop-list li div table {
    margin-bottom: 5vw;
}
section .inner .shop-list li div table tr {}
section .inner .shop-list li div table tr th,
section .inner .shop-list li div table tr td {
    font-size: 3.8vw;
    padding: 1.5vw 0;
}
section .inner .shop-list li div table tr th {
    width: 22vw;
}
section .inner .shop-list li div table tr td {}
section .inner .shop-list li div .exhibition {
    margin-bottom: 5vw;
    flex-wrap: wrap;
}
section .inner .shop-list li div .exhibition li {
    font-size: 3.5vw;
    padding: 2vw 3vw;
    margin-right: 0;
    margin-bottom: 3vw;
}
section .inner .shop-list li div .exhibition li:nth-last-of-type(1) {margin-bottom: 0px;}
section .inner .shop-list li div .btn {
    margin-top: 5vw;
    font-size: 3.8vw;
}
section .inner .shop-list li div .btn::after { content:"〉"; }
section .inner .shop-list li div .btn:hover {}

}

section .inner .shop-list li div .exhibition li.title {
    background: none;
    padding-left: 0;
    font-weight: bold;
    margin-right: 6px;
}
section .inner .shop-list li div .exhibition li.title::before { content:""; }
section .inner .shop-list li div .exhibition li.title::after { content:""; }
section .inner .lead-text.type2 {
    margin-bottom: 40px;
}
section .inner .item-box .in-box .text-box a.btn {
    background: #8c0014;
    color: #FFF;
    text-align: center;
    position: relative;
    padding: 16px 0;
    border: 2px solid #8c0014;
    display: block;
    width: 190px;
    font-size:16px;
    padding-right: 10px;
}
section .inner .item-box .in-box .text-box a.btn::after {content:"〉";position: absolute;right: 20px;}
section .inner .item-box .in-box .text-box a.btn:hover { background: #FFF; color:#8c0014; opacity:1; }
@media only screen and (max-width: 800px){

section .inner .shop-list li div .exhibition li.title {
    width: 100%;
    margin-bottom: 0;
    font-size: 3.8vw;
    padding-top: 0;
}
section .inner .shop-list li div .exhibition li.title::before { content:""; }
section .inner .shop-list li div .exhibition li.title::after { content:""; }
section .inner .lead-text.type2 {
    margin-bottom: 8vw;
}
section .inner .item-box .in-box .text-box a.btn {
    font-size: 3.8vw;
    width: 40vw;
    padding: 4vw 0;
    padding-right: 2vw;
}
section .inner .item-box .in-box .text-box a.btn::after {content:"〉";right: 3vw;}

}