@charset "UTF-8";
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}*,
::before,
::after {
background-repeat: no-repeat; box-sizing: border-box; } ::before,
::after {
text-decoration: inherit; vertical-align: inherit; } html {
cursor: default; font-family:
system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.15; -moz-tab-size: 4; tab-size: 4; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
height: 0; overflow: visible; } main {
display: block;
} nav ol,
nav ul {
list-style: none;
} pre {
font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace; font-size: 1em; } small {
font-size: 80%;
} ::-moz-selection {
background-color: #b3d4fc; color: #000; text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #000; text-shadow: none;
}  audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not([fill]) {
fill: currentColor;
} svg:not(:root) {
overflow: hidden;
}  table {
border-collapse: collapse;
}  button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
} button,
input,
select {
margin: 0;
} button {
overflow: visible; text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} input {
overflow: visible;
} legend {
color: inherit; display: table; max-width: 100%; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } select {
text-transform: none;
} textarea {
margin: 0; overflow: auto; resize: vertical; } [type="checkbox"],
[type="radio"] {
padding: 0;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
}  details {
display: block;
} dialog {
background-color: white;
border: solid;
color: black;
display: block;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
dialog:not([open]) {
display: none;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation; touch-action: manipulation; } [hidden] {
display: none;
}  [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled="true"],
[disabled] {
cursor: not-allowed;
} [aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
display: inherit;
position: absolute;
}
     @-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}    html,
