@charset "utf-8";.mainimageWrap{position:relative;--slickdots-height:35px;& .mainimageTxt{position:absolute;width:45%;height:calc(100% - var(--slickdots-height));right:0;top:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,0.6) 100%);background-blend-mode:multiply;z-index:1;@media (width <=999px){background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,rgba(255,255,255,0) 60%);height:85%;width:100%;display:flex;align-items:center}@media print{background:0 0}& img{position:absolute;right:9.11vw;bottom:3.0vw;width:22vw;@media (width <=1000px){position:static;width:100%;margin:0 auto;width:35vw}@media (width <=767px){width:30vw}@media (width <=666px){width:50vw}@media (width <=375px){width:60vw}}}& .mainimage{& img{object-fit:cover;object-position:50% 50%;height:41.67vw;width:100%;vertical-align:bottom;display:inline!important;@media (width <=999px){min-height:350px;height:75vh}}}}.mainimage.slick-dotted.slick-slider{margin-bottom:0;& .slick-dots{position:relative;text-align:right;bottom:auto;z-index:10;height:var(--slickdots-height);@media (width <=999px){text-align:left;right:auto;left:0;bottom:5px}& li{& button:before{font-size:1.5rem;line-height:20px;top:0;left:0;width:20px;height:20px;opacity:.25;color:#000}&.slick-active button:before{opacity:.75;color:#000}}}}.innerBox{max-width:var(--size-content-max-width);min-width:var(--size-content-min-width);margin:0 auto;@media (width <=999px){margin:0 15px}}h2{font-family:var(--font-serif);font-weight:700}.fadein{opacity:0;transform:translate(0,0);transition:all 1.5s;&.fadein-left{transform:translate(-30px,0)}&.fadein-right{transform:translate(30px,0)}&.fadein-up{transform:translate(0,-30px)}&.fadein-bottom{transform:translate(0,30px)}&.scrollin{opacity:1 !important;transform:translate(0,0) !important}}.blur-text span{letter-spacing:3px;filter:blur(15px);opacity:0;transform:translateY(20px);transition:all 1s ease-out}.show span{filter:blur(0);opacity:1;transform:translateY(0)}.show span:nth-child(1){transition-delay:.1s}.show span:nth-child(2){transition-delay:.3s}.restaurantInfo{padding:20px 0 100px;min-height:400px;@media (width <=999px){width:var(--conceptPic-width);@media (width <=640px){padding:20px 0 50px;background-position:right 0 bottom 0;background-size:35%}}& .info.reservation-btnSet{margin-bottom:100px;@media (width <=999px){margin-bottom:50px}& ul{& li{& a{border:1px solid var(--color-main)}}}}& .concept{display:flex;gap:0 50px;--conceptPic-width:47%;@media (width <=999px){display:block;--conceptPic-width:100%}& .conceptTxt{order:1;width:100%;width:calc(100% - 50px - var(--conceptPic-width));font-family:var(--font-serif);font-size:1.8rem;font-weight:700;@media (width <=1600px){@media (width <=999px){width:var(--conceptPic-width);font-size:1.7rem;@media (width <=640px){& p br{display:none}}}}& h2{font-size:4.6rem;line-height:1.3;margin-bottom:35px;@media (width <=1130px){font-size:4.0vw;@media (width <=999px){font-size:2.3rem}}}}& .conceptPic{width:var(--conceptPic-width);order:0;display:flex;gap:0 5px;border-radius:10px;overflow:hidden;@media (width <=999px){max-width:100%}& img{display:block}}}& .indexNews{max-width:var(--size-content-max-width);min-width:var(--size-content-min-width);margin:0 auto 50px;@media (width <=999px){padding:0 15px}& section{display:grid;grid-template-columns:110px 1fr;@media (width <=767px){display:block}& h2{color:var(--color-sub);font-family:var(--font-main);@media (width <=767px){margin-bottom:5px}&:before{font-family:var(--fa);font-weight:900;content:"\f05a";margin-right:5px}}& .indexNews-post{border-left:1px solid var(--color-main-light);padding:0 0 0 15px;@media (width <=767px){border-left:none;padding:0}}& .indexNews-more{text-align:center;}}}}.view{background:#000 url(//tsurumatsu.jp/wp-content/themes/tsurumatsu/css/../images/contents/index/middle-bg.webp) no-repeat top center/100% auto;padding:50px;@media (width <=999px){padding:25px 15px 15px}& .viewInner{max-width:1820px;margin:0 auto;gap:50px 0;display:flex;flex-direction:column;@media (width <=999px){gap:15px 0}& .meal{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:0px 5px;@media (width <=767px){grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);gap:5px 0}&>div{position:relative;& a{text-decoration:none;color:#000;& h2{transition:background-color 0.5s;position:absolute;left:0;top:0;writing-mode:vertical-rl;display:flex;padding:0 1em;height:100%;align-items:center;background-color:rgba(255,255,255,0.7);font-size:3.6rem;width:140px;transition:all 0.3s;@media (width <=1920px){font-size:1.88vw;@media (width <=999px){font-size:2.1rem;padding:0 0.5em;width:80px;@media (width <=640px){transition:none}}}&:before{content:"";width:2px;height:50px;display:inline-block;background-color:#000;margin-bottom:1em;@media (width <=1920px){height:5.33vw;margin-bottom:.5em}@media (width <=999px){height:3vw}@media (width <=767px){height:5vw}}}& img{display:block}&:hover{h2{transition:all 0.3s;background-color:rgba(255,255,255,0.7);@media (width <=1920px){width:100%}}}}}}& .picture{& section{color:#fff;text-align:center;& h2{font-size:4.8rem;text-align:center;margin-bottom:35px;@media (width <=999px){font-size:2.3rem;margin-bottom:25px}}& .picture-txt{margin-bottom:50px!important;font-size:1.7rem;@media (width <=999px){font-size:1.6rem}}& ul{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:5px}}}}}.news{background-color:#fff;padding:80px 0 100px;@media (width <=999px){padding:40px 0 60px}& h2{text-align:center;font-size:4.8rem;margin-bottom:30px;@media (width <=999px){font-size:2.3rem}}& .linkMore1{margin-bottom:0;& a{transition:all 0.3s;--linkmore1-height:60px;color:#000;height:var(--linkmore1-height);border-radius:calc(var(--linkmore1-height) / 2);padding:0;display:inline-flex;justify-content:center;align-items:center;box-shadow:0px 5px 0px 2px rgba(204,204,204,0.3);border:1px solid #000;padding:0 100px;@media (width <=999px){padding:0 3em;box-shadow:3px 3px 0px 2px rgba(204,204,204,0.3);@media (width <=640px){transition:none}}&:hover{box-shadow:0px -3px 0px 2px rgba(204,204,204,0.3);transform:translateY(5px);@media (width <=999px){box-shadow:2px 2px 0px 2px rgba(204,204,204,.3)}}&:before{display:none}}}}.d-i{--checkbgc1:#c9d9c6;--checkbgc2:#bbcfb7;background-color:var(--color-accent-light);position:relative;padding:100px 50px;@media (width <=999px){padding:40px 15px 30px}&:before{position:absolute;display:inline-block;width:calc((50% - 800px) + 480px);height:100%;content:"";background-color:var(--checkbgc1);background-image:linear-gradient(45deg,var(--checkbgc2) 25%,transparent 25%,transparent 75%,var(--checkbgc2) 75%),linear-gradient(45deg,var(--checkbgc2) 25%,transparent 25%,transparent 75%,var(--checkbgc2) 75%);background-position:0 0,40px 40px;background-size:80px 80px;top:0;left:0;@media (width <=1600px){width:calc(100% / 4);@media (width <=999px){background-position:0 0,20px 20px;background-size:40px 40px;width:100%;height:53.17vw;top:auto;bottom:0}}}& .d-iInner{max-width:1600px;margin:0 auto;display:flex;gap:0 25px;z-index:1;position:relative;@media (width <=999px){max-width:100%;display:block}&>div{width:50%;@media (width <=999px){width:100%}&.d-iTxt{order:1;@media (width <=999px){marin-bottom:15px}& h2{font-size:4.8rem;margin-bottom:40px;@media (width <=999px){font-size:2.3rem;margin-bottom:25px}}}&.d-iPic{order:0;@media (width <=999px){position:relative;left:-15px}& img{display:block;@media (width <=999px){width:100%;max-width:auto}}}}}}#main .btmInfo{background:#000000 url(//tsurumatsu.jp/wp-content/themes/tsurumatsu/css/../images/contents/index/bottom-bg.webp) no-repeat center center/cover;color:#fff;@media (width <=999px){background-position:45% 100%}& .innerBox{padding:80px 0 100px;@media (width <=999px){padding:60px 0 40px}& h2{font-size:4.8rem;text-align:center;margin-bottom:35px;@media (width <=999px){font-size:2.3rem;margin-bottom:25px}}& p{text-align:center;margin-bottom:40px;@media (width <=999px){margin-bottom:30px}}& ul{display:flex;gap:0 25px;@media (width <=999px){flex-direction:column;gap:15px 0px}& li{width:calc((100% - 50px)/3);@media (width <=999px){width:100%}& a{transition:background-color 0.3s;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;border:1px solid #fff;height:80px;width:100%;&:hover{background-color:rgba(0,0,0,.5);color:#fff}&:before{font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;margin-right:.5em}&.information:before{content:"\f54f"}&.tel:before{content:"\f095"}&.order:before{content:"\f3cd"}@media (width <=640px){transition:none}}}}}}