@charset "utf-8";

 html { scroll-behavior: smooth;}

.pc { display:block; }
.sp { display:none; }

@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;}
#content {
    padding-bottom: 0px;
}
#main {
    max-width: initial;
    padding: 0;
    margin: 0;
    background: initial;
    clear: initial;
    font-size: initial;
    line-height: initial;
}

body .site-main {font-family: ME-R,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;}
.bg-gray {
    background: #F6F6F6;
}

.c-red {
    color: #8c0014;
}
.c-white {
    color: #FFF;
}
.f-b {
    font-weight: bold;
}


#content #main section {background: #F6F6F6;min-width: 1100px;margin-bottom: 0px;}
#content #main section:nth-of-type(2n+1) {background: #FFF;margin: 0;}
#content #main section .inner {
    max-width: 1100px;
    padding: 70px 50px 100px;
    margin: 0 auto;
}
#content #main section .mv-box {
    position: relative;
    height: 600px;
    width: 100%;
    background: url(https://life.miele.co.jp/images/campaign/dishwasher/dw2026-pc-mv.webp);
    background-size: cover;
    background-position-x: right;
    background-position-y: center;
}
#content #main .laundry-cp-2022 p.cp-copy {
    /* margin-top: 0px; */
}

#content #main section .mv-box .text-box {
    max-width: 800px;
    background: #868686;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 40px 20px;
    width: 48%;
    color: #FFF;
    text-align: center;
}
#content #main section .mv-box .text-box .title-text {
    margin: 0px;
    font-size: clamp(22px, 2.3vw, 28px);
}
#content #main section .mv-box .text-box .mv-title {font-family: ME-B,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size: clamp(32px, 3.3vw, 40px);margin: 12px 0 16px;line-height: 135%;}
#content #main section .mv-box .text-box .mv-title .en-b {
    font-size: 110%;
}
#content #main section .mv-box .text-box .mv-title .en-b.big-font {
    font-size: 120%;
}
#content #main section .mv-box .text-box .mv-title .en-b.mini-font {
    font-size: 90%;
}
#content #main section .mv-box .text-box .mv-title .mini-font {
    font-size: 95%;
}
#content #main section .mv-box .text-box .date-text {font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;margin: 0;font-weight: bold;font-size: clamp(18px, 2vw, 22px);}

