@charset "UTF-8";
.d-flex {flex-wrap:wrap;}
.navbox {border-top:none;background:none;}
.navbox.subfixed {background:#ffffff;}
.navbox:before{display:none;}
.nav_wrap li a {font-weight:600;padding:15px 10px;}
.nav_wrap li a.current {color:rgba(153,122,93,1);}
.nav_wrap ul li:hover a {color:rgba(153,122,93,1);background:none;}
.nav_wrap ul li a:hover {color:rgba(153,122,93,1);background:none;}
.nav_wrap ul li ul.dropdown {background:#fff;}
.nav_wrap li .sub li a:hover {color:rgba(153,122,93,1);background:none;}
.nav_wrap li a.aw:after {content: '';display: inline-block;margin-left: 5px;position:relative;top:-3px;width: 0;height: 0;border-style: solid;border-width: 6px 5px 0 5px;border-color: #000000 transparent transparent transparent;}
#site-logo {padding:15px 0 5px 0;text-align:center;height:80px;}
.wrap {margin-top:15px;}
.wrap .desktop {display:none;}
.wrap .swiper-slide {height:auto;justify-content:stretch;display:flex;}
.wrap .swiper-button-next, .wrap .swiper-button-prev {color:#000;background: rgba(255,255,255,.6);padding: 30px 18px;}
.wrap .swiper-pagination-bullet-active {background:#000;}
.wrap .container {margin:0 auto;padding-left:0;padding-right:0;}
.wrap .container img {width:100%;}
.navbar-toggler {right:15px;left:auto;top:20px;}
.nav_mb {height:60px;background:#ffffff;}
.nav_mb .title_mb img {width:auto;height:40px;}
.nav_wrap {padding:95px 0 4rem;}
#topbanner {position:relative;color:#fff;height:300px;text-align:center;position:relative;background-image:url("../images/machine/m_machine_topbanner.jpg?20251226183231");background-position-x:center;background-repeat:no-repeat;background-size:cover;}
#topbanner:after {content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:absolute;top:0;left:0;}
#topbanner h1 {font-size:2rem;padding-top:80px;font-weight:bold;letter-spacing:0.1rem;z-index:1;position:relative;}
#topbanner .subdes {font-size:1.2rem;padding:20px 0 0 0;font-weight:400;z-index:1;position:relative;}
.wrap .title {font-size:1.6rem;font-weight:bold;letter-spacing:0.1rem;color:rgb(153,122,93);text-align:center;}
.wrap .subtitle {font-size:1.2rem;padding:20px 0 0 0;font-weight:400;text-align:center;}
.wrap .preference {color:#fff;height:100px;background-color:rgb(66,33,22);padding:0;height:auto;padding:0;}
.wrap .preference .text {font-size:1.4rem;display:flex;align-items: center;justify-content:center;font-weight:bold;}
.wrap .preference .image {padding:0;}
.wrap .machine {padding:10px 0 0 0;}
.wrap .machine > div {padding:0;}
.wrap .machine .text {padding:10px 20px;background-color:#F3EFE7;}
.wrap .machine .text .rangename {font-size:1.2rem;font-weight:bold;padding:10px 0 0 0;}
.wrap .machine .text .feature {font-size:1.2rem;font-weight:bold;padding:0 0 5px 0;}
.wrap .machine .text .description {font-size:1rem;font-weight:500;}
.wrap .machine .text a {display: inline-block;line-height: 40px;background-color:rgb(153,122,93);padding: 0 20px;border-radius: 3px;margin: 10px 0;color: #F3EFE7; text-decoration: none;}
.wrap .machine .image {padding:0;}
.wrap .machine .image img {max-width:600px;}
.wrap .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wrap #theme {padding-bottom:0;}
.wrap #theme .content .text {position:relative;font-size:1.2rem;letter-spacing:0.06rem;font-weight:500;text-align:center;padding:60px 20px;}
.wrap #theme .content .text:before {font-family:sans-serif;content:"\201C";font-size:5rem;position:absolute;left:48%;top:-10px;color:#876c43;}
.wrap #theme .content .text:after {font-family:sans-serif;content:"\201D";font-size:5rem;position:absolute;left:48%;bottom:-45px;color:#876c43;}
.wrap #theme .content .text h1 {display:inline;font-weight:500;}
.wrap #journeyCTA {padding-top:0;}
.wrap #journeyCTA .text {text-align:center;}
.wrap #journeyCTA .text a {display: inline-block;line-height: 40px;background-color:rgb(153,122,93);padding: 0 20px;border-radius: 3px;margin: 10px 0;color: #F3EFE7; text-decoration: none;}
.wrap .cafe {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(243,239,231,1) 50%, rgba(243,239,231,1) 100%);padding:40px 0;}
.wrap .cafe {background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(243,239,231,1) 50%, rgba(243,239,231,1) 100%);padding:40px 0;text-align:center;}
.wrap .cafe img {max-width:80%;}
.wrap #techTab.container {margin:0 auto;padding:0;position: sticky;top:90px;z-index:9;}
.wrap #techTab .tab li {font-size:1.4rem;font-weight:bold;text-align:center;cursor:pointer;padding:10px 0;margin-bottom:-1px;background-color:#fff;}
.wrap #techTab .tab li.active {border-width:0px;border-style:solid;border-color:#aaa #aaa #fff #aaa;border-radius:3px 3px 0 0;background:rgba(243,238,230,1);}
.wrap #techTab .content #tab2{display:none;}
.wrap #techTab .content {border-width:0px;border-style:solid;border-color:#aaa #aaa #aaa #aaa;padding:20px;background:rgba(243,238,230,1);}
.wrap #system {background:rgba(243,238,230,1);margin-top:0;}
.wrap #system #tab2{display:none;}
.wrap #cafe{padding-top:40px;}
.wrap .container.category {padding:0;}
.wrap .container.category > div:first-child {padding-left: 0;padding-right: 0;}
.wrap .container.category > div:last-child {padding-left: 0;padding-right: 0;}}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:0;}
.swiper-button-prev {left:0;}
.swiper-button-next {right:0;}
@media (min-width: 576px) {
	.wrap .container {max-width:100%;}
	.wrap .mobile {display:none;}
	.wrap .desktop {display:block;}
}
@media (min-width: 768px) {
.wrap {margin-top:0px;}
.nav_wrap {padding:0;}
.wrap .container{margin:0.5rem auto;padding-left:15px;padding-right:15px;}
.wrap .preference {padding:0;}
.nav_wrap ul li ul.dropdown li a {color:#000;}
.nav_wrap ul li:hover a {color:rgba(153,122,93,1);background:none;}
.nav_wrap ul.main_menu {padding-top:100px;}
#topbanner {height:320px;background-image:url("../images/machine/machine_topbanner.jpg?20251226183231");background-size:auto;}
.wrap .machine .text {align-self: center;padding:0 20px;}
.wrap #journeyCTA .text a {display: inline-block;line-height: 40px;background-color:rgb(153,122,93);padding: 10px 20px;font-size:1.5rem;border-radius: 3px;margin: 10px 0;color: #F3EFE7; text-decoration: none;}
}
@media (min-width: 769px) {
	.nav_wrap ul.main_menu {padding-top:0;}
	.wrap .container {padding:20px;}
	.wrap #techTab.container {top:55px;}
	.wrap .machine > div:nth-child(odd) {padding-left: 0;padding-right: 1.25rem;}
    .wrap .machine > div:nth-child(even) {padding-left: 1.25rem;padding-right: 0;}
	.wrap .container.category > div:first-child {padding-left: 0;padding-right: 0.25rem;}
    .wrap .container.category > div:last-child {padding-left: 0.25rem;padding-right: 0;}}
}
@media (min-width: 992px) {
	.wrap .container {max-width:960px;}
	.wrap #theme .content .text:after {bottom:-55px;}
}
@media (min-width: 1200px) {
	.wrap .container {max-width:1140px;}
}