@charset "UTF-8";blockquote,body,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0;font:inherit;vertical-align:baseline}input,textarea{margin:0;font-size:100%}label{cursor:pointer}table{border-collapse:collapse;border-spacing:0;font-size:100%}fieldset,img{border:0}img{max-width:100%;height:auto;vertical-align:bottom}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:""}a,input{outline:none}input,textarea{border-radius:0}input[type=button],input[type=submit]{-webkit-appearance:none;border:none;cursor:pointer}abbr,acronym{border:0}*{-ms-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;width:100%;height:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:#000;background-color:#fff;font-family:"Shippori Mincho",serif;font-weight:400;font-style:normal;font-size:1.5rem;letter-spacing:.01em;line-height:2.2;position:relative}@media screen and (max-width:767px){body{font-size:1.3rem}}a{color:#000;text-decoration:none;transition-property:all;transition-duration:.5s}a img{transition-property:all;transition-duration:.5s}a:hover{text-decoration:none}a:active{text-decoration:none}a:visited{text-decoration:none}.text_center{text-align:center}.text_right{text-align:right}.text_left{text-align:left}@media screen and (max-width:767px){.pc_only{display:none !important}}@media screen and (min-width:768px){.sp_only{display:none !important}}.bounce_in,.fade_in,.fade_in_up,.fade_in_down,.fade_in_left,.fade_in_right{opacity:0}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated_bounce{-webkit-animation-duration:.95s;animation-duration:.95s;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
/*!------------------------------------*
fadeIn
\*!------------------------------------*/
@-webkit-keyframes fadeIn{0%{opacity:0}10%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}10%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
/*!------------------------------------*
fadeInUp
\*!------------------------------------*/
@-webkit-keyframes fadeInUp{from{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*!------------------------------------*
fadeInDown
\*!------------------------------------*/
@-webkit-keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
/*!------------------------------------*
fadeInLeft
\*!------------------------------------*/
@-webkit-keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:adeInLeft;animation-name:fadeInLeft}
/*!------------------------------------*
fadeInRight
\*!------------------------------------*/
@-webkit-keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.header{width:100%;position:fixed;top:0;left:0;width:100%;height:68px;z-index:9999;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width:768px){.header{display:none}}.header .header_logo{width:100px;position:absolute;top:16px;left:3%}.header .btn_reserve{position:absolute;right:100px;top:16px;text-align:center}.header .btn_reserve a{line-height:1.2}.header .btn_reserve a span{display:block;font-size:.9rem}.hamburger{width:50px;height:70px;position:absolute;top:0;right:4%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;cursor:pointer;background:0 0}@media screen and (min-width:768px){.hamburger{display:none}}.hamburger span,.hamburger span:after,.hamburger span:before{position:absolute;display:block;content:""}.hamburger span:before{top:-5px;position:absolute;display:block;content:"";width:50px;height:1px;background-color:#000;transition:all .5s}.hamburger span:after{bottom:-5px;position:absolute;display:block;content:"";width:50px;height:1px;background-color:#000;transition:all .5s}.hamburger.open{position:fixed;top:0;right:4%}.hamburger.open span:before{top:0;transform:rotate(45deg);background-color:#000}.hamburger.open span:after{bottom:0;transform:rotate(-45deg);background-color:#000}.gnav{position:fixed;width:100%;height:100vh;top:0;right:-100%;background-color:#fff;transition:all .5s;z-index:999;overflow-x:scroll}.gnav .gnav_inr{padding:50px;color:#000}.gnav .gnav_inr a{color:#000}.gnav .gnav_inr a:hover{opacity:.6}.gnav .gnav_inr .g_nav_logo{width:100px}.gnav .gnav_inr .g_nav_logo a{display:block}.gnav .gnav_inr .g_nav_logo a:hover{opacity:.6}.gnav .gnav_inr .nav{margin:45px 0}.gnav .gnav_inr .nav li{margin:1em 0}.gnav .gnav_inr .sns_area{display:flex}.gnav .gnav_inr .sns_area .ico_instagram{margin:0 15px 0 0}.gnav .gnav_inr .sns_area .ico_instagram a{display:block;width:20px}.gnav .gnav_inr .sns_area .ico_instagram a:hover svg{opacity:.6}.gnav .gnav_inr .sns_area .ico_instagram a svg{fill:#000}.gnav .gnav_inr .btn_reserve{margin-bottom:10px}.gnav .gnav_inr .btn_reserve a{display:block;border:1px solid #000;font-size:1.4rem;padding:12px 35px;display:flex;align-items:center}.gnav .gnav_inr .btn_reserve a span{font-size:90%;margin-left:10px}.gnav .gnav_inr .btn_reserve a:hover{opacity:.6}.gnav .gnav_inr .btn_online{margin-bottom:30px}.gnav .gnav_inr .btn_online a{display:block;background:#000;color:#fff;font-size:1.4rem;padding:12px 35px;display:flex;align-items:center}.gnav .gnav_inr .btn_online a:hover{opacity:.6}.gnav .gnav_inr .btn_online a span{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/ico_cart.png) center no-repeat;background-size:30px;margin-right:14px;width:30px;height:30px;display:block}.gnav .gnav_inr .address_area{margin-top:45px}.gnav .gnav_inr .address_area h3{margin-bottom:.5em}.gnav .gnav_inr .address_area p{font-size:1.2rem}.gnav .contact_nav{display:flex;margin:35px 0}.gnav .contact_nav li{margin-right:20px;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width:767px){.gnav .contact_nav li{margin-left:0}}.gnav.open{right:0}.menu_area{display:flex;justify-content:space-between;padding:20px 5%;position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;z-index:9;background:#fff}.menu_area a:hover{opacity:.6}@media screen and (max-width:767px){.menu_area{display:none}}.menu_area .left_area{display:flex;align-items:center}.menu_area .right_area{display:flex;align-items:center}.menu_area .menu_area_logo a{width:100px;display:block;margin-right:25px}.menu_area .menu_nav{display:flex}.menu_area .menu_nav li{margin:0 11px;font-family:"Shippori Mincho",serif}.menu_area .menu_nav li a{display:block}.menu_area .btn_reserve{font-family:"Shippori Mincho",serif;margin-right:20px}.menu_area .btn_reserve a span{font-size:70%}.menu_area .sns_area .ico_instagram a{display:block;width:20px;margin-top:10px}.menu_area .sns_area .ico_instagram a svg{fill:#000}.container{margin:auto;padding:0 5%}@media screen and (max-width:767px){.container{padding:0 5%}}.container_lg{max-width:1480px;margin:auto}.container_md{max-width:1280px;margin:auto}.container_sm{max-width:980px;margin:auto}.page_wrapper{margin:120px auto 160px}@media screen and (max-width:767px){.page_wrapper{margin:60px auto 90px}}.page_wrapper .reed_area{max-width:680px;margin:0 0 90px auto}.page_wrapper .reed_area p{margin-bottom:1em}.page_wrapper .reed_area .btn_more{margin-top:50px}.row{display:flex;flex-wrap:wrap;gap:45px 5%;width:100%}@media screen and (max-width:767px){.row{gap:45px 0}}.row .col_3{width:30%}@media screen and (max-width:1023px){.row .col_3{width:47.5%}}@media screen and (max-width:767px){.row .col_3{width:100%}}.row .col_2{width:47.5%}@media screen and (max-width:767px){.row .col_2{width:100%}}.page_title_null{text-align:center;width:100%;padding:10vh 5% 5vh;color:#000;position:relative}@media screen and (max-width:767px){.page_title_null{padding:10vh 5% 5vh}}.page_title_null h1{font-size:3.2rem;font-weight:300;z-index:2;position:relative}@media screen and (max-width:767px){.page_title_null h1{font-size:2rem}}.page_title_null p{font-size:1.4rem;z-index:2;position:relative}.page_title{text-align:center;width:100%;padding:25vh 5%;color:#fff;position:relative}@media screen and (max-width:767px){.page_title{padding:15vh 5%;margin-top:68px}}.page_title .page_title_bg{background-color:rgba(0,0,0,.35);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.page_title h1{font-size:3.2rem;font-weight:300;z-index:2;position:relative}@media screen and (max-width:767px){.page_title h1{font-size:2rem}}.page_title p{font-size:1.4rem;z-index:2;position:relative}.about-us .page_title{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/tit_about-us.jpg) center no-repeat;background-size:cover}.room .page_title{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/tit_room.jpg) center no-repeat;background-size:cover}.food .page_title{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/tit_food.jpg) center no-repeat;background-size:cover}.hakko .page_title{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/tit_hakko.jpg) center no-repeat;background-size:cover}.faq .page_title{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/tit_faq.jpg) center no-repeat;background-size:cover}.contact .page_title,.privacy-policy .page_title{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/tit_contact.jpg) center no-repeat;background-size:cover}.breadcrumbs{font-size:1rem;padding:0 5%;margin-top:20px;text-align:right;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width:767px){.breadcrumbs{display:none}}.breadcrumbs a{color:#aaaaa8}.page_section{margin:160px 0}@media screen and (max-width:767px){.page_section{margin:60px 0}}@media screen and (max-width:767px){.btn_more{text-align:center}}.btn_more a{position:relative;margin:0 auto;padding:15px 35px 15px 65px;font-family:"Noto Sans Japanese";line-height:1.8;text-decoration:none;color:#333;transition:.3s ease-in-out;font-weight:500}.btn_more a:before,.btn_more a:after{content:"";position:absolute;display:block;top:50%}.btn_more a:before{width:.5rem;height:.5rem;left:1.9rem;border-top:solid 1px #000;border-right:solid 1px #000;z-index:2;transform:translateY(-50%) rotate(45deg);transition:all .3s}.btn_more a:after{left:0;z-index:1;width:45px;height:45px;border-radius:45px;transform:translateY(-50%);transition:all .5s;border:solid 1px #000}.btn_more a span{position:relative;transition:all .3s;z-index:3}.btn_more a:hover span{color:#fff}.btn_more a:hover:before{left:2.5rem;border-top:solid 1px #000;border-right:solid 1px #000}.btn_more a:hover:after{right:0;width:100%}.btn_more_center{text-align:center}.cat_list{display:flex;flex-wrap:wrap;gap:5px;margin:30px 0 60px}@media screen and (max-width:767px){.cat_list{width:100%;gap:5px;margin:30px 0 60px}}.cat_list li:last-child a:after{display:none}.cat_list li.current a{background:#000;color:#fff}.cat_list li a{border-radius:50px;padding:8px 25px;font-size:1.2rem;display:block;background:#fff;font-family:"Noto Sans JP",sans-serif;box-shadow:rgba(0,0,0,.08) 0px 4px 12px}@media screen and (max-width:767px){.cat_list li a{padding:6px 25px;font-size:1rem}}.cat_list li a:hover{background:#000;color:#fff}.journal_cat_list{display:flex;flex-wrap:wrap;gap:5px;margin:30px 0 60px}@media screen and (max-width:767px){.journal_cat_list{width:100%;gap:5px;margin:30px 0 60px}}.journal_cat_list li:last-child a:after{display:none}.journal_cat_list li.current a{background:#000;color:#fff}.journal_cat_list li a{border-radius:50px;padding:8px 25px;font-size:1.2rem;display:block;background:#fff;font-family:"Noto Sans JP",sans-serif;box-shadow:rgba(0,0,0,.08) 0px 4px 12px}.journal_cat_list li a:before{content:"#"}@media screen and (max-width:767px){.journal_cat_list li a{padding:6px 25px;font-size:1rem}}.journal_cat_list li a:hover{background:#000;color:#fff}.topics_list{border-top:1px solid #e4e6e7}.topics_list li{border-bottom:1px solid #e4e6e7}.topics_list li a{padding:45px 0;display:flex;flex-wrap:wrap;align-items:center;position:relative}@media screen and (max-width:767px){.topics_list li a{display:block;padding:20px 0}}.topics_list li a:hover:after{right:0}.topics_list li a:after{content:"";position:absolute;top:50%;right:5px;margin-top:-4px;line-height:1;width:7px;height:7px;border:1px solid #000;border-left:0;border-bottom:0;box-sizing:border-box;transform:translateX(-25%) rotate(45deg);transition-property:all;transition-duration:.5s}.topics_list li a .post_meta{margin-right:40px;display:flex;align-items:center}.topics_list li a .post_meta .date{margin-right:10px;font-size:1.2rem;color:#aaaaa8}.topics_list li a .post_meta .cat{color:#000;font-size:1.2rem;font-family:"Noto Sans JP",sans-serif;padding:0 10px}.topics_list li a .post_meta .cat:hover{background:#f7f7f5}.journal_list{display:flex;flex-wrap:wrap;gap:45px 5%;width:100%}.journal_list .journal_card{width:30%}@media screen and (max-width:1023px){.journal_list .journal_card{width:47.5%}}@media screen and (max-width:767px){.journal_list .journal_card{width:47.5%}}.journal_list .journal_card a:hover .thum img{transform:scale(1.05)}.journal_list .journal_card a .thum{overflow:hidden;margin-bottom:1.2em}@media screen and (max-width:767px){.journal_list .journal_card a .thum{margin-bottom:.6em}}.journal_list .journal_card a .inr{margin:1em 0 .5em}@media screen and (max-width:767px){.journal_list .journal_card a .inr{margin:.6em 0 .2em}}.journal_list .journal_card a .inr .date{color:#aaaaa8}@media screen and (max-width:767px){.journal_list .journal_card a .inr .date{font-size:1.1rem}}.journal_list .journal_card a .inr .title{font-size:1.8rem;margin:.35em 0 0}@media screen and (max-width:767px){.journal_list .journal_card a .inr .title{font-size:1.4rem;margin-top:.1em}}.journal_list .journal_card .journal_cat{display:flex;align-items:center;gap:10px 20px}.journal_list .journal_card .journal_cat li a{font-family:"Noto Sans JP",sans-serif;font-size:1rem}.journal_list .journal_card .journal_cat li a:before{content:"#"}.journal_list .journal_card .journal_cat li a:hover{opacity:.6}.hakko_list .hakko_card{display:flex;flex-wrap:wrap;flex-direction:row-reverse;align-items:center;margin:120px auto 120px;position:relative}@media screen and (max-width:767px){.hakko_list .hakko_card{margin:60px auto 60px}}.hakko_list .hakko_card .inr{width:45%;padding-right:5%}@media screen and (max-width:1023px){.hakko_list .hakko_card .inr{width:100%;padding-right:0;margin-bottom:25px}}.hakko_list .hakko_card .inr .season{font-size:4.2rem;line-height:1.56;margin-bottom:.2em}@media screen and (max-width:1023px){.hakko_list .hakko_card .inr .season{font-size:3.8rem;text-align:center}}.hakko_list .hakko_card .inr h2{font-size:2.2rem;line-height:1.56;margin-bottom:2.2em}@media screen and (max-width:1023px){.hakko_list .hakko_card .inr h2{font-size:1.8rem;margin-bottom:1em;text-align:center}}.hakko_list .hakko_card .inr .setsumei{margin-bottom:50px}.hakko_list .hakko_card .inr .setsumei p{font-size:90%}.hakko_list .hakko_card .thum{width:55%}@media screen and (max-width:1023px){.hakko_list .hakko_card .thum{width:100%;margin-bottom:20px}}.hakko_list .hakko_card .thum img{width:100%}.pagination{clear:both;text-align:center;margin:65px 0 0;padding-bottom:65px}@media screen and (max-width:767px){.pagination{margin:35px 0 0;padding-bottom:35px}}.pagination .screen-reader-text{display:none}.pagination .page-numbers{color:#000;width:55px;height:55px;display:inline-block;text-align:center;line-height:55px;border-radius:50%}.pagination .page-numbers:hover{opacity:.6}.pagination .current{background:#000;color:#fff;width:55px;height:55px;display:inline-block;text-align:center;line-height:55px;border-radius:50%}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px !important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px !important}.swiper-pagination-bullet{height:7px !important;width:7px !important;background-color:#fff !important}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px 5px !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px !important}.swiper-button-prev,.swiper-button-next{height:70px !important;width:20px !important;font-size:0 !important}@media screen and (max-width:767px){.swiper-button-prev,.swiper-button-next{width:10px !important}}.swiper-button-prev:after,.swiper-button-next:after{background-repeat:no-repeat;background-size:contain;content:"";height:70px;margin:auto;width:20px;font-size:0 !important}.swiper-button-prev:after{background-image:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/ico_prev.png) !important}.swiper-button-next:after{background-image:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/ico_next.png) !important}.swiper-slide img{height:auto;width:100%}.footer{padding:90px 0;border-top:1px solid #e4e6e7;margin-top:120px}@media screen and (max-width:767px){.footer{padding:45px 0;margin-top:45px}}.footer .contact_area{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 3%;margin-bottom:60px}.footer .contact_area a{width:31%;border:1px solid #000;padding:40px 20px;text-align:center;position:relative}@media screen and (max-width:767px){.footer .contact_area a{width:100%;padding:10px;margin-bottom:8px}}.footer .contact_area a:after{content:"";display:block;position:absolute;bottom:5px;right:5px;border-left:12px solid transparent;border-bottom:12px solid #000;transition-property:all;transition-duration:.5s}.footer .contact_area a p{font-size:1.3rem}@media screen and (max-width:767px){.footer .contact_area a p{font-size:1.1rem}}.footer .contact_area a h3{font-size:1.8rem}@media screen and (max-width:767px){.footer .contact_area a h3{font-size:1.6rem}}.footer .contact_area a:hover{background:#f7f7f5}.footer .contact_area a:hover:after{bottom:0;right:0}.footer .footer_inr{margin:60px 0}@media screen and (min-width:768px){.footer .footer_inr{display:flex;justify-content:space-between;align-items:flex-end}}.footer .btn_online_footer a{display:block;background:#000;color:#fff;font-size:1.6rem;padding:12px 35px;display:flex;align-items:center}.footer .btn_online_footer a:hover{opacity:.6}.footer .btn_online_footer a span{background:url(//flatt.jp/web/wp-content/themes/wp-flatt/images/ico_cart.png) center no-repeat;background-size:30px;margin-right:14px;width:30px;height:30px;display:block}.footer a:hover{opacity:.6}.footer .footer_logo{margin:0 auto 60px}.footer .footer_logo h3{width:125px;margin-bottom:15px}.footer .footer_logo p{font-size:1.2rem}@media screen and (max-width:767px){.footer .footer_logo{margin:0 auto 25px}}.footer .footer_nav{margin:45px 0}@media screen and (max-width:767px){.footer .footer_nav{margin:25px 0}}.footer .footer_nav li{margin:.5em 0}.footer .footer_nav li a{display:block}.footer .contact_nav{display:flex;margin-bottom:60px}.footer .contact_nav li{margin-left:20px;font-family:"Noto Sans JP",sans-serif}@media screen and (max-width:767px){.footer .contact_nav li{margin-left:0;margin-right:20px}}.footer .sns_area{margin-bottom:20px}.footer .sns_area .ico_instagram{text-align:center}.footer .sns_area .ico_instagram a{display:block;width:20px}.footer .sns_area .ico_instagram a svg{fill:#000}.footer .address{font-size:90%}.footer .copyright{text-align:right;font-family:"Noto Sans JP",sans-serif;font-size:1.1rem}@media screen and (max-width:767px){.footer .copyright{text-align:left;margin-top:20px}}