#content #main .laundry-cp-2022 .menu-list {
    margin-bottom: 0px;
}
#content #main section .inner .lowwer-text .note-point {
    font-size: 12px;
    position: relative;
    top: -3px;
}
#content #main section p.lowwer-text {
    font-size: 18px;
}
#content #main .osaka2022 .menu-list li a {
    font-size: 18px;
}
#content #main .osaka2022 .menu-list li a::after {
    bottom: 12px;
}
#content #main section .inner .note-list {}
#content #main section .inner .note-list li {
    position: relative;
    margin-left: 30px;
}
#content #main section .inner .note-list li::before {content: attr(data-number);display: block;position: absolute;left: -30px;}
#content #main section .inner .note-list a {}
#content #main section .inner .note-list a:hover {}
#content #main section .inner .cp-box a {
    color: #8c0013;
    text-decoration: underline;
}
#content #main section .inner .cp-box a:hover {}
#content #main section .cp-product-box .product-box .box-in {
    background: #f1f1f1;
}
.cp-box table tr {
    border-bottom: 1px solid #4B4B4B;
}
.cp-box table th,.cp-box table td {
    padding: 12px 8px;
    /* background: #FFF; */
}
#content #main .laundry-cp-2022 .inner .caution-list {
    width: 290px;
}
#content #main .laundry-cp-2022 .inner h3.lowwer-title {}
#content #main section:nth-of-type(2n+1) .inner h3.lowwer-title span {background: #FFF;}
#content #main .laundry-cp-2022 .inner h3.lowwer-title span {
    background: #FFF;
    padding: 16px 48px;
    position: relative;
    z-index: 10;
}
#content #main .cp-box table {
    width: 100%;
}
#content #main .cp-product-box .product-box .box-in ul li {
    font-size: 18px;
    margin-bottom: 4px;
    margin-top: 4px;
}
#content #main .laundry-cp-2022 .inner h3.lowwer-title span.bg-gray {
    background: #F6F6F6;
}
#content #main .laundry-cp-2022 .inner h3.lowwer-title::before {content:"";width: 70% !important;border-top: 2px solid #8C0013;top: 50%;left: 50% !important;transform: translate(-50%, -50%);}
#content #main .laundry-cp-2022 .inner h3.lowwer-title::after {content:"";width: 0 !important;right: initial;}
#content #main .laundry-cp-2022 {
    max-width: initial;
}
#content #main section .shop-box-outer .shop-box .box-in {
    margin: 60px 0;
}
#content #main section .inner .area-box {
    margin: 40px 0 60px;
}
#content #main section .inner .flex-box {
    display: flex;
    flex-wrap: wrap;
}
#content #main section .inner .region-text {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}
#content #main section .inner .flex-box .list-box {
}
#content #main section .inner .prefecture-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    position: relative;
    top: 2.5px;
}
#content #main section .inner .shop-box-outer .shop-box {
    padding: 2% 5%;
}
#content #main section .inner .prefecture-list li {
    /* background: #ECECEC; */
    /* padding: 4px 32px; */
    margin-left: 20px;
    /* border-radius: 100px; */
}
#content #main section .inner .region-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #C5C5C5;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
#content #main section .inner .shop-btn {
}
#content #main section .inner .shop-btn::after { content:""; }
#content #main section .inner .shop-btn.back-btn {
    display: block;
    background: #8b0013;
    color: #FFF;
    width: 300px;
    text-align: center;
    margin: 0 auto;
    padding: 16px 0;
    position: relative;
    border-radius: 100px;
    margin-bottom: 24px;
    padding-right: 12px;
}
#content #main section .inner .shop-btn.back-btn::after {content:"↑";display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background: #FFF;width: 26px;border-radius: 100%;color: #8b0013;font-weight: bold;text-align: center;font-size: 16px;line-height: 16px;padding: 5px 0px;}
#content #main section .inner .shop-btn.back-btn::before { content:""; }
#content #main section .inner .table-scroll {}
#content #main section .inner .table-scroll table.shop-table {
    width: 100%;
}
#content #main section .inner .table-scroll table.shop-table tr th,
#content #main section .inner .table-scroll table.shop-table tr td {
    padding: 8px;
    font-size: 14px;
    border: 1px solid #C5c5C5;
    position: relative;
}
#content #main section .inner .table-scroll table.shop-table tr th {}
#content #main section .inner .table-scroll table.shop-table tr td {}
#content #main section .inner .table-scroll table.shop-table tr td:nth-last-of-type(1) {
    width: 130px;
}
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(2n+1) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(2n+1) td {
    background: #f6f6f6;
}

#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(10) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(10) td,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(9) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(9) td{
    padding: 14px 8px;
}

