.home-top{display:flex;height:680px;background-color:#242424;font-family:"PT Serif";padding-top:40px;padding-bottom:30px;margin-bottom:2rem;padding-right:2rem;padding-left:2rem}@media screen and (max-width:640px){.home-top{flex-direction:column;height:auto;padding:0;margin-bottom:0}}.home-top h2{font-size:3rem;font-weight:700}@media screen and (max-width:640px){.home-top h2{order:1}}.home-top__left,.home-top__right{width:50%}@media screen and (max-width:640px){.home-top__left,.home-top__right{width:100%}}.home-top__right{background:url(//kyoto-traditional-crafts.com/wp-content/themes/cbcrestaurant/assets/css/../img/front_top_2.jpg) center/cover no-repeat}@media screen and (max-width:640px){.home-top__right{height:0;background:0 0}}.home-top__left{line-height:normal;display:flex;justify-content:center;align-items:center;padding:0 10px}@media screen and (max-width:640px){.home-top__left{flex-direction:column;padding:0;height:auto;order:2}}.home-top__left-title{color:#fff;font-size:large;line-height:1.2;text-align:center;margin:2rem 0}@media screen and (max-width:640px){.home-top__left-title{display:flex;align-items:center;font-size:large;background:url(//kyoto-traditional-crafts.com/wp-content/themes/cbcrestaurant/assets/css/../img/front_top_3.jpg) center/cover no-repeat;height:300px;padding:30px;text-shadow:0px 0px 8px #000;margin:0}}.home-top__left h3{color:#fff;font-size:1.5rem;font-weight:700;white-space:nowrap}@media screen and (max-width:640px){.home-top__left h3{font-size:1.3rem;padding:1rem}}.home-top__left .home-top__left-line{display:flex;align-items:center;gap:15px}@media screen and (max-width:640px){.home-top__left .home-top__left-line{padding-top:.5rem}}.home-top__left .h3-line{flex-grow:1;height:1px;background-color:#fff}.home-top__left p{line-height:1.6;margin:20px 0;font-size:medium;color:#fff;font-size:1rem}@media screen and (max-width:640px){.home-top__left p{line-height:1.8;order:4;margin-top:10px;margin-bottom:10px;padding:0 0 0 1.5rem}}.home-top__left .feature-list{list-style:decimal inside;margin:1rem auto;padding:0;max-width:600px;color:#fff}@media screen and (max-width:640px){.home-top__left .feature-list{margin:1rem;padding-bottom:2rem}}.home-top__left .feature-list li{margin-bottom:1.5rem;font-size:1.2rem;position:relative;padding-left:.5rem;list-style:decimal;margin-left:2rem}@media screen and (max-width:640px){.home-top__left .feature-list li{margin-bottom:.9rem}}.home-top__left .feature-list li::marker{font-weight:700;font-size:1.2rem;color:#fff}.home-top__left .feature-list li .highlight{display:block;font-weight:600;font-size:1.2rem;color:#fff;margin-bottom:.2rem}.home-top__left .feature-list li .note{display:block;font-size:1rem}section h1{font-size:1.7rem;position:relative;padding:5px 0;border-bottom:4px solid #3d3d3d;display:flex;gap:5px;margin-top:2.5rem;margin-left:3rem;margin-bottom:2rem}section h1 span{font-size:1rem;margin-left:1rem}@media screen and (max-width:640px){section h1{font-size:1.4rem;margin-left:1rem}}.horizontal-scroll-list{display:flex;gap:16px;overflow-x:auto;padding:10px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;list-style:none;margin-left:3rem;margin-right:1rem;padding-left:10px}@media screen and (max-width:640px){.horizontal-scroll-list{margin-left:1rem}}.horizontal-scroll-list::-webkit-scrollbar{display:none}.scroll-item{flex:0 0 auto;scroll-snap-align:start;width:250px}.scroll-item img{width:300px;object-fit:cover;height:200px}.workshop-popup{position:fixed;z-index:99999999;background:#d04539;box-shadow:0 0 10px rgba(0,0,0,.2);width:90%;max-width:300px;border:2px solid #d04539;color:#fff;transition:transform .3s ease,bottom .3s ease}.workshop-popup.closed .popup-body{display:none}.workshop-popup .popup-header{font-weight:700;cursor:pointer;display:flex;align-items:center;padding:.5rem;gap:5px}.workshop-popup .popup-header .arrow{position:relative;display:inline-block;width:20px;height:20px}.workshop-popup .popup-header .arrow:before,.workshop-popup .popup-header .arrow:after{content:"";position:absolute;top:15px;left:calc(50% - 3px);width:3px;height:12px;border-radius:9999px;background-color:#fff;transform-origin:50% 1px}.workshop-popup .popup-header .arrow:before{transform:rotate(135deg)}.workshop-popup .popup-header .arrow:after{transform:rotate(-135deg)}.workshop-popup .popup-body{padding:.5rem;background-color:#fff}.workshop-popup .popup-body form.popup-form{display:flex;gap:8px;align-items:center}.workshop-popup .popup-body form.popup-form input.popup-date-input{flex:1;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-size:14px}.workshop-popup .popup-body form.popup-form button.popup-submit-btn{padding:.4rem .8rem;background-color:#d04539;color:#fff;border:1px solid #fff;border-radius:4px;font-size:14px;cursor:pointer;white-space:nowrap}.workshop-popup .popup-body form.popup-form button.popup-submit-btn:hover{background-color:#b93c31}@media screen and (min-width:768px){.workshop-popup{right:0;bottom:0;border:3px solid #d04539}}@media screen and (max-width:767px){.workshop-popup{left:50%;transform:translateX(-50%);bottom:0;border-radius:5px 5px 0 0}}.workshop-popup.closed .popup-header .arrow:before,.workshop-popup.closed .popup-header .arrow:after{top:5px}.workshop-popup.closed .popup-header .arrow:before{transform:rotate(45deg)}.workshop-popup.closed .popup-header .arrow:after{transform:rotate(-45deg)}.news{background:#f0f0f0;padding:30px;margin-top:25px}@include variables.mq("max","md"){.news{padding:50px 0}}.news__title{font-size:24px;font-weight:700;margin-bottom:20px;color:#333;text-align:center}.news__title span{font-size:14px;display:block;color:#777;margin-top:5px}.news__list{list-style:none outside;margin:0 auto;padding:0;width:70%}@media screen and (max-width:640px){.news__list{width:100%}}.news__list .item a{display:flex;flex-wrap:nowrap;text-decoration:none;color:#333;border-bottom:1px solid #ccc;padding:20px}.news__list .item a:hover .title{color:#00f}.news__list .item:first-child a{border-top:1px solid #ccc}.news__list .item .date{margin:0;min-width:120px;font-size:16px;color:#333;padding-right:20px}.news__list .item .title{margin:0;width:100%}@media screen and (max-width:767px){.news__list .item a{flex-wrap:wrap}.news__list .item .date{min-width:100px}.news__list .item .title{margin-top:10px}}.news__btn{background:0 0;text-align:center;border:none;color:#000;font-size:16px;font-weight:400;padding:8px 12px;cursor:pointer;position:relative;margin:5px auto}.news__btn:before{content:"+";display:inline-block;margin-right:6px;transition:all .3s ease}.news__btn:hover{outline:none;color:#888;background:0 0}.news__btn--close:before{content:"–"}