@charset "UTF-8";@media(max-width:600px){.container{padding:0 10px;margin-top:-26px}}.newOpenArea{padding-top:42px;max-width:1216px;margin:0 auto}.newOpenArea .mainTtl{margin-bottom:16px}.newOpenArea ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:42px}.newOpenArea ul li{width:32%}.newOpenArea ul li a{text-decoration:none;color:#000;display:block}.newOpenArea ul li a:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}.newOpenArea ul li a figure{display:block;line-height:0;margin-bottom:6px}.newOpenArea ul li a figure figcaption{display:block;color:#fff;background:#b7a686;text-align:center;line-height:1;padding:6px;font-size:18px}.newOpenArea ul li a>span{display:block}.newOpenArea ul li a>span strong{display:block;color:#a18553;font-weight:400}.newOpenArea ul li a>span em{font-style:normal;display:block}.newOpenArea ul li a>span span{display:none}@media screen and (max-width:600px){.newOpenArea{padding-top:0}.newOpenArea ul{display:block;margin-top:16px}.newOpenArea ul li{width:100%;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed #0000001a}.newOpenArea ul li a{display:flex;flex-wrap:wrap;justify-content:space-between}.newOpenArea ul li a figure{width:110px;margin-bottom:0}.newOpenArea ul li a figure figcaption{display:none}.newOpenArea ul li a>span{width:calc(100% - 110px);box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding-left:16px}.newOpenArea ul li a>span em{font-size:10px;font-family:"Noto Sans JP",游ゴシック体,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}.newOpenArea ul li a>span span{display:block;color:#fff;background:#b7a686;text-align:center;line-height:1;padding:3px 6px;font-family:sans-serif;font-size:10px;max-width:max-content;margin-bottom:3px}}.topBnrArea{width:100%;margin:26px auto 0}.topBnrArea ul{display:flex;flex-wrap:nowrap;justify-content:space-between}.topBnrArea ul li{width:25%;padding:0 13px;display:block;letter-spacing:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.topBnrArea ul li:hover{background-size:120% 120%!important}.topBnrArea ul li a{display:block;line-height:0;position:relative;vertical-align:middle}.topBnrArea ul li a img{-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.topBnrArea ul li a:after{display:block;content:"";width:100%;height:100%;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;border:1px solid rgba(255,255,255,.5)}.topBnrArea ul li a:hover:after{width:calc(100% - 16px);height:calc(100% - 16px);filter:alpha(opacity=100);-moz-opacity:1;opacity:1;left:8px;top:8px}.topBnrArea ul li a:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.topBnrArea ul li a:before{display:block;content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.topBnrArea ul li a:hover:before{background:rgba(0,0,0,.4)}.topBnrArea ul li span{display:block;text-align:center;font-size:10px;font-family:sans-serif;line-height:1.618;color:#000;width:100%;text-decoration:none;margin-top:10px}.topBnrArea ul li.bento a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/top_bnr_bento_bg.webp) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.bento a:before{background:rgba(0,0,0,.62)}.topBnrArea ul li.walking a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/top_bnr_walking_bg.webp) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.planWork a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/banner_work_sqare_bg2.webp) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.planStay a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/banner_stay_sqare_bg.webp) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.kitchen a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/banner_machiyakitchen_bg.jpg?ver=200428) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.offers a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/top_bnr_offers_bg.jpg) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.tasokare a{background:url(//www.kyoto-machiya-inn.com/jp/wp-content/themes/kyotomachiya_new/asset/css/../images/home/top_bnr_new_tasokare_bg.jpg) center center no-repeat;background-size:100% 100%}.topBnrArea ul li.none a{background:#fff}.topBnrArea ul li.none a:before{display:none}.topBnrArea ul li.none a img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.topBnrArea ul li.none a:hover img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}@media (max-width:600px){.topBnrArea ul li{width:100%}.topBnrArea ul li span{font-size:10px}}.mainTtl{line-height:1;position:relative;text-align:center;font-size:26px;font-weight:400}.mainTtl:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;height:1px;content:'';background:#999}.mainTtl span{position:relative;padding:0 1em;background:#fff}@media all and (max-width:600px){.mainTtl{font-size:16px}.mainTtl:before{width:80%}}.sceneArea{max-width:1216px;margin:68px auto 0}.sceneArea>ul{margin-top:42px;display:flex;justify-content:space-between;align-items:center}.sceneArea>ul li{width:49%}.sceneArea>ul li a{text-decoration:none;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;display:block;text-align:center;background:#f7f7f7;color:#000;font-size:26px;line-height:1;padding:68px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc}.sceneArea>ul li a img{display:block;width:42px;margin:0 auto 16px}.sceneArea>ul li a:hover{-webkit-box-shadow:0px 0px 0px 6px #b7a686 inset;-moz-box-shadow:0px 0px 0px 6px #b7a686 inset;-ms-box-shadow:0px 0px 0px 6px #b7a686 inset;-o-box-shadow:0px 0px 0px 6px #b7a686 inset;box-shadow:0px 0px 0px 6px #b7a686 inset;background:#f1ede3}@media all and (max-width:600px){.sceneArea>ul li a{font-size:10px;font-family:"Noto Sans JP",游ゴシック体,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;padding:26px 0;border:1px solid #999}}.txtArea{margin-top:68px;background:#f5f3ed;padding:68px 0}.txtArea .inner{max-width:1216px;margin:0 auto}.txtArea .inner h1{text-align:center;font-size:26px;font-weight:400}.txtArea .inner .mainTxt{text-align:center;line-height:2;margin:26px 0 0 0!important}.txtArea .box ul{display:flex;flex-wrap:wrap;justify-content:space-between}.txtArea .box ul li{background:#fff;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.1));width:calc(50% - 15px);letter-spacing:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;vertical-align:top;margin-top:30px;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;position:relative;right:0}.txtArea .box ul li a{display:block;position:relative;font-size:21px;font-weight:400;line-height:1.4;text-decoration:none;color:#000;padding:30px 30px 30px 110px}.txtArea .box ul li a strong{font-size:16px;display:block;position:absolute;left:30px;top:30px;border-top:2px solid #a18553;font-weight:400;line-height:1.2;padding:10px 13px;background:#a185531a}.txtArea .box ul li a:after{display:block;content:"";width:16px;height:16px;border-top:1px solid #000;border-right:1px solid #000;position:absolute;right:30px;top:50%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);margin-top:-8px}.txtArea .box ul li:hover{right:-6px}@media(max-width:600px){.txtArea{padding:60px 20px}.txtArea .box ul{display:block}.txtArea .box ul li{display:table;width:100%;margin-bottom:15px}.txtArea .box ul li:last-child{margin-bottom:0}.txtArea .box ul li a{display:table-cell;vertical-align:middle;font-size:16px;padding:30px 60px 30px 100px;min-height:120px}.txtArea .box ul li a strong{top:50%;margin-top:-30px}}.gallery{max-width:1216px;margin:68px auto 0}.tabContent{margin-top:42px}.tabContent ul{letter-spacing:-.4em;margin-left:-20px;margin-bottom:30px}.tabContent ul li{display:inline-block;vertical-align:top;letter-spacing:normal;padding-left:20px;width:33.3333333%;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-align:center;margin-bottom:15px}.tabContent ul li:nth-child(n+25){display:none}.tabContent ul li a.pic{position:relative;display:block;line-height:0}.tabContent ul li a.pic span{display:block;position:absolute;left:0;bottom:0;line-height:1;color:#fff;text-decoration:none;font-family:sans-serif;font-size:11px;padding:6px;background:rgba(0,0,0,.62)}.tabContent ul li a.pic img{width:100%;height:250px!important;object-fit:cover;font-family:'object-fit: cover;'}.tabContent ul li>span{display:block;text-align:center;line-height:1;margin-top:10px;font-size:16px}.tabContent ul li>span strong{display:inline-block;font-size:10px;font-family:sans-serif;font-weight:400;margin-right:3px}.tabContent ul li em{display:block;text-align:center;line-height:1.2;font-size:10px;font-family:sans-serif;font-style:normal;color:#666;margin-top:10px}.tabContent ul li .txt{display:inline-block;line-height:1;text-align:left;margin-top:5px;font-size:12px;position:relative;text-decoration:underline;color:#a18553}.tabContent ul li .txt:after{display:inline-block;content:"";width:4px;height:4px;border-top:1px solid #a18553;border-right:1px solid #a18553;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);margin:0 0 2px 5px}.tabContent ul li .txt:hover{text-decoration:none}@media(max-width:600px){.tabContent ul li{width:50%}.tabContent ul li a.pic img{height:100px!important}}