#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(1) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(1) td {
    background: #1f1f1f;
    color: #FFF;
    padding: 12px 8px;
}
#content #main section .inner .table-scroll table.shop-table tr td a.mail {
    display: block;
    position: relative;
    margin-left: 18px;
    font-size: 14px;
    color: #8b0013;
}
#content #main section .inner .table-scroll table.shop-table tr td a.mail::before {content:"";display: block;background: url(https://www.miele.co.jp/media/common/img/icon-mail-gray.png) no-repeat;background-size: 100%;width: 14px;height: 10.5px;position: absolute;left: -18px;top: 3.5px;}
#content #main section .inner .table-scroll table.shop-table tr td a.shop-btn {
    width: 110px;
    font-size: 14px;
    padding: 6px 0;
    padding-right: 20px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#content #main section#RECOMMENDED .inner h2.lowwer-title {
    width: 100%;
}
#content #main section .inner .table-scroll table.shop-table tr td a.shop-btn::after {content:"";background: url(https://life.miele.co.jp/images/articles/2022_osaka/img14.png) no-repeat;display: block;width: 14px;height: 13.2px;background-size: 14px;right: 15px;}
#content #main .laundry-cp-2022 .inner .coupon-box .coupon-box-r img {
    width: 100% !important;
}
#content #main .laundry-cp-2022 .inner .coupon-box .coupon-box-r {
    width: 220px !important;
    right: 8px !important;
    top: 8px !important;
}
#content #main .slide-text {
    display: none;
} 

 @media only screen and (max-width: 1300px) {
#content #main section .mv-box {
    position: relative;
    height: 600px;
    width: 100%;
    background: url(https://life.miele.co.jp/images/campaign/dishwasher/dw2026-pc-mv.webp);
    background-size: cover;
    background-position-x: -180px;
    background-position-y: center;
}
 }

 @media only screen and (max-width: 900px) {
.pc { display:none; }
.sp { display:block; }
.bg-gray {}
.c-red {}
.c-white {}
.f-b {}
.site-header.light,.site-footer-wrapper.light {
    min-width: initial;
    padding-bottom: 15vw;
}

#content #main section {
    min-width: initial;
}
#content #main section { background: #F6F6F6; }
#content #main section:nth-of-type(2n;1) { background: #FFF; }
#content #main section .inner {
    padding: 8vw 4% 12vw;
}
#content #main section .mv-box {
    background: url(https://life.miele.co.jp/images/campaign/dishwasher/dw2026-sp-mv.webp);
    height: auto;
    aspect-ratio: 1/1;
    background-size: contain;
}
#content #main section .mv-box .text-box {
    left: 50%;
    transform: translateX(-50%);
    top: 4vw;
    width: 92%;
    padding: 4vw;
}
#content #main section .mv-box .text-box .title-text {
    font-size: 4vw;
}
#content #main section .mv-box .text-box .mv-title {font-family: ME-B,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size: 6vw;margin: 2vw 0;}
#content #main section .mv-box .text-box .mv-title .en-b {}
#content #main section .mv-box .text-box .mv-title .en-b.big-font {}
#content #main section .mv-box .text-box .mv-title .en-b.mini-font {}
#content #main section .mv-box .text-box .mv-title .mini-font {}
#content #main section .mv-box .text-box .date-text {font-family: ME-SB,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;font-size: 3.5vw;}

#content #main section .inner .lowwer-text .note-point {
    font-size: 3vw;
    top: -1vw;
}
#content #main section p.lowwer-text {
    font-size: 4vw;
}
#content #main section .inner .note-list {}
#content #main section .inner .note-list li {
    font-size: 3.5vw;
    margin-left: 6vw;
}
#content #main section .inner .note-list li::before {content: attr(data-number);left: -6vw;}
#content #main section .inner .note-list a {}
#content #main section .inner .note-list a:hover {}
#content #main section .inner .cp-box a {}
#content #main section .inner .cp-box a:hover {}

#content #main .laundry-cp-2022 {
    max-width: initial;
    width: 100%;
}

#content #main section .inner .flex-box {
    /* display: block; */
}
#content #main section .inner .region-text
#content #main section .inner .flex-box .list-box {}
#content #main section .inner .prefecture-list {
    top: 1.3vw;
}
#content #main section .inner .prefecture-list li {
    margin-left: 3vw;
    /* margin-right: 3vw; */
    /* padding: 0vw 3vw; */
    font-size: 3.5vw;
    /* margin-bottom: 2vw; */
}
#content #main section .inner .region-line {
    padding-bottom: 0vw;
    margin-bottom: 2vw;
}
#content #main section .inner .shop-btn {}
#content #main section .inner .shop-btn::after { content:""; }
#content #main section .inner .shop-btn.back-btn {
    font-size: 4vw;
    padding: 4vw;
    width: 80vw;
    padding-right: 5vw;
    margin-bottom: 6vw;
}
#content #main section .inner .shop-btn.back-btn::after {
    font-size: 3.5vw;
    width: 6vw;
    line-height: 3.5vw;
    padding: 1.25vw 0;
}
#content #main section .inner .shop-btn.back-btn::before { content:""; }
#content #main section .inner .table-scroll {
    overflow-x: auto;
    display: block;
}
#content #main section .inner .table-scroll table.shop-table {
    white-space: nowrap;
}
#content #main section .inner .table-scroll table.shop-table tr th,
#content #main section .inner .table-scroll table.shop-table tr td {
    font-size: 3.5vw;
    padding: 2vw;
}
#content #main section .inner .table-scroll table.shop-table tr th {}
#content #main section .inner .table-scroll table.shop-table tr td {}
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(2n) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(2n) td {
}

#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(10) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(10) td,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(9) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(9) td{
    padding: 2vw;
}     
     