body {
width: 100%;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
ol,
ul,
li,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
div,
p,
figure {
list-style-type: none;
padding: 0;
margin: 0;
word-break: break-all;
}
html {
font-size: 62.5%;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
position: relative;
background: #fff;
font-size: 1.8rem;
letter-spacing: 1.2px;
line-height: 1.6;
color: #000;
font-weight: 400;
text-align: justify;
}
body.hidden {
overflow: hidden;
}
body.none {
opacity: 1;
background: none;
}
.wrapper {
width: 100%;
overflow: hidden;
}
.wrapper .inner {
max-width: 1080px;
width: calc(100% - 40px);
margin: auto;
}
.wrapper .wrap_inner {
max-width: 745px;
width: calc(100% - 40px);
margin: auto;
}
.mt10 {
margin-top: 10px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
img {
width: 100%;
text-align: center;
height: auto;
}
.sp {
display: block !important;
}
.pc {
display: none !important;
}
.loading {
position: fixed;
width: 100vw;
height: 100vh;
background: #0883c8;
z-index: 999;
}
.loading p {
position: absolute;
text-align: center;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
top: -40px;
bottom: 0;
margin: auto;
left: 0;
right: 0;
max-width: 370px;
text-align: center;
height: 248px;
width: 100%;
}
.loading .l_logo {
margin-top: 10px;
max-width: 150px;
}
.wrapper {
display: none;
}
.smoking {
display: inline-block;
color: #fff;
background-color: #c41f01;
padding: 8px 20px;
font-size: 14px;
} .store_list {
width: 90%;
margin: auto;
}
.shop_sns {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 16px;
}
.shop_sns li {
border: none;
padding: 0;
width: auto;
margin-bottom: 0;
}
.shop_sns li:first-child {
margin-right: 8px;
}
.s_name,
.s_address,
.s_tel {
margin-bottom: 10px;
}
.s_area {
margin-top: 10px;
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 1.3rem;
font-weight: bold;
}
.s_area .t_links {
position: absolute;
top: 30%;
right: 5%;
display: inline-block;
width: 20px;
height: 20px;
background: url(//kodawarimonikka.com/assets/images/common/t_links.png) center right no-repeat;
background-size: contain;
}
.s_name {
font-size: 1.6rem;
font-weight: bold;
}
.s_address {
font-weight: normal;
font-size: 1.5rem;
}
.s_tel a {
color: #ee471c;
font-size: 18px;
font-weight: bold;
}
.reservation_links {
width: 90%;
margin: auto;
}
.reservation_links .re_tit {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.reservation_links ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
.reservation_links ul li {
width: calc(33.33% - 6.6666px);
margin-right: 10px;
}
.reservation_links ul li:last-child {
margin-right: 0;
}
.reservation_links ul li a {
background: #0883c8;
color: #fff;
text-align: center;
width: 100%;
font-size: 1.4rem;
padding: 20px;
}
.reservation_links ul li a span {
font-size: 2.3rem;
display: block;
text-align: center;
}
.reservation_links .s_reservation_btn {
display: block;
padding: 8px 16px;
margin: 16px auto;
text-align: center;
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
max-width: 335px;
}
.reservation_links .s_reservation_btn span {
display: block;
font-size: 32px;
font-weight: bold;
line-height: 4rem;
} .length {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
line-height: 3.6rem;
margin-top: 0;
font-family: ten-mincho, serif;
}
.bold,
strong {
font-weight: bold;
}
.marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(20%, #fddb00));
background: -webkit-linear-gradient(transparent 30%, #fddb00 20%);
background: linear-gradient(transparent 30%, #fddb00 20%);
background-position-y: 3px;
background-repeat: no-repeat;
}
section {
position: relative;
z-index: 20;
-webkit-transition: .3s;
transition: .3s;
padding: 30px 0;
}
.yellow {
color: #fddb00;
}
.blue {
color: #0883c8;
}
.colmun {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.no_bg {
background: none !important;
}
.btn a :hover {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bg_menu {
background: url(//kodawarimonikka.com/assets/images/common/bg_menu_all.jpg) center repeat;
background-size: 201%;
display: block;
width: 100%;
}
.bg_menu .bg_white {
position: relative;
padding: 24px 10px;
background: #fff;
}
.bg_menu .bg_white:after {
position: absolute;
}
.bg_menu .bg_white:first-of-type {
padding-top: 10px;
}
.bg_situation {
background: url(//kodawarimonikka.com/assets/images/top/bg_situation.jpg) center repeat;
background-size: 200%;
}
.bg_situation .bg_white {
position: relative;
padding: 10px;
background: #fff;
margin-top: 60px;
}
.bg_situation .bg_white:after {
position: absolute;
}
.bg_situation .bg_white:first-of-type {
margin-top: 0;
}
.bg_shop2 {
background: url(//kodawarimonikka.com/assets/images/common/bg_shop2.png) center no-repeat;
background-size: cover;
padding: 120px 0 60px;
}
.bg_shop2 .bg_white {
position: relative;
padding: 10px;
background: #fff;
margin-top: 60px;
}
.bg_shop2 .bg_white:after {
position: absolute;
}
.bg_shop2 .bg_white:first-of-type {
margin-top: 0;
}
.bg_shoplist {
background: url(//kodawarimonikka.com/assets/images/top/bg_shoplist.jpg) center repeat;
background-size: 200%;
padding: 120px 0 30px;
margin: 56px auto 100px;
}
.bg_shoplist .bg_white {
position: relative;
padding: 10px;
background: #fff;
margin-top: 60px;
}
.bg_shoplist .bg_white:after {
position: absolute;
}
.bg_shoplist .bg_white:first-of-type {
margin-top: 0;
}
.o_btn a {
padding: 16px;
background: #ee471c;
border: none !important;
color: #fff;
text-align: center;
}
.b_btn a {
padding: 16px;
background: #000;
border: none !important;
color: #fff;
text-align: center;
} .b_orange {
font-size: 24px;
color: #ee471c;
font-weight: bold;
}
.orange {
color: #ee471c;
}
.white {
color: #fff;
} a {
display: inline-block;
text-decoration: none;
color: #000;
}
.btn {
text-align: center;
max-width: 336px;
margin: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn.white a {
border: 2px solid #fff;
color: #fff;
}
.btn.orange a {
position: relative;
background: #ee471c;
border: 2px solid #ee471c;
color: #fff;
}
.btn.orange a:hover {
background: #ee471c;
color: #fff;
}
.btn.black a {
position: relative;
background: #000;
border: 2px solid #000;
color: #fff;
}
.btn.black a:hover {
background: #000;
color: #fff;
}
.btn.bor a {
position: relative;
border: 2px solid #000;
color: #000;
}
.btn.bor a:hover {
background: #000;
color: #fff;
}
.btn.bor a:hover span {
background: url(//kodawarimonikka.com/assets/images/common/t_links_w.png) center right no-repeat;
background-size: contain;
}
.btn.yellow {
position: relative;
width: calc(100% - 10px);
-webkit-transition: all 0.6s;
transition: all 0.6s;
margin-bottom: 10px;
}
.btn.yellow:before {
display: block;
content: '';
position: absolute;
width: 100%;
height: 50px;
top: 6px;
left: 6px;
background: #fddb00;
z-index: 0;
}
.btn.yellow:after {
width: 20px;
height: 1px;
background: #0883c8;
position: absolute;
content: '';
right: -10px;
top: 0;
bottom: 0;
margin: auto;
z-index: 11;
}
.btn.grd {
background: url(//kodawarimonikka.com/assets/images/common/btn_bg.png) no-repeat;
background-size: cover;
background-position: left;
display: block;
}
.btn.grd:hover {
opacity: 0.8;
}
.btn.sq .arrow_right {
position: inherit;
display: block;
margin: auto;
right: 0;
top: 0;
}
.btn.resv_btn {
border: 3px solid #fff;
}
.btn a {
position: relative;
width: 100%;
border: 2px solid #ee471c;
padding: 14px 0;
color: #fff;
font-weight: bold;
position: relative;
font-size: 14px;
letter-spacing: 0.5rem;
}
.btn .t_links {
background: url(//kodawarimonikka.com/assets/images/common/t_links_w.png) center right no-repeat;
position: absolute;
top: 30%;
right: 5%;
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
}
.btn .t_links_b {
background: url(//kodawarimonikka.com/assets/images/common/t_links.png) center right no-repeat;
position: absolute;
top: 30%;
right: 5%;
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
}
.btn .arrow_right {
background: url(//kodawarimonikka.com/assets/images/common/arrow_r_w.png) center right no-repeat;
position: absolute;
top: 30%;
right: 5%;
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
}
.another_somebox {
text-align: center;
max-width: 336px;
margin: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
z-index: 10;
position: relative;
font-size: 1.2rem;
border: 2px solid #fff;
color: #fff;
} .svg__icon {
position: absolute;
width: 0;
height: 0;
}
.fb a {
width: 30px;
height: 30px;
background: url(//kodawarimonikka.com/assets/images/common/i_fb.png) no-repeat;
background-size: contain;
}
.insta a {
width: 30px;
height: 30px;
background: url(//kodawarimonikka.com/assets/images/common/i_insta.png) no-repeat;
background-size: contain;
}
.twitter a {
width: 30px;
height: 30px;
background: url(//kodawarimonikka.com/assets/images/common/i_twitter.png) no-repeat;
background-size: contain;
}
.tag {
padding: 2px 8px;
font-size: 14px;
color: #fff;
margin-right: 5px;
background: #ee471c;
border: 1px solid #ee471c;
}
.tag_all {
background: #ee471c;
border: 1px solid #ee471c;
}
.tag_coupon {
background: #fff;
border: 1px solid #ee471c;
color: #ee471c !important;
}
.catchline_head {
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight: bold;
font-size: 1.9rem;
padding-bottom: 15px;
margin-bottom: 15px;
background: url(//kodawarimonikka.com/assets/images/common/blue_line.png) center bottom no-repeat;
display: block;
background-size: 230px;
text-align: center;
}
.news_wrap .n_list {
margin: 32px 0;
}
.news_wrap .n_list article {
padding: 8px;
}
.news_wrap .n_list article a {
width: 100%;
}
.news_wrap .n_daytag {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 10px;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-weight: bold;
}
.news_wrap .n_daytag .tag_wrap {
margin-left: 16px;
}
.news_wrap .n_daytag .tag_wrap span {
display: inline-block;
margin-right: 5px;
margin-bottom: 7px;
}
.news_wrap .n_daytag .tag_wrap span:last-of-type {
margin-right: 0;
}
.concept_wrap .c_cnt_inner {
padding-bottom: 64px;
}
.concept_wrap .txt_cnt {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
font-size: 18px;
height: 330px;
margin: 36px auto;
}
.concept_wrap .txt_cnt h3 {
max-width: 160px;
width: 25%;
}
.concept_wrap .txt_cnt p {
width: calc(75% - 18%);
margin-right: 9%;
}
.home .shoplist_wrap {
padding-bottom: 240px;
}
.shoplist_wrap h2 {
margin-bottom: 10px;
}
.shoplist_wrap p {
line-height: 1.2;
width: calc(100% - 10px);
}
.shoplist_wrap ul li {
border-bottom: 2px solid #ee471c;
padding: 32px 0;
}
.shoplist_wrap ul li .s_info_wrap {
display: flex;
}
.shoplist_wrap ul li .s_info_wrap .s_img {
width: 40%;
margin-right: 16px;
height: 180px;
overflow: hidden;
}
.shoplist_wrap ul li .s_info_wrap .s_info {
width: 60%;
}
.shoplist_wrap ul .bbtn {
color: #ee471c;
padding: 24px 0;
border-bottom: 2px solid #ee471c;
text-align: center;
justify-content: center;
font-weight: bold;
width: 100%;
margin-bottom: 36px;
}
.shoplist_wrap ul .bbtn .arrow_b {
display: inline-block;
vertical-align: bottom;
width: 20px;
height: 20px;
padding-left: 32px;
background: url(//kodawarimonikka.com/assets/images/common/arrow_b_r.png) center right no-repeat;
background-size: contain;
}
.shoplist_wrap ul .bbtn.btn_none .arrow_b {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.shoplist_wrap .shop_sns {
display: flex;
width: calc(100% - 60px);
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 10px;
}
.shoplist_wrap .shop_sns li {
width: auto;
margin-right: 10px;
margin-bottom: 0;
}
.shoplist_wrap .shop_sns li:nth-child(2n) {
margin-right: 10px;
}
.shoplist_wrap .s_area {
font-size: 2.1rem;
}
.shoplist_wrap .s_name {
font-size: 2.0rem;
}
.shoplist_wrap .s_address {
font-size: 1.5rem;
line-height: 1.6;
}
.shoplist_wrap .s_tel {
font-size: 1.5rem;
}
.s_btn_wrap {
display: flex;
margin-top: 16px;
}
.s_btn_wrap p {
width: calc(50% - 8px); } .coupon_wrap {
padding: 40px 0 60px;
}
.coupon_wrap ul li {
position: relative;
}
.coupon_wrap ul li.cp_item {
margin-bottom: 32px;
}
.coupon_wrap ul li.cp_item:last-of-type {
background: none;
padding-bottom: 0;
}
.coupon_wrap ul li .cp_inner {
width: 100%;
}
.coupon_wrap .cp_title {
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 15%;
font-family: ten-mincho, serif;
font-size: 18px;
padding: 24px;
color: #fff;
letter-spacing: 0.5rem;
}
.coupon_wrap .cp_text_wrap {
padding: 24px;
background: #fff;
}
.coupon_wrap .cp_text_wrap dl {
margin-bottom: 16px;
}
.shopinfo_wrap .si_table {
width: 100%;
}
.shopinfo_wrap .si_table tr,
.shopinfo_wrap .si_table th,
.shopinfo_wrap .si_table td {
display: block;
}
.shopinfo_wrap .si_table th {
color: #000;
font-weight: bold;
margin-bottom: 10px;
}
.shopinfo_wrap .si_table td {
margin-bottom: 10px;
}
.shopinfo_wrap .si_table tr {
border-bottom: 1px solid #aea695;
padding-top: 10px;
}
.shopinfo_wrap .si_map {
border: 1px solid #000;
margin: 30px auto 50px;
width: 100%;
overflow: hidden;
max-width: 769px;
}
.shopinfo_wrap .si_widget {
width: 100%;
margin: 30px auto;
}
.shopinfo_wrap .si_widget ul li {
max-width: 335px;
margin: auto;
border: 1px solid #0883c8;
margin-bottom: 16px !important;
}
.shopinfo_wrap .si_widget ul li:last-child {
margin-bottom: 0;
overflow: hidden;
}
.shopinfo_wrap .si_widget ul li .sns_inbox {
max-height: 440px;
overflow: scroll;
}
.shopinfo_wrap .si_widget ul li .sns_inbox iframe {
width: 100vw !important;
max-width: 100%;
margin: 0 auto;
}
.shopinfo_wrap .si_widget ul li.insta iframe {
height: 1270px !important;
} .kv_under {
padding: 32px 0 16px;
margin-top: 24px;
}
#content_under h1 {
display: block;
max-width: 320px;
margin: 24px auto;
}
#content_under h1 span {
font-size: 18px;
text-align: center;
display: block;
}
.cnt_under {
padding: 0;
}
.flex_wrap {
display: flex;
margin-top: 10px;
}
.flex_wrap.col3 .flexbox {
width: calc(33.33% - 6.666px);
margin-right: 10px;
}
.flex_wrap.col3 .flexbox:last-of-type {
margin-right: 0;
}
.flex_wrap.col2-item {
display: block;
margin: 0 auto 100px;
}
.flex_wrap.col2-item .flexbox {
margin-bottom: 30px;
}
.flex_wrap.col2-item .flexbox:first-of-type {
margin-bottom: 30px;
}
.flex_wrap.col2-item:last-of-type {
margin-bottom: 30px;
}
.flex_wrap.col2-item:last-of-type {
margin-bottom: 0;
}
.flex_wrap.col3-another {
display: block;
}
.flex_wrap.col3-another .flexbox {
margin-bottom: 30px;
}
.flex_wrap.col3-another .flexbox:last-of-type {
margin-right: 0;
}
.img-swiper-container {
position: relative;
overflow: hidden;
}
.img-swiper-container .img-swiper-arrow {
width: 100%;
position: absolute;
z-index: 10;
top: 0;
bottom: 0;
margin: auto;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.img-swiper-container .img-swiper-prev {
position: absolute;
background: url(//kodawarimonikka.com/assets/images/common/slider_arrow-left.png) no-repeat;
background-size: contain;
width: 40px;
height: 40px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transition: all .3s;
transition: all .3s;
}
.img-swiper-container .img-swiper-next {
position: absolute;
background: url(//kodawarimonikka.com/assets/images/common/slider_arrow-right.png) no-repeat;
background-size: contain;
width: 40px;
height: 40px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transition: all .3s;
transition: all .3s;
}
.img-swiper-container .img-pagination {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 10px;
}
.img-swiper-container .img-pagination .swiper-pagination-bullet {
display: block;
width: 100%;
border-radius: 0;
max-width: 60px;
}
.img-swiper-container .img-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ee471c;
} .t_m_alacarte .food_wrapper {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.t_m_alacarte .food_wrapper .food_box {
width: calc(50% - 8px);
margin: 0 16px 24px 0;
}
.t_m_alacarte .food_wrapper .food_box:nth-child(2n) {
margin-right: 0;
}
.t_m_alacarte .food_wrapper .food_box .t_m_lead {
padding: 8px 0;
font-family: ten-mincho, serif;
}
.t_m_alacarte:last-child {
padding-bottom: 0;
}
.sub_imgwrap .inner {
width: 100%;
}
.cpy_textwrap {
margin: 30px auto;
}
.cpy_head {
text-align: center;
}
.cpy_head h2 {
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2.4rem;
margin-bottom: 10px;
}
.cpy_head .cpy_text {
line-height: 2.5;
font-family: ten-mincho, serif;
}
.h2_head h2 {
margin: 0 auto 30px;
font-size: 22px;
padding: 8px;
background: #000;
color: #fff;
display: block;
text-align: center;
}
.h2_head img {
max-width: 370px;
}
.h2_head span {
font-size: 1.8rem;
text-align: center;
color: #0883c8;
}
.h3_head h3 {
margin: 0 auto 30px;
font-size: 22px;
padding: 8px;
background: #000;
color: #fff;
display: block;
text-align: center;
}
.h3_head_logo {
padding: 20px 0 30px;
text-align: center;
}
.h3_head_logo h3 {
max-width: 300px;
margin: auto;
}
.h3_head_logo span {
color: #000;
} .s-topicpath {
display: none;
} .fx_imgbox {
position: relative;
display: flex;
width: 100%;
}
.fx_imgbox .disp_img {
background: url(/assets/images/common/bg_blue.png) no-repeat;
max-width: 100%;
max-height: 100%;
position: absolute;
z-index: 100;
top: 8%;
right: 0;
width: 50%;
height: 85%;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 18px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fx_imgbox .disp_img h3 {
font-size: 5vw;
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height: 1.3;
color: #fff;
text-align: center;
}
.fx_imgbox .disp_img h3 span {
display: block;
padding-top: 16px;
font-family: sans-serif;
font-weight: normal;
font-size: 3vw;
}
.fx_imgbox .main_img {
width: 90%;
}
.fx_imgbox.rowrev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.fx_imgbox.rowrev .disp_img {
right: auto;
left: 0;
} .nav_anc ul {
display: flex;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 2px solid #000;
border-top: 2px solid #000;
margin: 0 8px 8px 0;
}
.nav_anc ul li {
margin-right: 8px;
text-align: center;
}
.nav_anc ul li:nth-child(2n) {
margin-right: 0;
}
.nav_anc ul li a {
display: block;
font-size: 13px;
padding: 10px 22% 10px 10px;
border-collapse: collapse;
font-weight: bold;
position: relative;
}
.nav_anc ul li a:after {
content: '';
width: 22px;
height: 22px;
background: url(//kodawarimonikka.com/assets/images/common/arrow_b.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: bottom;
position: absolute;
right: 8px;
}
.nav_anc ul li a:hover {
color: #ee471c;
opacity: 1;
}
.nav_anc ul li a:hover:after {
content: '';
-webkit-transition: 0.3s;
transition: 0.3s;
width: 22px;
height: 22px;
background: url(//kodawarimonikka.com/assets/images/common/arrow_b_r.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: bottom;
position: absolute;
right: 8px;
}
.nav_anc.col4 ul li {
width: calc(50% - 4px);
}
.nav_anc.col4 ul li:nth-child(2n) {
margin-right: 0;
}
.nav_anc.col3 ul li {
width: calc(33.333% - 6px);
}
.nav_anc.col3 ul li:nth-child(3n) {
margin-right: 0;
}
#map_canvas {
height: 400px;
}
#content {
background: url(//kodawarimonikka.com/assets/images/common/bg.png);
background-size: contain;
background-position: center;
}
#content_under {
background: url(//kodawarimonikka.com/assets/images/common/bg.png);
background-size: contain;
background-position: center;
padding-top: 40px;
} #content_under.not_404 h1 {
max-width: none !important;
}  header {
width: 100%;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
header.scrollon .header__inner {
background: #fff;
}
header .reservation_links .s_reservation_btn {
background: #0883c8;
color: #fff;
padding: 15px 0;
margin-top: 30px;
font-size: 1.8rem;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
header .reservation_links .s_reservation_btn span {
font-size: 2.6rem;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
header .header_reservation {
display: none;
}
header .header_reservation .h_r_shopwrap {
display: none;
}
header .header__inner {
-webkit-transition: all .3s;
transition: all .3s;
position: fixed;
top: 0;
width: 100%;
z-index: 888;
transition: all .3s;
}
header .sp--header {
position: relative;
height: 65px;
color: #000;
width: 95%;
margin: auto;
}
header .header__logo a {
max-width: 85px;
margin-top: 10px;
}
header .header__logo img {
width: 100%;
}
header .toggle {
z-index: 999;
-webkit-transition: all .8s;
transition: all .8s;
position: absolute;
width: 45px;
height: 70px;
right: 0;
top: 0;
}
header .toggle.open span {
width: 40px;
}
header .toggle.open span:nth-of-type(1) {
-webkit-transform: translateY(0px) scale(0);
-ms-transform: translateY(0px) scale(0);
transform: translateY(0px) scale(0);
top: -10px;
}
header .toggle.open span:nth-of-type(2) {
background: none;
}
header .toggle.open span:nth-of-type(2):before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 40px;
}
header .toggle.open span:nth-of-type(2):after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 40px;
}
header .toggle.open span:nth-of-type(3) {
-webkit-transform: translateY(0px) scale(0);
-ms-transform: translateY(0px) scale(0);
transform: translateY(0px) scale(0);
}
header .toggle.open span:last-of-type {
opacity: 0;
}
header .toggle span {
-webkit-transition: all .6s;
transition: all .6s;
position: absolute;
height: 2px;
width: 32px;
background: #000;
left: 0;
right: 0;
margin: auto;
}
header .toggle span:nth-of-type(1),
header .toggle span:nth-of-type(2),
header .toggle span:nth-of-type(3) {
text-indent: -9999px;
}
header .toggle span:nth-of-type(1) {
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: translateY(-17px) scale(1);
-ms-transform: translateY(-17px) scale(1);
transform: translateY(-17px) scale(1);
}
header .toggle span:nth-of-type(2) {
background: none;
top: 0;
bottom: 17px;
margin: auto;
}
header .toggle span:nth-of-type(2):before,
header .toggle span:nth-of-type(2):after {
-webkit-transition: all 0.6s;
transition: all 0.6s;
content: "";
width: 32px;
height: 2px;
background: #000;
display: block;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
header .toggle span:nth-of-type(3) {
top: 0;
bottom: 32px;
margin: auto;
-webkit-transform: translateY(17px) scale(1);
-ms-transform: translateY(17px) scale(1);
transform: translateY(17px) scale(1);
}
header .toggle span:last-of-type {
background: none;
height: auto;
width: auto;
font-size: 1rem;
text-align: center;
font-weight: bold;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
top: 38px;
left: 1px;
color: #000;
}
header nav {
overflow: scroll;
height: 100vh;
z-index: 980;
padding: 10px 0 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
position: absolute;
width: 100%;
-webkit-transition: all .8s;
transition: all .8s;
background: #fff;
-webkit-transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
visibility: hidden;
opacity: 0;
}
header nav.active {
-webkit-transition: all .8s;
transition: all .8s;
visibility: inherit;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 1;
}
header nav .nav__logo {
width: 95%;
text-align: left;
margin: auto;
margin-top: 5px;
}
header nav .nav__logo img {
max-width: 85px;
}
header nav .gnav {
width: 95%;
max-width: 520px;
margin: 40px auto 20px;
padding-left: 0;
}
header nav .gnav li a:before {
content: '';
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 7px;
border-top: 1px solid #ee471c;
border-right: 1px solid #ee471c;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header nav .gnav li a,
header nav .gnav li p {
position: relative;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
width: 100%;
padding: 15px 0;
font-weight: bold;
color: #000;
font-size: 1.6rem;
border-bottom: 1px solid #e6e6e6;
}
header nav .gnav li p:before,
header nav .gnav li p:after {
content: '';
position: absolute;
width: 13px;
height: 1px;
background: #ee471c;
top: 0;
bottom: 0;
right: 5px;
margin: auto;
display: block;
-webkit-transition: all .3s;
transition: all .3s;
}
header nav .gnav li p:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
header nav .gnav li p.spopen:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
header nav .gnav li p.spopen:before {
opacity: 1;
}
header nav .gnav li ul {
background: #f7f7f7;
}
header nav .gnav li ul li a {
font-size: 1.6rem;
padding: 10px 20px;
border-bottom: none;
}
header nav .gnav .sptoggle+ul {
display: none;
}
header nav .gnav .sptoggle.active:after {
opacity: 0;
}
header nav .header__links {
width: 90%;
margin: auto;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
header nav .header__links li {
width: calc(50% - 10px);
}
header nav .header__links li:first-child {
margin-right: 20px;
}
header nav .header__links li a {
background: #0883c8;
width: 100%;
color: #fff;
display: flex;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header .header_link_wrap p a {
display: block;
width: 100%;
}
#s_header .s_header_logo {
display: flex;
}
#s_header .s_header_logo .logo_shop {
margin-top: 10px;
border-right: 2px solid #000;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: center;
font-weight: bold;
padding: 6px;
width: 35px;
font-size: 14px;
}
footer {
margin-top: 0 !important;
}
.bg_white:last-of-type {
margin-bottom: 120px;
}
footer {
display: block;
position: relative;
margin-top: 50px;  }
footer:before {
position: absolute;
content: '';
width: 100%;
padding-top: 10vw;
background: url(//kodawarimonikka.com/assets/images/common/ft_parts.png) top no-repeat;
background-size: cover;
display: block;
top: -9.5vw;
z-index: 20;
}
footer .pagetop {
position: fixed;
bottom: 10px;
right: 15px;
z-index: 100;
width: 50px;
}
footer .ft_wrap,
footer .ft_blank {
max-width: 480px;
margin: 0 auto 24px;
}
footer .ft_contents {
background: #ee471c;
padding: 0 16px 40px 16px;
}
footer .ft_contents .ft_logo {
max-width: 120px;
margin: 0 auto 42px;
padding-top: 32px;
}
footer .ft_contents .store_list {
width: 100% !important;
margin-bottom: 32px;
}
footer .ft_contents .store_list .f_category {
font-weight: bold;
}
footer .ft_contents .store_list .f_category ul li {
font-weight: normal;
line-height: 3.0rem;
} footer .ft_contents .s_logo {
background: #fff;
padding: 8px 16px;
}
footer .ft_contents .b_logo {
background: none;
padding: 8px 0;
}
footer .ft_contents .ft_ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
footer .ft_contents .ft_ul .ft_li {
width: calc(50% - 24px);
margin: 0 46px 16px 0;
color: #fff;
font-size: 1.4rem;
}
footer .ft_contents .store_list .ft_ul .ft_li:last-child {
width: 100%;
}
footer .ft_contents .ft_ul .ft_li:nth-child(2n) {
margin-right: 0;
}
footer .ft_contents .ft_ul .ft_li p {
color: #fff;
font-size: 1.4rem;
}
footer .ft_contents .ft_ul .ft_li a {
color: #fff;
font-size: 1.4rem;
}
footer .ft_list .ft_ul .f_category {
font-weight: bold;
}
footer .ft_list .ft_ul .f_category ul li {
font-weight: normal;
line-height: 3.0rem;
}
footer .ft_list .ft_ul .f_category ul li:before {
content: " - ";
display: inline;
}
footer .reservation_links {
width: auto;
margin-bottom: 24px;
}
footer .reservation_links .form_btn {
margin: 16px 0;
border: 2px solid #fff;
padding: 16px;
display: block;
text-align: center;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
footer .reservation_links .s_reservation_btn {
background: #fff;
color: #ee471c;
}
footer small {
text-align: center;
color: #fff;
display: block;
padding: 56px 0 24px;
}
footer .fb a {
background: url(//kodawarimonikka.com/assets/images/common/i_fb_w.png) no-repeat;
background-size: contain;
}
footer .ig a {
background: url(//kodawarimonikka.com/assets/images/common/i_ig_w.png) no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}
footer .insta a {
background: url(//kodawarimonikka.com/assets/images/common/i_insta_w.png) no-repeat;
background-size: contain;
}
footer .twitter a {
background: url(//kodawarimonikka.com/assets/images/common/i_twitter_w.png) no-repeat;
background-size: contain;
}
footer .store_list .s_area .t_links {
background: url(//kodawarimonikka.com/assets/images/common/t_links_w.png) center right no-repeat;
background-size: contain;
} footer .ft_blank {
background: #be9b43;
padding: 16px;
max-width: 1080px;
width: 100%;
margin: auto;
}
footer .ft_blank .ft_app .app_int {
display: flex;
color: #fff;
margin-bottom: 24px;
}
footer .ft_blank .ft_app .app_int .app_img {
max-width: 20%;
height: 100%;
margin-right: 4%;
}
footer .ft_blank .ft_app .app_int .app_ttl {
font-size: 4.2vw;
font-weight: bold;
}
footer .ft_blank .ft_app .app_int .app_ttl a {
color: #fff;
display: block;
font-size: 3vw;
text-decoration: underline;
}
footer .ft_blank .ft_app .app_btn {
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
footer .ft_blank .ft_app .app_btn li {
width: calc(45% - 8px);
margin-right: 16px;
}
footer .ft_blank .ft_app .app_btn li:last-child {
margin-right: 0;
} footer .ft_banner {
max-width: 1080px;
margin: 24px auto 0;
}
footer .ft_banner ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer .ft_banner ul li {
width: calc(50% - 8px);
margin: 16px 16px 0 0;
}
footer .ft_banner ul li:nth-child(2n) {
margin-right: 0;
} .ft_fixed_b.btn {
position: fixed;
bottom: 0;
width: 100%;
z-index: 100;
max-width: none;
}
.ft_fixed_b.btn #btn_open {
background: #ee471c;
padding: 16px;
color: #fff;
text-align: center;
display: block;
}
.ft_fixed_b.btn #btn_open:before {
content: "";
background: url(//kodawarimonikka.com/assets/images/common/icon_carender.png) no-repeat;
width: 24px;
height: 24px;
display: inline-block;
background-size: contain;
vertical-align: bottom;
margin-right: 8px;
} #modal {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 1000;
}
#modal #modal_content {
margin: auto;
padding: 16px;
position: relative;
height: 100%;
width: 100%;
overflow: scroll;
-webkit-animation: animatetop 0.4s;
animation: animatetop 0.4s;
}
#modal #modal_content .resv_shoplist_wrap {
padding-top: 60px;
}
#modal #modal_content .resv_shoplist_wrap h2 {
max-width: 300px;
margin: 0 auto 40px;
}
#modal #modal_content .btn_fixed {
position: fixed;
top: 0%;
z-index: 10000000;
height: 70px;
width: 100%;
right: 0;
display: block;
background: #fff;
}
#modal #modal_content .btn_close {
height: 50px;
width: 50px;
position: absolute;
right: 0;
top: 0;
}
#modal #modal_content .btn_close:before,
#modal #modal_content .btn_close:after {
-webkit-transition: all .6s;
transition: all .6s;
position: absolute;
content: "";
width: 40px;
height: 2px;
background: #000;
display: block;
top: 30px;
}
#modal #modal_content .btn_close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#modal #modal_content .btn_close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#modal #modal_content ul li {
line-height: 3rem;
} .ft_fixed_s {
position: fixed;
bottom: 0;
width: 100%;
z-index: 100;
max-width: none;
}
.ft_fixed_s ul {
display: flex;
width: 100%;
}
.ft_fixed_s ul li {
width: 50%;
}
.ft_fixed_s ul li a {
color: #fff;
text-align: center;
display: block;
padding: 16px 0;
width: 100%;
font-weight: bold;
font-size: 14px;
}
.ft_fixed_s .resv_links {
background: #ee471c;
}
.ft_fixed_s .resv_links a:before {
content: "";
background: url(//kodawarimonikka.com/assets/images/common/icon_carender.png) no-repeat;
width: 24px;
height: 24px;
display: inline-block;
background-size: contain;
vertical-align: bottom;
margin-right: 8px;
}
.ft_fixed_s .tel_links {
background: #000;
}
.ft_fixed_s .tel_links a:before {
content: "";
background: url(//kodawarimonikka.com/assets/images/common/icon_tel.png) no-repeat;
width: 22px;
height: 22px;
display: inline-block;
background-size: contain;
vertical-align: bottom;
margin-right: 8px;
}
section:last-child { padding-bottom: 230px;
}
.kv {
padding-top: 90px;
}
.kv h1 {
margin: 0;
}
.kv .k_catch {
width: calc(100% - 30px);
padding: 45px 0;
margin: auto;
}
.kv .k_catch .sp {
width: 100%;
max-width: 480px;
margin: auto;
}
.kv .k_inner {
margin: auto;
}
.kv .k_inner .k_img {
height: 513px;
display: block;
position: relative;
}
.kv .k_inner .k_img .mv_slide {
position: relative;
max-width: 1280px;
width: calc(100% - 40px);
margin: auto;
height: 100%;
}
.kv .k_inner .k_img .mv_slide img {
min-height: 513px;
height: 100%;
min-width: 100%;
position: absolute;
right: -100%;
left: -100%;
margin: auto;
-o-object-fit: none;
object-fit: none;
}
.kv .k_inner .k_img .mv_slide .mv_text {
font-family: ten-mincho, serif;
font-size: 2.5rem;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
color: #fff;
text-shadow: 0px 0px 8px #000;
z-index: 1;
position: absolute;
top: 13rem;
left: 50%;
margin: auto;
line-height: 50rem;
letter-spacing: 2px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 34rem;
}
.kv .k_inner .k_img .mv_header {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.kv .k_inner .k_img .mv_img02 {
z-index: 1;
width: 160px;
position: absolute;
bottom: -10%;
left: 2%;
}
.about_wrap .ab_01 {
position: absolute;
max-width: 28%;
top: 0;
left: -3%;
}
.about_wrap .ab_02 {
position: absolute;
max-width: 35%;
top: 8%;
right: -6%;
}
.about_wrap .inner_wrap {
position: relative;
}
.about_wrap .logo {
width: 24%;
margin: 24px auto;
}
.about_wrap .txt {
font-family: ten-mincho, serif;
font-weight: 400;
font-style: normal;
line-height: 3.2rem;
margin-top: 14%;
}
.about_wrap .txt p {
padding: 16px;
}
.about_wrap .length {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.t_wrap {
width: 100%;
}
.t_wrap div a {
display: block;
}
.t_wrap .sub_element ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.t_wrap .sub_element ul li {
width: calc(50% - 8px);
margin: 16px 16px 0 0;
}
.t_wrap .sub_element ul li:nth-child(2n) {
margin-right: 0;
}
.t_wrap .sub_element ul li a {
position: relative;
}
.t_wrap .sub_element ul li a .arrow_r {
position: absolute;
width: 30px;
height: 30px;
bottom: 0;
right: 0;
}
.t_wrap .main_element a {
position: relative;
}
.t_wrap .main_element a .arrow_r {
position: absolute;
width: 50px;
height: 50px;
bottom: 0;
right: 0;
}
.main_element ul {
display: flex;
}
.main_element ul li {
margin-right: 16px;
}
.main_element ul li:last-child {
margin-right: 0;
}
.app_wrap {
margin-top: 24px;
}
.app_wrap .app_inner {
max-width: 580px;
margin: auto;
}
.app_wrap .inner {
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 20%;
position: relative;
width: calc(100% - 40px);
padding: 48px 20px;
}
.app_wrap .inner .logo_rad {
position: absolute;
top: -2.7%;
right: 10px;
width: 25%;
max-width: 140px;
}
.app_wrap .inner h3 {
font-weight: bold;
font-size: 26px;
}
.app_wrap .inner .sub_h3 {
font-weight: bold;
font-size: 16px;
margin: 18px 0 36px;
}
.app_wrap .inner .main_wrap .wrap_box ul {
margin-bottom: 42px;
}
.app_wrap .inner .main_wrap .wrap_box ul .img {
max-width: 300px;
margin: auto;
}
.app_wrap .inner .main_wrap .wrap_box ul .comm {
margin-top: 56px;
}
.app_wrap .inner .main_wrap .wrap_box ul .comm .fuki {
background: #fff;
padding: 16px;
position: relative;
font-weight: bold;
margin: 0 auto 24px;
font-size: 16px;
max-width: 400px;
}
.app_wrap .inner .main_wrap .wrap_box ul .comm .fuki:before {
content: "";
display: block;
height: 0px;
width: 0px;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: #fff 40px solid;
position: absolute;
top: -25%;
left: 46%;
}
.app_wrap .inner .main_wrap .wrap_box ul .comm .white {
font-weight: bold;
font-size: 16px;
}
.app_wrap .inner .sub_wrap ul {
display: flex;
}
.app_wrap .inner .sub_wrap ul li {
width: calc(50% - 5px);
margin-right: 10px;
}
.app_wrap .inner .sub_wrap ul li:nth-child(2n) {
margin-right: 0;
}
.home h2 {
max-width: 300px;
letter-spacing: 2px;
margin: 0 auto 40px;
text-align: center;
}
.news_wrap {
max-width: 768px;
margin: auto;
}
.news_wrap article a {
display: flex;
margin-bottom: 0;
}
.news_wrap article a .n_thumb {
margin-right: 16px; max-width: 100%;
position: relative; overflow: hidden;
width: 250px;
height: 180px;
}
@media screen and (max-width: 1024px) {
.news_wrap article a .n_thumb {
width: 120px;
height: 80px;
}
}
.news_wrap article a .n_thumb img {
position: absolute;
top: 50%;
bottom: 50%;
height: auto;
width: 100%;
object-fit: cover;
display: block;
right: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.news_wrap article a .n_txt_wrap {
width: 60%;
}
.news_wrap article a .n_txt_wrap div {
margin-bottom: 8px;
}
.news_wrap article a .n_txt_wrap div:last-child {
margin-bottom: 0;
}
.home .h3_head {
margin-top: 0;
margin-bottom: 0;
}
.home .t_shoplist_wrap p {
font-weight: bold;
line-height: 1.2;
width: calc(100% - 10px);
margin: 5px auto 0;
}
.home .t_shoplist_wrap .shop_sns {
display: flex;
width: calc(100% - 60px);
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 5px 10px;
}
.home .t_shoplist_wrap .shop_sns li {
width: auto;
margin-right: 10px;
margin-bottom: 0;
}
.home .t_shoplist_wrap .shop_sns li:nth-child(2n) {
margin-right: 10px;
}
.swiper-container {
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
overflow: inherit;
position: relative;
}
.swiper-container figure {
position: relative;
}
.swiper-container figure figcaption {
font-size: 1.2rem;
padding: 16px 0;
margin: auto;
color: #000;
}
.swiper-container figure .tag_flame {
position: absolute;
left: 10px;
top: 10px;
}
.swiper-container .swiper-arrow {
position: absolute;
display: none;
}
.swiper-container .slide_box {
border: 4px solid #000;
background: #fff;
padding: 8px;
}
.t_menu_wrap {
padding: 70px 0 30px;
}
.t_menu_wrap h2 {
margin: 24px auto;
width: 100%;
}
.t_menu_wrap .t_menu_cnt {
margin-bottom: 30px;
}
.t_menu_wrap .t_m_tit {
margin-bottom: 20px;
font-weight: bold;
font-size: 2rem;
}
.t_menu_wrap .t_m_img {
margin-bottom: 20px;
}
.t_menu_wrap .t_m_txt {
margin-bottom: 10px;
}
.t_menu_wrap .t_m_price {
text-align: right;
}
.t_menu_wrap .t_m_price span {
color: #ee471c;
font-size: 3.6rem;
font-family: ten-mincho, serif;
vertical-align: baseline;
}
.t_menu_wrap .btn {
margin-top: 30px;
}
.t_menu_wrap .t_m_alacarte .menu_btn {
padding-bottom: 20px;
display: flex;
font-size: 1.2rem;
}
.t_menu_wrap .t_m_alacarte .menu_btn li {
width: calc(33.333% - 4px);
margin-right: 8px;
}
.t_menu_wrap .t_m_alacarte .menu_btn li p {
width: 100%;
margin-top: 20px;
}
.t_menu_wrap .t_m_alacarte .menu_btn li:last-child {
margin-right: 0;
}
.t_menu_wrap .t_m_alacarte .t_m_lead,
.t_menu_wrap .t_m_alacarte .t_m_name {
color: #000;
}
.t_situ_wrap ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.t_situ_wrap ul li {
width: calc(50% - 8px);
margin: 0 16px 24px 0;
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 40%;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.t_situ_wrap ul li:nth-child(2n) {
margin-right: 0;
}
.t_situ_wrap ul li .txt_box {
color: #fff;
font-family: ten-mincho, serif;
width: 100%;
padding: 24px;
margin: auto;
}
.t_situ_wrap ul li .txt_box .txt_box_img {
display: block;
max-width: 90px;
width: 66%;
margin: 0 auto;
}
.t_situ_wrap ul li .txt_box h3 {
text-align: center;
padding: 24px 0;
border-bottom: 2px solid #fff;
font-weight: bold;
font-size: 24px;
}
.t_situ_wrap ul li .txt_box .txt_box_txt {
padding-top: 16px;
}
.t_situ_wrap ul li .img_box {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
width: 100%;
height: 100%;
max-width: 500px;
position: relative;
}
.t_situ_wrap ul li .img_box:before {
content: "";
display: block;
padding-top: 100%;
}
.t_situ_wrap ul li .img_box img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .t_shoplist_wrap {
margin-top: 10px;
}
.t_shoplist_wrap ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.t_shoplist_wrap ul li {
width: calc(50% - 20px);
margin: 0 auto;
margin-bottom: 20px;
}
.t_shoplist_wrap ul li a {
color: #000;
display: block;
margin: 0 auto;
}
.k_sns_wrap {
padding: 30px 0 0;
}
.k_sns_wrap .shop_sns {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: auto;
max-width: 110px;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news .kv_under h1 {
max-width: 200px;
} .m-pager {
margin-top: 60px;
text-align: center;
}
.m-pager li {
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 1024px) {
.m-pager li {
margin-bottom: 5px;
}
}
.m-pager_item a,
.m-pager_item span {
padding-top: 8px;
margin: 0 3px;
width: 40px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-weight: bold;
text-decoration: none;
color: #ee471c;
background: #fff;
}
.m-pager_item a:hover,
.m-pager_item span {
background-color: #ee471c;
border: none;
color: #fff;
}
.m-pager_prev a:hover,
.m-pager_next a:hover {
background-color: #ee471c;
color: #fff;
border: none;
}
.m-pager_prev a:hover:after,
.m-pager_next a:hover:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.m-pager_prev a:after,
.m-pager_next a:after,
.m-pager_prev span:after,
.m-pager_next span:after {
content: " ";
width: 12px;
height: 12px;
position: absolute;
top: 13px;
left: 10px;
border-top: 2px solid #ee471c;
border-right: 2px solid #ee471c;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.m-pager_prev a,
.m-pager_next a,
.m-pager_prev span,
.m-pager_next span {
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -1000px;
position: relative;
margin: 0 8px;
display: inline-block;
background: #fff;
color: #ee471c;
}
.m-pager_prev a:after {
left: 14px;
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
}
.m-pager_prev span:after {
left: 14px;
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
border-color: #e6dfc9;
}
.m-pager_prev a:after,
.m-pager_prev span:after {
left: 14px;
}
.m-pager_next span:after {
border-color: #e6dfc9;
}
.m-news_sub {
margin-bottom: 40px;
width: 48.8%;
float: right;
}
.m-news_sub_item {
padding-bottom: 10px;
border-bottom: 2px solid #eee9da;
margin-bottom: 10px;
position: relative;
}
.m-news_sub_item:last-child {
padding-bottom: 0;
border: 0;
margin: 0;
}
.m-news_sub a {
display: block;
text-decoration: none;
color: #fff;
border: 1px solid #0883c8;
overflow: hidden;
} .n_single .n_ttl {
padding-bottom: 24px;
}
.n_single .n_ttl p {
margin-top: 20px;
max-width: 360px;
}
.n_single .n_txt {
padding: 16px 0;
line-height: 3.2rem;
}
.n_single .n_txt a {
display: inline-block;
color: #ee471c;
text-decoration: underline;
font-size: 18px;
font-weight: bold;
line-height: normal;
}
.n_single .n_txt .n_img {
margin: 16px 0;
}
.n_side {
display: none;
}
.n_single article {
margin-bottom: 24px;
}
.situation_wrap {
margin: 60px 0;
}
.situation_wrap .s_contents_wrap {
margin-top: 56px;
}
.situation_wrap .s_contents_wrap:nth-child(2n) .fx_imgbox {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.situation_wrap .s_contents_wrap:nth-child(2n) .fx_imgbox .disp_img {
right: auto;
left: 0;
}
.s_main_wrap .s_main_txt {
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 10%;
padding: 16px 16px 24px;
color: #fff;
font-family: ten-mincho, serif;
}
.s_main_wrap .s_main_txt h2 {
font-size: 20px;
text-align: center;
padding: 24px 0;
}
.s_main_wrap .s_main_txt p {
max-width: 420px;
padding-top: 16px;
margin: auto;
border-top: 2px solid #fff;
padding-top: 16px;
}
.s_main_wrap .s_main_txt .txt_box_img {
border: none;
width: 66%;
max-width: 100px;
}
.s_main_wrap .s_main_img {
margin: 0 0 36px;
overflow: hidden;
}
.s_sub_wrap {
font-family: ten-mincho, serif;
line-height: 3rem;
}
.s_sub_wrap .sub_h3 {
font-weight: bold;
}
.s_sub_wrap .s_sub_img {
display: flex;
margin-top: 24px;
}
.s_sub_wrap .s_sub_img li {
width: calc(50% - 8px);
margin-right: 16px;
}
.s_sub_wrap .s_sub_img li:last-child {
margin-right: 0;
}
.app_anc {
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 10%;
display: block;
padding: 16px;
position: relative;
margin-top: 56px;
}
.app_anc .logo_rad {
width: 15%;
margin: 0 auto 8px;
}
.app_anc .txt {
font-weight: bold;
text-align: center;
font-size: 16px;
}
.app_anc .txt:after {
content: '';
width: 22px;
height: 22px;
background: url(//kodawarimonikka.com/assets/images/common/arrow_b.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.app_anc:hover {
opacity: 0.8;
}
#app_wrap {
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 10%;
display: block;
padding: 16px;
position: relative;
margin-top: 56px;
position: relative;
}
#app_wrap .logo_rad {
width: 20%;
max-width: 110px;
position: absolute;
top: -40px;
right: 10px;
}
.sq_wrap {
margin: 24px 0 32px;
}
.sq_wrap .sq_main {
background: #ad1c11;
padding: 8px;
}
.sq_wrap .sq_main p {
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.sq_wrap .sq_main p span {
display: block;
font-size: 14px;
font-weight: normal;
}
.sq_wrap .sq_sub {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 8px;
}
.sq_wrap .sq_sub li {
background: #fff;
font-weight: bold;
color: #ee471c;
padding: 8px;
width: calc(50% - 8px);
margin: 8px 16px 4px 0;
}
.sq_wrap .sq_sub li:nth-child(2n) {
margin-right: 0;
}
.cv_btn {
display: flex;
max-width: 620px;
margin: auto;
}
.cv_btn li {
width: calc(50% - 8px);
margin-right: 16px;
}
.cv_btn li:nth-child(2n) {
margin-right: 0;
}
.app_con {
color: #fff;
max-width: 620px;
margin: 42px auto 24px;
}
.app_con .app_each {
margin: 24px 0;
}
.app_con .app_each .app_img {
margin: 32px auto 16px;
display: block;
}
.app_con .app_each .txt_wrap .txt_bg {
padding: 20px;
}
.app_con .app_each .txt_wrap .txt_img {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 10px;
}
.app_con .app_each .txt_wrap h4 {
font-size: 20px;
font-weight: bold;
padding-bottom: 8px;
}
.app_con .app_each .txt_wrap p {
font-size: 16px;
padding-bottom: 24px;
line-height: 2.8rem;
} .faq h3 {
background: #fff;
padding: 16px;
color: #ee471c;
font-size: 18px;
text-align: center;
width: 100%;
max-width: none !important;
margin-bottom: 24px !important;
}
.faq .faq_wrap {
margin-bottom: 24px;
}
.faq .faq_wrap h4 {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 16px 0;
margin-bottom: 16px;
}
.faq .faq_wrap .q_box {
font-weight: bold;
font-size: 16px;
}
.faq .faq_wrap .a_box {
font-size: 14px;
padding: 8px 0 24px;
line-height: 2.6rem;
}
.concept img {
height: auto;
}
.concept .k_inner h1 {
max-width: 300px;
}
.concept .shoplist_wrap {
margin-top: 60px;
margin-bottom: 60px;
}
.concept .shoplist_wrap .cpy_textwrap {
margin: 30px auto;
}
.concept .c_txt {
font-family: ten-mincho, serif;
letter-spacing: 0.5rem;
line-height: 3.2rem;
}
.shopinfo_wrap .c_inner {
margin: 0 auto 5%;
padding-top: 5%;
}
@media screen and (max-width: 1024px) {
.shopinfo_wrap .c_inner {
margin: -5% auto 5%;
padding-top: 15%;
}
.main_element ul { justify-content: space-around;
} .t_wrap .main_element a .arrow_r {
width: 30px;
height: 30px;
}
}
.shopinfo_wrap .si_table {
width: 80%;
margin: 0 auto;
}
.shopinfo_wrap .fx_imgbox {
display: block;
}
.shopinfo_wrap .fx_imgbox .main_img {
width: 100%;
margin-bottom: 16px;
}
.shopinfo_wrap .fx_imgbox .map iframe {
width: 100%;
height: 100%;
min-height: 60vw;
}
.shopinfo_wrap .s_btn_wrap {
width: 90%;
margin: 32px auto;
}
.shopinfo_wrap .s_btn_wrap .btn {
max-width: none;
}
.space h4 {
color: #ee471c;
font-family: ten-mincho, serif;
font-size: 2.3rem;
margin-bottom: 10px;
}
.space .st_subtit {
font-size: 1.8rem;
font-weight: bold;
}
.space .col2-item p {
margin-bottom: 10px;
}
.space .seats_wrap {
padding-bottom: 0;
}
.contact {
display: block;
}
.contact .p_catch {
text-align: center;
margin-bottom: 24px;
}
.contact dl {
margin-bottom: 36px;
border-bottom: 2px solid #aea695;
padding-bottom: 16px;
}
.contact dl dt {
display: block;
margin-bottom: 8px;
color: #0883c8;
font-weight: bold;
}
.contact dl dd input[type="text"],
.contact dl dd input[type="email"],
.contact dl dd textarea {
width: 100%;
padding: 8px;
border: 2px solid #aea695;
}
.contact dl dd label {
display: block;
}
.contact dl dd label span {
display: inline-block;
padding: 0 0 8px 8px;
}
.contact .iconRequire {
display: inline;
}
.contact .iconRequire span {
display: inline-block;
color: #ee471c;
border: 2px solid #ee471c;
padding: 0 8px;
font-size: 14px;
}
.contact .form_btn {
width: 100%;
max-width: 420px;
padding: 16px;
font-size: 20px;
color: #fff;
font-weight: bold;
text-align: center;
display: block;
margin: auto;
background: #0883c8;
}
.mw_wp_form .horizontal-item+.horizontal-item {
margin: 0;
}
.privacyContact {
margin: 64px auto 24px;
text-align: center;
display: block;
}
.privacyContact h2 {
color: #0883c8;
padding-bottom: 16px;
}
.privacyContact .prv_btn {
color: #0883c8;
border: 2px solid #0883c8;
padding: 16px 8px;
margin: 24px auto;
display: block;
max-width: 320px;
}
.privacyContact .prv_btn:hover {
color: #fff;
background: #0883c8;
opacity: 1;
}
.privacyContact .privacy_inbox {
text-align: left;
border: 2px solid #aea695;
border-radius: 8px;
padding: 16px;
margin: 24px 0;
}
.coupon_wrap .coupon_inner {
max-width: 1080px;
width: calc(100% - 40px);
margin: auto;
}
.coupon_wrap .coupon_inner h2 {
max-width: 300px;
letter-spacing: 2px;
margin: 0 auto 40px;
text-align: center;
}
.coupon_wrap .coupon_inner h2 span {
font-size: 18px;
text-align: center;
display: block;
}
.coupon_wrap .k_catch img {
max-width: 680px;
margin: 24px auto 56px;
display: block;
}
.shopinfo_wrap h2 {
letter-spacing: 2px;
margin: 0 auto 40px;
text-align: center;
}
.shopinfo_wrap h2 span {
font-size: 18px;
text-align: center;
display: block;
}
.shopinfo_wrap .shopinfo_inner {
background: #fff;
padding: 24px;
max-width: 1080px;
width: calc(100% - 40px);
margin: auto;
}
.shopinfo_wrap .h2_shopttl {
max-width: 300px;
margin: 0 auto 14px;
}
.menu .h3_head {
margin-top: 42px;
}
.menu .bg_menu {
padding: 120px 0 2px;
}
.menu .bg_menu .bg_white:last-child {
padding-bottom: 60px;
}
.menu_head h3 {
font-family: ten-mincho, serif;
text-align: center;
}
.menu_head .nav_link {
margin: 36px 0;
}
.menu_head .nav_link ul {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.menu_head .nav_link ul li {
border: 2px solid #000;
width: calc(33.3333% - 4px);
margin-right: 8px;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 8px;
}
.menu_head .nav_link ul li a {
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
color: #000;
font-size: 1.6rem;
font-weight: bold;
letter-spacing: -1px;
height: auto;
opacity: 1;
}
.menu_head .nav_link ul li.active {
background: #000;
}
.menu_head .nav_link ul li.active a {
color: #fff;
}
.menu_head .nav_link ul li.active:hover {
background: #fff;
}
.menu_head .nav_link ul li.active:hover a {
color: #000;
}
.menu_head .nav_link ul li:last-child {
margin-right: 0;
}
.menu_head .nav_link ul li:hover {
background: #000;
}
.menu_head .nav_link ul li:hover a {
color: #fff;
}
.menu_head .nav_shop_link {
max-width: 800px;
margin: 30px auto;
}
.menu_head .nav_shop_link ul {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.menu_head .nav_shop_link ul li {
margin-right: 5px;
}
.menu_head .nav_shop_link ul li:last-of-type {
margin-right: 0;
}
.menu_head .nav_shop_link ul li a {
position: relative;
padding-bottom: 10px;
}
.menu_head .nav_shop_link ul li a:before {
-webkit-transition: all .3s;
transition: all .3s;
position: absolute;
content: '';
width: 10px;
height: 10px;
border: 1px solid;
border-color: #000 #000 transparent transparent;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.menu_head .nav_shop_link ul li p {
text-align: center;
}
.nav_anc ul li {
width: calc(50% - 4px);
}
.menu h4 {
font-size: 18px;
padding-top: 15px;
}
.menu .btn.yellow {
margin: 30px auto;
}
.menu .notes_wrap {
padding: 30px 0;
}
.menu .notes_wrap h4 {
text-align: center;
margin-bottom: 20px;
}
.menu .party_anc ul li {
width: calc(50% - 4px);
}
.menu .party_anc ul li:nth-child(2n) {
margin: 0 8px 8px 0;
}
.menu .tag_wrap {
padding: 10px 0 0;
}
.menu .mn_txt {
padding-top: 8px;
}
.Annotation {
padding-top: 10px;
font-size: 13px;
text-align: right;
}
.menu .m_sub_wrap {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-top: 10px;
}
.menu .m_sub_wrap figure {
width: calc(50% - 5px);
}
.menu .m_sub_wrap figure:first-of-type {
margin-right: 10px;
}
.menu .c_inner .h3_head_logo h3 span {
color: #000;
}
.mn_price {
font-size: 18px;
}
.mn_price span {
color: #ee471c;
font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.mn_toggle_wrap {
margin-top: 20px;
}
.mn_toggle_wrap dd p {
line-height: 3.0rem;
}
.mn_sub_tit {
font-weight: bold;
padding-bottom: 18px;
font-size: 18px;
}
.st_txt {
line-height: 3rem;
}
.wrap-somebox {
display: flex;
}
.wrap-somebox .another_somebox {
width: 40%;
border: 1px solid #000;
padding: 14px 0;
color: #000;
}
.party .h2_head_logo,
.course .h2_head_logo {
padding: 20px 0 30px;
text-align: center;
}
.party .h2_head_logo h2,
.course .h2_head_logo h2 {
max-width: 300px;
margin: auto;
}
.party .h2_head_logo span,
.course .h2_head_logo span {
color: #000;
font-size: 2.2rem;
}
.party .nav_anc ul li {
width: calc(33.33% - 6px);
}
.party .nav_anc ul li:last-of-type {
margin-right: 0;
}
.party .notes_wrap {
letter-spacing: 2px;
} .flex_wrap .img_box {
width: 40%;
margin-right: 18px;
}
.flex_wrap .txt_box {
width: 60%;
}
.no_img_inner {
margin-top: 24px;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.no_img_inner .no_img_box {
width: calc(50% - 12px);
margin: 16px 24px 0 0;
border-bottom: 1px solid #aea695;
}
.no_img_inner .no_img_box:nth-child(2n) {
margin-right: 0;
}
.no_img_inner .mn_price {
text-align: right;
}
.error404 h1,
.error404 p {
text-align: center;
}
.error404 .c_inner {
padding: 60px 0;
}
@media screen and (min-width: 768px) {
.sp {
display: block !important;
}
.pc {
display: none !important;
}
.shoplist_wrap ul {
display: block;
}
.shoplist_wrap ul li {
width: 100%;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.shoplist_wrap ul li:last-of-type {
margin-bottom: 0;
}
.shoplist_wrap ul li .s_info_wrap {
width: 70%;
margin-right: 16px;
}
.shoplist_wrap ul li .s_info_wrap div {
margin: auto;
}
.shoplist_wrap ul li .s_btn_wrap {
width: 40%;
}
.shoplist_wrap ul .btn_more:hover {
opacity: 0.8;
}
.shoplist_wrap .s_name {
font-size: 1.8rem;
}
.si_widget ul li p {
max-height: none;
}
.si_widget ul li p iframe {
width: 100vw !important;
}
.news_wrap .n_daytag .tag_wrap {
width: auto;
}
.sub_imgwrap .inner {
width: calc(100% - 120px);
max-width: 1080px;
}
.cpy_textwrap {
max-width: 740px;
margin: 30px auto;
}
.flex_wrap.col2-item {
display: flex;
max-width: 800px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto 30px;
}
.flex_wrap.col2-item .flexbox {
width: calc(50% - 10px);
margin-right: 20px;
margin-bottom: 60px;
word-break: break-all;
}
.flex_wrap.col2-item .flexbox:first-of-type {
margin-bottom: 60px;
}
.flex_wrap.col2-item .flexbox:nth-of-type(2n) {
margin-right: 0;
}
.flex_wrap.col2-item .flexbox:last-of-type {
margin-right: 0;
}
.flex_wrap.col2-item.rowrev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex_wrap.col2-item.rowrev .flexbox {
margin-right: 20px;
}
.flex_wrap.col2-item.rowrev .flexbox:first-of-type {
margin-right: 0;
}
.flex_wrap.col2-item.rowrev .flexbox:last-of-type {
margin-right: 20px;
}
.flex_wrap.col3-another {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto 30px;
}
.flex_wrap.col3-another .flexbox {
width: calc(33.33% - 20px);
margin-right: 20px;
}
.flex_wrap.col3-another .flexbox:last-of-type {
margin-right: 0;
}
.fx_imgbox .disp_img {
max-width: 320px;
max-height: 320px;
top: 18%;
right: 8%;
}
.fx_imgbox .disp_img h3 {
font-size: 32px;
}
.fx_imgbox .disp_img h3 span {
font-size: 20px;
}
.fx_imgbox .main_img {
width: 70%;
}
.fx_imgbox.rowrev .disp_img {
left: 8%;
}
.shopinfo_wrap .fx_imgbox .disp_img {
top: 8%;
}
footer {
margin-top: 80px;
}
footer .ft_wrap {
max-width: 600px;
margin: 0 auto;
}
footer .ft_blank .ft_app {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
footer .ft_blank .ft_app div,
footer .ft_blank .ft_app ul {
width: 50%;
}
footer .ft_blank .ft_app .app_int {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
footer .ft_blank .ft_app .app_int .app_ttl {
font-size: 20px;
word-break: normal;
}
footer .ft_blank .ft_app .app_int .app_ttl a {
font-size: 16px;
}
footer .ft_banner ul {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
footer .ft_banner ul li {
width: calc(25% - 8px);
}
footer .ft_banner ul li:nth-child(n+2) {
margin-right: 16px;
}
footer .ft_banner ul li:last-child {
margin-right: 0 !important;
}
.about_wrap .ab_01 {
max-width: 25%;
top: 0;
left: -3%;
}
.about_wrap .ab_02 {
max-width: 30%;
top: 11%;
right: -6%;
}
.about_wrap .logo {
width: 16%;
margin: 24px auto;
}
.t_wrap {
display: flex;
justify-content: space-around;
} .t_wrap .sub_element {
margin-left: 16px;
}
.t_wrap .sub_element ul li:first-child,
.t_wrap .sub_element ul li:nth-child(2) {
margin-top: 0;
}
.t_wrap .sub_element ul li:nth-child(2n) {
margin-right: 0;
}
.t_wrap .sub_element ul li:nth-child(3n),
.t_wrap .sub_element ul li:last-child {
margin-bottom: 0;
}
.home .t_menu_cnt {
max-width: 580px;
margin: auto;
}
.home .t_shoplist_wrap ul li {
width: calc(25% - 15px);
margin-right: 20px;
}
.home .t_shoplist_wrap ul li:last-child {
margin-right: 0;
}
.home .t_shoplist_wrap ul li:nth-child(2) {
margin-right: 20px;
}
.single_inner .n_single .n_ttl {
display: flex;
}
.single_inner .n_single .n_ttl h2 {
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
margin-right: 42px;
}
.single_inner .n_single .n_txt img {
margin: 24px 0;
}
.s_main_wrap {
display: flex;
margin-bottom: 24px;
}
.s_main_wrap .s_main_txt {
margin-right: 16px;
padding: 32px;
background-size: 25%;
width: 460px;
}
.s_main_wrap .s_main_txt h2 {
font-size: 24px;
}
.s_main_wrap .s_main_txt p {
line-height: 3rem;
}
.s_main_wrap .s_main_img {
margin: 0;
}
.situation_wrap .s_contents_wrap:nth-child(even) .s_main_wrap,
.situation_wrap .s_contents_wrap:nth-child(even) .s_sub_wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.situation_wrap .s_contents_wrap:nth-child(even) .s_main_wrap .s_main_txt {
margin: 0 0 0 16px;
}
.situation_wrap .s_contents_wrap:nth-child(even) .s_sub_wrap .s_sub_txt {
margin: 0 0 0 32px;
}
.app_anc {
background-size: 8%;
text-align: center;
}
.app_anc .logo_rad {
width: 70px;
display: inline-block;
margin-bottom: 0;
}
.app_anc .txt {
font-size: 24px;
padding-left: 16px;
display: inline-block;
vertical-align: middle;
line-height: 0.6rem;
}
#app_wrap {
padding: 48px 60px;
margin: 0 auto 100px;
}
#app_wrap .logo_rad {
left: 20px;
}
#app_wrap .h3_wrap {
padding-left: 120px;
}
.sq_wrap {
display: flex;
}
.sq_wrap .sq_main {
width: 40%;
margin-right: 8px;
}
.sq_wrap .sq_sub {
margin-top: 0;
}
.sq_wrap .sq_sub li {
width: calc(33.3333% - 6px);
margin: 8px 8px 0 0;
text-align: center;
}
.sq_wrap .sq_sub li:nth-child(3n) {
margin-right: 0 !important;
}
.sq_wrap .sq_sub li:nth-child(2n) {
margin-right: 8px;
}
.sq_wrap .sq_sub li:first-child,
.sq_wrap .sq_sub li:nth-of-type(2),
.sq_wrap .sq_sub li:nth-of-type(3) {
margin-top: 0;
}
.cv_btn {
max-width: 420px;
}
.app_con {
max-width: none;
margin: 56px 0 !important;
}
.app_con h3 {
max-width: 480px;
margin: auto;
}
.app_con .app_each {
display: flex;
width: 100%;
margin-top: 42px;
}
.app_con .app_each .app_img {
width: 33%;
height: 100%;
margin: 0 24px 0 0;
}
.concept .c_txt {
padding-top: 42px;
max-width: 800px;
margin: auto;
}
.shopinfo_wrap .fx_imgbox {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.shopinfo_wrap .fx_imgbox .main_img {
margin: 0 16px 0 0;
width: calc(50% - 8px);
margin-right: 16px;
}
.shopinfo_wrap .fx_imgbox .map {
width: calc(50% - 8px);
}
.shopinfo_wrap .fx_imgbox .map iframe {
min-height: 0;
}
.bg_menu .flex_inner {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bg_menu .flex_inner .flex_wrap {
display: block;
width: calc(33.3333% - 16px);
margin: 16px 24px 0 0;
}
.bg_menu .flex_inner .flex_wrap:nth-child(3n) {
margin-right: 0;
}
.bg_menu .flex_inner .flex_wrap .img_box,
.bg_menu .flex_inner .flex_wrap .txt_box {
width: 100%;
}
.no_img_inner .no_img_box {
width: calc(33.3333% - 16px);
margin: 16px 24px 0 0;
}
.no_img_inner .no_img_box:nth-child(2n) {
margin-right: 24px !important;
}
.no_img_inner .no_img_box:nth-child(3n) {
margin-right: 0 !important;
}
}
@media screen and (min-width: 1025px) {
.sp {
display: none !important;
}
.pc {
display: block !important;
}
.c_inner {
max-width: 840px;
margin: auto;
}
.wrapper .inner {
width: calc(100% - 120px);
}
.wrapper .wrap_inner {
max-width: 745px;
width: calc(100% - 120px);
margin: auto;
}
.bg_menu {
background-attachment: fixed;
background-size: cover;
margin-bottom: 80px;
}
.bg_situation {
background-attachment: fixed;
background-size: cover;
margin-bottom: 80px;
}
.bg_shop2 {
background-attachment: fixed;
margin-bottom: 80px;
}
.bg_shoplist {
background-attachment: fixed;
background-size: cover;
margin-bottom: 80px;
}
a {
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover {
opacity: 0.7;
}
a.l-scale:hover {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.btn.yellow:before {
height: 50px;
}
.btn.yellow:hover:before {
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: 0;
left: 0;
}
.btn.yellow:hover:after {
-webkit-transition: all 0.3s;
transition: all 0.3s;
right: -20px;
}
.btn.w_des {
margin: 20px 0;
}
.btn.sq .arrow_right {
position: absolute;
top: 30%;
right: 5%;
display: inline-block;
}
.btn.grd:hover {
opacity: 0.8;
}
.main_element ul {
display: flex;
}
.main_element ul li {
margin-right: 16px;
}
.main_element ul li img {
width: 350px;
height: 235px;
object-fit: cover;
}
.another_somebox {
font-size: 1.5rem;
padding: 12px 0;
}
#content_under .c_cnt_inner:nth-child(even) .c_cnt {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#content_under .c_cnt_inner:nth-child(odd) .c_cnt {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.c_cnt_inner:nth-child(odd) .c_cnt {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.concept_wrap .c_cnt {
margin-bottom: 42px;
display: flex;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.concept_wrap .c_cnt.c_01 {
margin-top: 72px;
}
.concept_wrap .img_cnt {
-webkit-box-flex: 4.5;
-webkit-flex: 4.5;
-ms-flex: 4.5;
flex: 4.5;
margin-right: 8px;
}
.concept_wrap .txt_cnt {
-webkit-box-flex: 2.5;
-webkit-flex: 2.5;
-ms-flex: 2.5;
flex: 2.5;
height: auto;
}
.concept_wrap .txt_cnt h3 {
min-width: 140px;
}
.concept_wrap .txt_cnt p {
height: 330px;
margin-top: 185px;
width: 75%;
margin-right: 0%;
}
.concept_wrap .pc {
position: absolute;
}
.concept_wrap .pc.c_sub01_01 {
top: -2%;
right: 18%;
width: 18%;
}
.concept_wrap .pc.c_sub01_02 {
bottom: -10%;
right: -7%;
width: 18%;
}
.concept_wrap .pc.c_sub02_01 {
top: 12%;
left: 6%;
width: 8%;
}
.concept_wrap .pc.c_sub03_01 {
top: 1%;
right: 16%;
width: 18%;
}
.concept_wrap .pc.c_sub03_02 {
bottom: 4%;
right: 0%;
width: 9%;
}
.coupon_wrap .cp_inner {
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.coupon_wrap .cp_title {
background-size: 20%;
overflow: hidden;
position: relative;
display: inline-grid;
width: 40%;
padding: 56px;
}
.coupon_wrap .cp_title .cp_ribbon {
display: inline;
}
.coupon_wrap .cp_title .cp_ribbon span {
width: 150px;
padding: 3px 10px;
background: #fff;
color: #ee471c;
text-align: center;
display: inline-block;
position: absolute;
top: 25px;
left: -35px;
text-transform: uppercase;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.5rem;
}
.coupon_wrap .cp_text_wrap {
width: 60%;
padding: 32px;
}
section {
padding: 60px 0;
}
.news_wrap .n_daytag .tag_wrap {
width: auto;
}
.s_tel {
pointer-events: none;
}
.s_tel a {
pointer-events: none;
}
.tag {
padding: 2px 8px;
font-size: 14px;
color: #fff;
}
.catchline_head {
letter-spacing: 4px;
margin-bottom: 50px;
font-size: 3rem;
padding-bottom: 30px;
background-size: auto;
}
.ti_flex {
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ti_flex .ti_f_box {
width: calc(50% - 20px);
}
.ti_flex .ti_f_box:last-of-type {
margin-right: 40px;
}
.shopinfo_wrap .si_table th {
display: table-cell;
min-width: 200px;
}
.shopinfo_wrap .si_table td {
display: table-cell;
min-width: 260px;
}
.shopinfo_wrap .si_table tr {
padding: 20px 0;
}
.shopinfo_wrap .si_table th {
width: 202px;
}
.shopinfo_wrap .si_widget {
width: 100%;
}
.shopinfo_wrap .si_widget ul {
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.shopinfo_wrap .si_widget ul li {
width: calc(33.33% - 20px);
margin: 0 30px 0 0;
margin-bottom: 0;
}
.shopinfo_wrap .si_widget ul li:last-of-type {
margin-right: 0;
}
.shop_imglink_wrap a .shop_imglink {
overflow: hidden;
position: relative;
}
.shop_imglink_wrap a .shop_imglink:after {
-webkit-transition: all .3s;
transition: all .3s;
width: 80px;
height: 77px;
content: '';
position: absolute;
right: 0;
bottom: -100%;
}
.shop_imglink_wrap a .tokyo_link:after {
background: url(//kodawarimonikka.com/assets/images/common/icon_person01.png) center bottom no-repeat;
}
.shop_imglink_wrap a .aoyama_link:after {
background: url(//kodawarimonikka.com/assets/images/common/icon_person02.png) center bottom no-repeat;
}
.shop_imglink_wrap a .yokohama_link:after {
background: url(//kodawarimonikka.com/assets/images/common/icon_person03.png) center bottom no-repeat;
}
.shop_imglink_wrap a:hover {
opacity: 1;
}
.shop_imglink_wrap a:hover .shop_imglink:before {
content: '';
position: absolute;
height: 100vh;
width: 100%;
top: 0;
bottom: 0;
background: #fddb00;
opacity: .5;
}
.shop_imglink_wrap a:hover .shop_imglink:after {
right: 0;
bottom: 0;
}
.t_m_alacarte .food_wrapper .food_box {
width: calc(25% - 12px);
}
.t_m_alacarte .food_wrapper .food_box:nth-child(2n) {
margin-right: 16px;
}
.t_m_alacarte .food_wrapper .food_box:nth-child(4n) {
margin-right: 0;
}
.t_m_alacarte .food_wrapper .food_box .t_m_lead {
padding: 0;
}
.kv_under {
margin: 40px 0 24px;
}
.flex_wrap {
display: flex;
}
.flex_wrap.col3 .flexbox {
width: calc(33.33% - 13.33px);
margin-right: 20px;
}
.flex_wrap.col3 .flexbox:last-of-type {
margin-right: 0;
}
.flex_wrap.col2-item .flexbox {
width: calc(50% - 20px);
margin-right: 40px;
}
.flex_wrap.col2-item .flexbox:last-of-type {
margin-right: 0;
}
.flex_wrap.col2-item.rowrev .flexbox {
margin-right: 40px;
}
.flex_wrap.col2-item.rowrev .flexbox:last-of-type {
margin-right: 40px;
}
.sub_imgwrap .inner {
width: calc(100% - 120px);
max-width: 1080px;
}
.cpy_head h2 {
font-size: 4.8rem;
}
.img-swiper-container .img-swiper-prev:hover {
left: 4px;
}
.img-swiper-container .img-swiper-next:hover {
right: 4px;
}
.s-topicpath {
display: block;
padding: 8px 0;
}
.s-topicpath ul {
display: flex;
}
.s-topicpath_item {
font-size: 14px;
margin-right: 40px;
}
.s-topicpath_item:last-child {
margin: 0;
}
.s-topicpath_item a {
display: inline-block;
position: relative;
text-decoration: none;
}
.s-topicpath_item a:after {
content: " ";
width: 12px;
height: 12px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
position: absolute;
top: 50%;
right: -25px;
margin-top: -6px;
}
.nav_anc ul {
width: 100%;
}
.nav_anc ul li {
margin-right: 0;
}
.nav_anc.col4 ul li {
width: 25%;
}
.nav_anc.col3 ul li {
width: 33.33333%;
}
.nav_anc.col3 ul li {
width: 14.285%;
}
.resv_shoplist_wrap {
margin-top: 36px;
}
.resv_shoplist_wrap ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 752px;
margin: auto;
padding-top: 24px;
}
.resv_shoplist_wrap ul li {
width: calc(32% - 65px);
margin-right: 72px;
margin-bottom: 16px;
position: relative;
}
.resv_shoplist_wrap ul li:last-child {
margin-right: 0;
}
.resv_shoplist_wrap ul li:after {
content: "";
background: url(//kodawarimonikka.com/assets/images/common/arrow_r_h.png) no-repeat;
display: block;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
right: -15px;
top: 15%;
}
.resv_shoplist_wrap ul li:hover {
opacity: 0.8;
}
.resv_shoplist_wrap ul li a {
color: #fff;
}
.resv_shoplist_wrap .map {
margin-bottom: 36px;
}
.resv_shoplist_wrap .map .town {
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: 2px solid #fff;
padding-bottom: 12px;
}
header {
position: fixed;
top: 0;
width: 100%;
z-index: 980;
height: 60px;
}
header.scrollon {
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
header.scrollon .header__inner {
background: none;
}
header.scrollon .header__logo a {
width: 100px;
-webkit-transition: all .3s;
transition: all .3s;
}
header.scrollon .s_header_logo .logo_shop {
margin-top: 13px;
border-right: 3px solid #000;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
}
header .header_reservation {
display: block;
}
header .header_reservation .btn_h_r {
-webkit-transition: all .3s;
transition: all .3s;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color: #fff;
width: 8%;
text-align: center;
position: fixed;
top: 0;
right: 1%;
font-size: 1.6rem;
line-height: 1.4;
z-index: 999;
}
header .header_reservation .btn_h_r span {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1.9rem;
display: block;
}
header .header_reservation .btn_h_r:hover {
opacity: 0.8;
}
header .header_reservation .h_r_shopwrap {
background: url(//kodawarimonikka.com/assets/images/common/bg_red.png);
background-size: 7%;
z-index: 1000;
width: 100vw;
height: 100vh;
position: absolute;
overflow: scroll;
top: 0;
left: 0;
color: #fff; }
header .header_reservation .h_r_shopwrap .btn_h_r-close {
position: absolute;
width: 70px;
height: 50px;
right: 50px;
top: 40px;
z-index: 100;
}
header .header_reservation .h_r_shopwrap .btn_h_r-close.l-scale:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
header .header_reservation .h_r_shopwrap .btn_h_r-close.l-scale:hover .btn_inner:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .header_reservation .h_r_shopwrap .btn_h_r-close.l-scale:hover .btn_inner:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header .header_reservation .h_r_shopwrap .btn_h_r-close .btn_inner {
position: relative;
}
header .header_reservation .h_r_shopwrap .btn_h_r-close .btn_inner:before,
header .header_reservation .h_r_shopwrap .btn_h_r-close .btn_inner:after {
-webkit-transition: all .6s;
transition: all .6s;
position: absolute;
content: "";
width: 75px;
height: 2px;
background: #fff;
display: block;
top: 21px;
}
header .header_reservation .h_r_shopwrap .btn_h_r-close .btn_inner:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
header .header_reservation .h_r_shopwrap .btn_h_r-close .btn_inner:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .header_reservation .h_r_shopwrap .h_r_title {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
text-align: center;
font-size: 2.4rem;
line-height: 1.4;
padding: 20px 0;
color: #ee471c;
font-weight: bold;
margin-top: 100px;
color: #fff;
}
header .header_reservation .h_r_shopwrap .h_r_title span {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 2.2rem;
display: block;
}
header .header_reservation .h_r_shopwrap .s_tel a {
color: #fff;
}
header .header_reservation .h_r_shopwrap .fb a {
background: url(//kodawarimonikka.com/assets/images/common/i_fb_w.png) no-repeat;
background-size: contain;
}
header .header_reservation .h_r_shopwrap .insta a {
background: url(//kodawarimonikka.com/assets/images/common/i_insta_w.png) no-repeat;
background-size: contain;
}
header .header_reservation .h_r_shopwrap .twitter a {
background: url(//kodawarimonikka.com/assets/images/common/i_twitter_w.png) no-repeat;
background-size: contain;
}
header .header_reservation .h_r_shopwrap .store_list .s_area .t_links {
background: url(//kodawarimonikka.com/assets/images/common/t_links_w.png) center right no-repeat;
background-size: contain;
}
header .sp--header {
margin: initial;
background: none;
display: flex;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
max-width: 220px;
}
header .sp--header .translate {
height: 60px;
padding: 5px 0;
}
header .sp--header .translate .goog-te-combo {
display: block !important;
}
header .header__logo {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
header .header__logo a {
display: flex;
max-width: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 13px;
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
header .header__logo a img {
max-width: 130px;
}
header .header__logo a p {
color: #000;
font-size: 1.4rem;
font-weight: bold;
letter-spacing: .6px;
padding-left: 10px;
}
header .header__inner {
width: calc(100% - 40px);
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: auto;
position: static;
background: none;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
header .toggle {
display: none;
}
header nav {
max-width: 1080px;
width: 100%;
background: none;
overflow: inherit;
display: block;
opacity: 1;
visibility: visible;
height: auto;
padding: 0;
position: static;
margin-right: 20px;
}
header nav .nav__logo {
display: none;
}
header nav .gnav {
width: 100%;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
padding-right: 5%;
max-width: 970px;
}
header nav .gnav li {
position: relative;
width: 100%;
}
header nav .gnav li:before {
content: '';
position: absolute;
width: 1px;
height: 11px;
right: 0;
background: #000;
top: 0;
bottom: 0;
margin: auto;
}
header nav .gnav li a,
header nav .gnav li p {
position: relative;
text-align: center;
font-size: 1.4rem;
padding: 20px 5px;
-webkit-transition: all .3s;
transition: all .3s;
font-weight: bold;
border-bottom: none;
line-height: 2rem;
}
header nav .gnav li a:hover,
header nav .gnav li p:hover {
color: #ee471c;
opacity: 1;
}
header nav .gnav li a:before {
display: none;
}
header nav .gnav li p {
border-bottom: none;
}
header nav .gnav li p:before,
header nav .gnav li p:after {
display: none;
}
header nav .gnav li:last-of-type:before {
display: none;
}
header nav .gnav li ul {
background: #fff;
position: absolute;
width: 150%;
top: 60px;
left: -75%;
right: -75%;
margin: auto;
}
header nav .gnav li ul li {
width: 100%;
}
header nav .gnav li ul li a {
background: #ee471c;
width: 100%;
font-size: 1.6rem;
padding: 15px 20px;
text-align: left;
color: #fff;
border-bottom: 1px solid #fff;
}
header nav .gnav li ul li a:hover {
opacity: .7;
color: #fff;
}
header nav .gnav li ul li:before {
display: none;
}
header nav .gnav li ul:last-of-type a {
border-bottom: none;
}
header .reservation_links {
display: none;
}
.shop_header .header__logo a img {
max-width: 130px;
}
.shop_header .header__logo a p {
font-size: 1.2rem;
}
.shop_header .sp--header {
width: 430px;
}
.shop_header nav .gnav li a,
.shop_header nav .gnav li p {
font-size: 1.2rem;
padding: 21px 5px;
}
.shop_header nav .gnav li:nth-of-type(5) {
min-width: 99px;
}
.shop_header nav .gnav li li a {
padding: 21px 20px;
}
#s_header {
height: 76px;
}
#s_header .s_header_logo a {
min-height: 130px;
}
#s_header .s_header_logo a img {
min-width: 130px;
}
#s_header .s_header_logo .logo_shop {
margin-top: 13px;
border-right: 3px solid #000;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
font-size: 20px;
width: 42px;
min-height: 130px;
padding: 4px;
}
#s_header nav .gnav {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 770px;
width: 100%;
}
#s_header nav .gnav li:before {
content: "";
height: 24px;
}
#s_header.scrollon .s_header_logo a {
min-height: inherit;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
#s_header.scrollon .s_header_logo a img {
min-height: 100px;
min-width: inherit;
}
#s_header.scrollon .logo_shop {
border-right: 2px solid #000;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
font-size: 16px;
width: 35px;
min-height: 100px;
}
footer {
margin-top: 113px;
}
footer:before {
padding-top: 10vw;
top: -10.0vw;
}
footer .pagetop {
-webkit-transition: all 0s;
transition: all 0s;
}
footer .pagetop:hover {
opacity: 0.7;
}
footer .ft_contents {
padding: 0 16px 0;
}
footer .ft_wrap {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1080px;
width: 100%;
margin: 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
footer .ft_wrap .ft_ul .ft_li {
width: calc(33% - 24px);
margin: 0 24px 16px 0;
}
footer .ft_wrap .ft_ul .ft_li:nth-child(2n) {
margin-right: 24px;
}
footer .ft_wrap .ft_ul .ft_li:last-child {
width: calc(33% - 24px) !important;
margin-right: 0;
}
footer .ft_menu {
width: 80%;
}
footer .reservation_links {
width: 20%;
margin: 0;
}
footer .reservation_links ul {
margin-top: 0;
}
footer .reservation_links .s_reservation_btn {
margin-top: 0;
}
footer .ft_blank {
margin-top: 24px;
}
footer .ft_blank .ft_app .app_int .app_ttl {
font-size: 24px;
}
.kv .k_inner .k_img .mv_header {
top: -10%;
}
.kv .k_inner .k_img .mv_slide {
min-height: 583px;
}
.kv .k_inner .k_img .mv_slide img {
height: auto;
min-width: auto;
}
.kv .k_inner .k_img .mv_slide .mv_text {
top: 18rem;
font-size: 3rem;
height: 40rem;
}
.kv .k_inner .k_img .mv_img01 {
z-index: 2;
width: 140px;
position: absolute;
top: 10%;
right: 10%;
}
.kv .k_inner .k_img .mv_img02 {
width: 280px;
bottom: -55%;
left: 8%;
}
.kv .k_catch {
width: calc(100% - 120px);
margin: auto; padding: 300px 0 40px;
}
.kv .k_catch .pc {
max-width: 680px;
width: 100%;
margin: 48px auto 0;
}
.about_wrap .ab_01 {
max-width: 18%;
top: 2%;
left: 3%;
}
.about_wrap .ab_02 {
max-width: 22%;
top: 46%;
right: 6%;
}
.about_wrap .inner_wrap {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
max-width: 764px;
margin: 0 auto;
}
.about_wrap .inner_wrap .logo {
margin: 0;
}
.about_wrap .length {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
line-height: 4.2rem;
margin-top: 0;
}
.app_wrap {
position: relative;
}
.app_wrap .app_inner {
max-width: none;
}
.app_wrap .inner {
padding: 48px 40px;
background-size: 10%;
}
.app_wrap .inner .logo_rad {
top: -8.5%;
right: 0;
left: 3%;
max-width: 150px;
}
.app_wrap .inner .h3_wrap {
margin: 0 auto;
max-width: 500px;
}
.app_wrap .inner .all_wrap {
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.app_wrap .inner .all_wrap .main_wrap {
-webkit-box-flex: 3.5;
-webkit-flex: 3.5;
-ms-flex: 3.5;
flex: 3.5;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box {
display: flex;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box ul {
display: flex;
margin-bottom: 0;
width: calc(50% - 8px);
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box ul li {
width: 50%;
margin: 0;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box ul .comm {
margin-top: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box ul .comm .white {
font-size: 14px;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box ul .img {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box .left_element {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-right: 16px;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box .left_element .comm {
margin-right: 32px;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box .left_element .comm .fuki {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box .left_element .comm .fuki:before {
content: "";
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: #fff 40px solid;
top: 25%;
left: 90%;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box .right_element .comm {
margin-left: 32px;
}
.app_wrap .inner .all_wrap .main_wrap .wrap_box .right_element .comm .fuki:before {
content: "";
border-bottom: 0px solid transparent;
border-left: 30px solid transparent;
border-right: 0px solid transparent;
border-top: #fff 30px solid;
top: 40%;
left: -16%;
}
.app_wrap .inner .all_wrap .sub_wrap {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 36px;
}
.app_wrap .inner .all_wrap .sub_wrap .app_catch {
position: absolute;
top: -8%;
right: 4%;
max-width: 18%;
width: 100%;
}
.app_wrap .inner .all_wrap .sub_wrap .cv_btn {
display: block;
}
.app_wrap .inner .all_wrap .sub_wrap .cv_btn li {
margin-right: 0;
margin-top: 8px;
width: 100%;
}
.news_wrap {
max-width: none;
}
.news_wrap .n_list {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news_wrap article {
width: calc(25% - 8px);
margin-right: 4px;
}
.news_wrap article:nth-child(4n) {
margin-right: 0;
}
.news_wrap article a {
display: block;
}
.news_wrap article a .n_thumb,
.news_wrap article a .n_txt_wrap {
width: auto;
}
.news_wrap article a .n_thumb {
margin-right: 0;
margin-bottom: 8px;
}
.t_menu_wrap h2 {
width: 100%;
max-width: 840px !important;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.t_menu_wrap h2 img {
width: calc(33.33333% - 8px);
height: 100%;
}
.t_menu_wrap .t_m_alacarte .menu_btn {
padding-bottom: 60px;
}
.t_situ_wrap ul li {
width: calc(25% - 12px);
margin-bottom: 0;
}
.t_situ_wrap ul li:nth-child(2n) {
margin-right: 16px;
}
.t_situ_wrap ul li:last-child {
margin-right: 0;
}
.kv {
padding-top: 80px;
}
.kv .k_inner {
width: 100%;
}
.home h2 {
text-align: center;
max-width: 420px;
}
.home h2 span {
font-size: 3.2rem;
}
.home .t_menu_cnt {
max-width: none;
}
.t_shoplist_wrap ul li {
width: calc(25% - 30px);
margin-right: 40px;
}
.t_shoplist_wrap ul li:last-child {
margin-right: 0;
}
.t_shoplist_wrap ul li:nth-child(2) {
margin-right: 40px;
}
.news_wrap .btn {
margin-top: 60px;
margin-bottom: 20px;
}
.t_menu_wrap {
padding: 90px 0;
}
.t_menu_wrap .t_m_alacarte .menu_btn li {
width: calc(33.33333% - 8px);
margin-right: 16px;
}
.t_menu_wrap .t_m_alacarte .menu_btn li:last-child {
margin-right: 0;
}
.t_menu_wrap .t_m_alacarte figcaption {
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 10px;
}
.t_menu_wrap .t_m_alacarte .t_m_lead,
.t_menu_wrap .t_m_alacarte .t_m_name {
font-size: 16px;
}
.t_situ_wrap {
padding: 60px 0 80px;
}
.t_situ_wrap ul li {
margin-bottom: 36px;
}
.swiper-container .swiper-arrow {
display: block;
width: 100vw;
height: 100%;
top: 0;
}
.swiper-container .swiper-arrow .swiper-button-prev {
background: url(//kodawarimonikka.com/assets/images/common/slider_arrow-left.png) no-repeat;
background-size: contain;
width: 60px;
height: 60px;
left: 15%;
top: 0;
bottom: 0;
margin: auto;
-webkit-transition: all .3s;
transition: all .3s;
}
.swiper-container .swiper-arrow .swiper-button-prev:hover {
left: 16.5%;
}
.swiper-container .swiper-arrow .swiper-button-next {
background: url(//kodawarimonikka.com/assets/images/common/slider_arrow-right.png) no-repeat;
background-size: contain;
width: 60px;
height: 60px;
right: 15%;
top: 0;
bottom: 0;
margin: auto;
-webkit-transition: all .3s;
transition: all .3s;
}
.swiper-container .swiper-arrow .swiper-button-next:hover {
right: 16.5%;
}
.single_inner {
display: flex;
width: 100%;
}
.single_inner h3 {
color: #000;
text-align: center;
border-bottom: 3px solid #000;
padding: 8px 0;
}
.single_inner .n_single {
margin-right: 72px;
-webkit-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
}
.single_inner .n_single .n_ttl {
display: flex;
}
.single_inner .n_single .n_ttl h2 {
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
margin-right: 42px;
}
.single_inner .n_single .n_ttl p {
margin-top: 0;
max-width: none;
-webkit-box-flex: 1.5;
-webkit-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
}
.single_inner .n_side {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.single_inner .n_side .n_txt {
font-size: 16px;
}
.single_wrap {
padding-bottom: 200px !important;
}
.single_wrap .store_list .ft_li {
border-bottom: 2px solid #aea695;
padding: 16px 0 8px;
}
.single_wrap .n_list article {
border-bottom: 2px solid #aea695;
}
.single_wrap .n_list article .tag_wrap {
width: 100% !important;
}
.news_single .news_wrap article {
width: 100%;
}
.news_single .news_wrap .n_list {
display: block;
}
.s_sub_wrap {
display: flex;
margin-top: 24px;
}
.s_sub_wrap .s_sub_txt {
width: 40%;
margin-right: 32px;
}
.s_sub_wrap .s_sub_img {
width: 60%;
margin-top: 0;
}
.situation_wrap .s_contents_wrap:nth-child(2n) .fx_imgbox .disp_img {
left: 8%;
}
.concept .concept_wrap .shoplist_wrap .inner {
width: calc(100% - 120px) !important;
max-width: 1080px !important;
}
.concept .concept_wrap .shoplist_wrap li {
margin-bottom: 0;
}
.contact dl {
display: flex;
}
.contact dl dt {
-webkit-box-flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 16px;
}
.contact dl dd {
-webkit-box-flex: 6;
-webkit-flex: 6;
-ms-flex: 6;
flex: 6;
}
.shopinfo_wrap .shopinfo_inner {
padding: 60px;
margin-bottom: 80px;
}
.menu .party_anc ul li:nth-child(2n) {
margin-right: 0;
}
.nav_anc ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nav_anc ul li {
width: 20%;
}
.menu_head h2 {
font-size: 4.8rem;
}
.menu_head .nav_shop_link ul li {
width: calc(33.33% - 20px);
margin-right: 30px;
}
.menu_head .nav_shop_link ul li:last-of-type {
margin-right: 0;
}
.menu_head .nav_shop_link ul li a:hover:before {
bottom: -5px;
}
.menu_head .nav_shop_link p {
font-size: 2rem;
}
.menu h4 {
font-size: 20px;
}
.mn_price {
font-size: 1.4rem;
}
.mn_price span {
color: #ee471c;
font-size: 20px;
}
.wrap-somebox {
display: flex;
}
.wrap-somebox .another_somebox {
font-size: 1.6rem;
padding: 5px 0;
}
.party .nav_anc ul li {
width: 33.33%;
}
footer .ft_contents .store_list .f_category ul li:before {
content: " ・ ";
display: inline;
}
}
@media screen and (min-width: 1200px) {
.shop_header .header__logo a img {
max-width: 180px;
}
.shop_header .header__logo a p {
font-size: 1.4rem;
}
.shop_header nav .gnav li a,
.shop_header nav .gnav li p {
font-size: 1.4rem;
}
.shop_header nav .gnav li:nth-of-type(5) a {
min-width: 111px;
}
}
@media screen and (min-width: 1400px) {
.shop_header .sp--header {
width: 380px;
}
.shop_header .header__logo a img {
max-width: 180px;
}
.shop_header .header__logo a p {
font-size: 1.4rem;
}
.shop_header nav {
max-width: 920px;
}
.shop_header nav .gnav li a,
.shop_header nav .gnav li p {
font-size: 1.6rem;
}
.shop_header nav .gnav li:nth-of-type(5) a {
min-width: 130px;
}
}
@media screen and (max-width:1024px) {
.main_element ul li img { height: auto;
object-fit: cover;
}
}
@media screen and (max-width:599px) {
.un_2 {
justify-content: space-around;
display: flex;
flex-direction: column;
}
.main_element ul li {
margin-right: 0;
margin: 2%;
}
.main_element ul li img { object-fit: cover;
}
#shop_list>li {
display: block !important;
}
}
@media screen and (max-width: 320px) {
.main_element ul li img {
height: 36vh;
}
}
li.btn_none.bbtn {
color: #ee471c;
padding: 24px 0;
border-bottom: 2px solid #ee471c;
text-align: center;
justify-content: center;
font-weight: bold;
width: 100%;
margin-bottom: 36px !important;
}
.s_btn_center {
margin: 32px auto;
}
#shop_list>li {
display: flex;
}
p.all_shops {
color: #fff;
font-size: 1.7rem;
font-weight: bold;
margin-bottom: 10px;
}
.sp_ninoya {
color: #fff;
font-size: 1.4rem;
font-weight: bold;
}
@media screen and (max-width:599px) {
.all_shops {
margin-top: 25%;
}
footer .ft_contents .ft_ul .ft_li a {
color: #fff;
font-size: 1.1rem;
margin: 5px 0;
line-height: 2rem;
}
} .mv_pc,
.mv_tab,
.mv_sp {
display: none;
} @media screen and (min-width: 1025px) {
.mv_pc {
display: block !important;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) {
.mv_tab {
display: block !important;
}
} @media screen and (max-width: 767px) {
.mv_sp {
display: block !important;
}
}