#content #main section .inner .table-scroll table.shop-table tr td:nth-last-of-type(1) {
}
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(1) th,
#content #main section .inner .table-scroll table.shop-table tr:nth-of-type(1) td {}
#content #main section .inner .table-scroll table.shop-table tr td a.mail {
    font-size: 3.5vw;
    margin-left: 4.5vw;
    margin-bottom: 1vw;
}
#content #main section .inner .table-scroll table.shop-table tr td a.mail::before {content:"";width: 3.5vw;height: 2.6vw;top: 1vw;left: -4.5vw;}
#content #main section .inner .table-scroll table.shop-table tr td a.shop-btn {
    font-size: 3.5vw;
    width: 28vw;
    padding: 1.5vw 0;
    padding-right: 5vw;
    position: relative;
    transform: initial;
    top: 3vw;
}
#content #main section .inner .table-scroll table.shop-table tr td a.shop-btn::after {content:"";width: 3.5vw;height: 3.2vw;background-size: 3.5vw;right: 3.8vw;}
#content #main section .inner .shop-box-outer .shop-box {
    padding: 0;
}
#content #main .laundry-cp-2022 p.cp-copy {
    font-size: 4.5vw;
}
#content #main .osaka2022 .menu-list li a {
    font-size: 3.4vw;
}
#content #main .osaka2022 .menu-list li a::after {
    bottom: 2vw;
}
#content #main .cp-box table tr:nth-last-of-type(1) {
}
#content #main .cp-box table tr th,
#content #main .cp-box table tr td {
    padding: 2vw;
}
#content #main .cp-box table tr th {
    padding-bottom: 0px;
    background: none;
} 
#content #main .cp-box table tr td {
    padding-top: 1vw;
    background: none;
}
#content #main .cp-product-box .product-box .box-in ul li {
    font-size: 4vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
#content #main .laundry-cp-2022 .inner h3.lowwer-title span {
    padding: 1vw 6vw;
}
#content #main .laundry-cp-2022 .inner h3.lowwer-title::before {
    width: 90% !important;
}
#content #main .laundry-cp-2022 .inner h3.lowwer-title::after {}
#content #main section .inner .area-box {
    margin: 6vw 0 8vw;
}
#content #main section .shop-box-outer .shop-box .box-in {
    margin: 0;
    padding: 4%;
}
#content #main section .shop-box-outer .shop-box .box-in+.box-in {
    padding-top: 0;
}
 #content #main section .inner .region-text {
    font-size: 4.5vw;
    margin-bottom: 2vw;
}
#content #main .laundry-cp-2022 .inner .coupon-box .coupon-box-l .coupon-img li {
    width: 100%;
} 
#content #main .laundry-cp-2022 .inner .coupon-box .coupon-box-l .coupon-img li img {
    display: block;
    width: 70%;
    margin: 0 auto;
} 
.cp-box table th,.cp-box table td {
    padding: 2vw;
    background: #FFF;
} 
#content #main .slide-text {
    display: block;
    font-size: 4vw;
} 
#content #main .laundry-cp-2022 .inner .caution-list {
    width: 65vw;
}
 }


.cp-product-box .product-box .off-title {
    width: 100%;
    text-align: center;
}

#content #main section .cp-product-box .product-box .box-in+.off-title {
    margin-top: 40px;
}

.cp-product-box .product-box .off-title .mini-text {
    display: block;
    font-size: 16px;
}
.cp-product-box .product-box .off-title .off-text {
    font-size: 30px;
    font-weight: bold;
    display: block;
    position: relative;
    top: -8px;
    text-decoration: underline;
}

@media (max-width: 900px) {

.cp-product-box .product-box {}
.cp-product-box .product-box .off-title {}
#content #main section .cp-product-box .product-box .box-in+.off-title {
    margin-top: 10vw;
}
.cp-product-box .product-box .off-title .mini-text {
    font-size: 4vw;
}
.cp-product-box .product-box .off-title .off-text {
    font-size: 7vw;
    top: -2vw;
}
    
}
 
/*====================================================================
.full-screen
====================================================================*/

.site #content .chefs-section .slider-box .mv-slide .slick-list,
.site #content .chefs-section .slider-box .title-slide .slick-list {overflow: visible;}
@media only screen and (max-width: 900px) {
.site #content .chefs-section .slider-box .mv-slide .slick-list, .site #content .chefs-section .slider-box .title-slide .slick-list {
    width: 75vw;
    margin: 0 auto;
}
}