article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
} html {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-bg.jpg);
font-size:62.5%;
-webkit-font-feature-settings: 'pkna';
font-feature-settings: 'pkna';
visibility: hidden;
height: 100%;
}
html.wf-active, html.loading-delay {
visibility: visible;
}
body {
font:300 14px/1.6 YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Arial',sans-serif;
color:#000;
height: 100%;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#000;
text-decoration:none;
transition: color .7s;
}
a:hover {
color:#fff;
}
a:focus {
outline: none;
}
*:focus {
outline: none;
}
ul {
list-style-type: disc;
}  .container {
max-width:1280px;
width:95%;
margin:0 auto;
position:relative;
}
@media screen and (max-width: 768px) {
.container {
width:95%;
}
}
.u-page {
min-height: 100vh;
padding: 80px 0;
}
@media screen and (max-width: 768px) {
.u-page {
padding: 50px 0;
}
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
} #load-wrap {
display: none;
}
.home #load-wrap {
display: block !important;
position: fixed;
width: 100%;
height: 100vh;
top: 0px;
left: 0px;
background: #000;
animation: load-animation 4s cubic-bezier(0.6, 0.2, 0.1, 1) forwards;
transform: translate3d(0,0,0);
}
@keyframes load-animation {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.home #all-wrapper {
animation: fade-animation 4s forwards;
}
@keyframes fade-animation {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
} .menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 40px;
height: 34px;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 15px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
-webkit-animation: menu-bar01 .75s forwards;
animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
0% {
-webkit-transform: translateY(15px) rotate(45deg);
}
50% {
-webkit-transform: translateY(15px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar01 {
0% {
transform: translateY(15px) rotate(45deg);
}
50% {
transform: translateY(15px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
.menu-trigger span:nth-of-type(2) {
transition: all .25s .25s;
opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
-webkit-animation: menu-bar02 .75s forwards;
animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
0% {
-webkit-transform: translateY(-15px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(-15px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar02 {
0% {
transform: translateY(-15px) rotate(-45deg);
}
50% {
transform: translateY(-15px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-animation: active-menu-bar01 .75s forwards;
animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
0% {
-webkit-transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(15px) rotate(0);
}
100% {
-webkit-transform: translateY(15px) rotate(45deg);
}
}
@keyframes active-menu-bar01 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(15px) rotate(0);
}
100% {
transform: translateY(15px) rotate(45deg);
}
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-animation: active-menu-bar03 .75s forwards;
animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
0% {
-webkit-transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-15px) rotate(0);
}
100% {
-webkit-transform: translateY(-15px) rotate(-45deg);
}
}
@keyframes active-menu-bar03 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-15px) rotate(0);
}
100% {
transform: translateY(-15px) rotate(-45deg);
}
} #page-top-scroll {
position: fixed;
bottom: 2.5%;
right: 2.5%;
z-index: 100;
}
@media screen and (max-width: 768px) {
#page-top-scroll {
bottom: 12%;
}
}
#page-top-scroll a {
background: #58140C;
border: 2px solid #fff;
color: #fff;
display: block;
font-size: 28px;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
text-align: center;
}
@media screen and (max-width: 768px) {
#page-top-scroll a {
border: 2px solid #fff;
width: 50px;
height: 50px;
line-height: 50px;
}
} .pconly {
display: block !important;
}
.sponly {
display: none !important;
}
@media screen and (max-width: 768px) {
.pconly {
display: none !important;
}
.sponly {
display: block !important;
}
}
.section-wrap {
padding: 130px 0;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.section-wrap {
padding: 100px 0;
}
}
.concept.section-wrap {
padding: 80px 0;
}
@media screen and (max-width: 768px) {
.concept.section-wrap {
padding: 10px 0 80px;
}
}
.shino,
.section-title,
.more-btn {
font-family: "ro-shino-std";
font-size: 16px;
}
.section-title {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/section-title-decration.png) no-repeat;
background-position: center 85%;
background-size: 160px;
margin: 0;
padding: 20px 0;
font-size: 38px;
}
@media screen and (max-width: 768px) {
.section-title {
background-position: center 75%;
background-size: 90px;
font-size: 28px;
padding: 30px 0;
}
}
.page-section-title {
font-family: "ro-shino-std";
font-size: 38px;
}
.more-btn-wrap {
text-align: center;
}
.more-btn {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
color: #fff;
display: inline-block;
padding: 15px 30px;
transition: opacity .7s;
}
.more-btn::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px;
}
input {
transition: opacity .7s;
}
.more-btn:hover,
input:hover {
opacity: .85;
} .breadcrumbs {
margin: 5px auto;
}
.breadcrumbs a {
color: #590300;
text-decoration: underline;
} .pc-header {
display: block;
}
@media screen and (max-width: 768px) {
.pc-header {
display: none;
}
}
.sp-home-header {
display: none;
}
@media screen and (max-width: 768px) {
.sp-home-header {
display: flex;
height: 9vh;
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
header .container {
width: 100%;
}
}
.header {
background: #240000b0;
width: 100%;
z-index: 10;
transition: bottom .2s;
}
@media screen and (max-width: 768px) {
.header {
background: #240000e8;
}
}
@media screen and (min-width: 769px) {
.header-fixed,
.header-page {
position: fixed;
top: 0;
}
}
.home .header-absolute {
position: absolute;
bottom: 0;
}
@media screen and (max-width: 768px) {
.home .header-absolute,
.header-fixed,
.header-page {
position: fixed;
bottom: 0;
}
}
.logo {
margin: 0;
width: 90px;
}
@media screen and (min-width: 769px) {
.logo {
position: absolute;
top: 15px;
}
}
@media screen and (max-width: 768px) {
img.logo-img {
display: inline-block;
vertical-align: middle;
margin-left: 10%;
height: 9vh;
width: 80px;
}
}
.menu-icon-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nav {
text-align: center;
padding: 10px;
}
@media screen and (min-width: 769px) {
.nav {
line-height: 2;
margin: 0 auto;
width: 80%;
}
}
@media screen and (max-width: 768px) {
.nav {
display: none;
}
}
.nav li {
display: inline-block;
list-style-type: none;
}
.nav li::after {
content: "|";
color: #fff;
padding: 0 10px;
}
.nav a {
color: #fff;
font-size: 16px;
position: relative;
padding-bottom: 5px;
}
.nav a::after {
background: #fff;
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 0;
transition: width .5s;
}
.nav a:hover::after {
width: 100%;
}
.reserve-btn {
background: #065435;
color: #fff;
display: block;
font-family: "ro-shino-std";
font-size: 16px;
line-height: 9vh;
text-align: center;
width: 33%;
}
.home .reserve-btn i {
padding-right: 5px;
font-size: 12px;
}
#sp-menu,
#reserve-menu {
position: fixed;
background: #000000;
height: 100%;
opacity: 0;
transition: opacity .4s;
width: 100%;
z-index: -1;
}
#sp-menu ul li {
border-bottom: 1px solid #383737;
font-size: 16px;
}
.show {
opacity: 1 !important;
z-index: 10 !important;
}
.close {
opacity: 0 !important;
}
.sp-menu-inner ul {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
list-style-type: none;
padding: 0;
width: 90%;
}
.sp-menu-inner a {
color: #fff;
display: block;
font-weight: 900 !important;
padding: 8px;
} .hide-nav {
bottom: -60px;
} #reserve-menu .contact-inner {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
.close-btn i {
font-size: 28px;
margin-right: 5px;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
} #main-logo {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
fill:#fff;
stroke:#fff;
stroke-dasharray: 2000;
stroke-dashoffset: 0;
stroke-width: 1px;
-webkit-animation: draw 5s ease-in-out 0s;
animation: draw 5s ease-in-out 0s;
transform: translate3d(0,0,0);
}
@-webkit-keyframes draw {
0% {
stroke-dashoffset: 2000;
fill:transparent;
}
40% {
stroke-dashoffset: 2000;
fill:transparent;
}
50% {
fill:transparent;
}
100% {
stroke-dashoffset: 0;
fill:#fff;
}
} .first-view {
background: #1f1f1f;
position: relative;
height: 100vh;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.first-view {
height: 40vh;
}
}
.first-view .main-img {
filter: brightness(70%);
object-fit: cover;
font-family: 'object-fit: cover;'; height: 100%;
width: 100%;
}
.store-page .first-view,
.store-page .first-view .main-img {
height: 800px;
}
@media screen and (max-width: 768px) {
.store-page .first-view,
.store-page .first-view .main-img {
height: 400px;
}
}
.main-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: .95;
width: 25%;
}
@media screen and (max-width: 768px) {
.main-logo.fv-main-logo {
top: 50%;
width: 120px;
}
}
@media screen and (max-width: 768px) {
.main-logo {
top: 40%;
width: 200px;
}
}
.first-view video {
object-fit: cover;
font-family: 'object-fit: cover;'; opacity: .5;
height: 100vh;
width: 100%;
}
@media screen and (max-width: 768px) {
.first-view video {
height: 40vh;
}
} .kani-bg {
position: absolute;
left: -230px;
bottom: 0;
width: 650px;
z-index: -1;
}
@media screen and (max-width: 768px) {
.kani-bg {
left: -100px;
width: 240px;
}
}
.concept-inner {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/concept-bg.png) no-repeat center;
background-size: contain;
}
@media screen and (max-width: 768px) {
.concept-inner {
margin: 0 auto;
width: 95%;
}
}
.concept-catch {
display: inline-block;
font-size: 70px;
line-height: 80px;
word-break: keep-all;
}
@media screen and (max-width: 768px) {
.concept-catch {
margin: 10px;
font-size: 40px;
line-height: 40px;
}
}
.vartival-txt {
margin: 50px auto;
word-break: keep-all;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 500px;
height: 500px;
}
@media screen and (max-width: 768px) {
.vartival-txt {
height: 390px;
word-break: normal;
width: auto;
}
}
.concept-catch-two {
display: block;
margin-top: 200px;
}
@media screen and (max-width: 768px) {
.concept-catch-two {
margin: 150px 10px 0;
}
}
.catch-strong {
color: #B90000;
}
.concept-inner .txt {
display: inline-block;
font-size: 18px;
line-height: 40px;
font-family: "ro-shino-std";
}
@media screen and (max-width: 768px) {
.concept-inner .txt {
line-height: 35px;
}
} #dish-slider {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
padding: 50px 0;
}
.dish-slider-item {
padding: 10px;
}
@media screen and (max-width: 768px) {
.dish-slider-item {
padding: 5px;
}
} .tai-bg {
position: absolute;
top: 50px;
right: -400px;
width: 750px;
}
@media screen and (max-width: 768px) {
.tai-bg {
top: 10px;
right: -150px;
width: 270px;
}
}
.section-title-wrap {
text-align: center;
}
.menu-list-wrap {
display: flex; justify-content: center;
margin: 50px 0;
}
@media screen and (max-width: 768px) {
.menu-list-wrap {
display: block;
margin: 20px 0;
}
}
.menu .txt {
text-align: justify;
text-justify: inter-ideograph;
text-align: center;
margin: 0 auto;
width: 70%;
}
@media screen and (max-width: 768px) {
.menu .txt {
text-align: left;
width: 95%;
}
}
.menu-card {
position: relative;
background: #590300; width: 50%;
}
@media screen and (max-width: 768px) {
.menu-card {
border: 1px solid #590300;
border-width: 3px 0;
width: 100%;
}
}
.menu-card a {
transition: opacity .7s;
}
.menu-card a:hover {
opacity: .8;
}
.bill {
background: #590300;
color: #fff;
position: absolute;
top: -20px;
left: 10px;
font-family: "ro-shino-std";
line-height: 1.4;
font-size: 34px;
padding: 20px 0;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
.bill {
top: -1px;
left: 0px;
}
} .movie {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
padding: 100px 0;
}
.movie .section-title {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/section-title-decration-white.png) no-repeat;
background-position: center 85%;
background-size: 160px;
margin: 0;
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.movie .section-title {
background-size: 90px;
}
}
.cloud-bg {
position: absolute;
width: 930px;
}
@media screen and (max-width: 768px) {
.cloud-bg {
width: 300px;
}
}
.cloud-top {
top: 350px;
left: -300px;
}
@media screen and (max-width: 768px) {
.cloud-top {
top: 300px;
left: -100px;
}
}
.cloud-bottom {
bottom: 100px;
right: -300px;
}
@media screen and (max-width: 768px) {
.cloud-bottom {
bottom: 100px;
right: -100px;
}
}
.movie .section-title,
.movie .txt {
color: #fff;
}
@media screen and (max-width: 768px) {
.movie .txt {
text-align: left;
}
}
.movie .more-btn-wrap {
margin: 50px 0;
}
.movie .more-btn {
background: none;
border: 2px solid #fff;
}
.youtube {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/movie-decoration.png) no-repeat center;
background-size: contain;
height: 900px;
position: relative;
text-align: center;
}
@media screen and (max-width: 768px) {
.youtube { height: auto;
}
}
#home-movie-slider{
width: 100%;
margin:auto;
padding-top: 250px;
}
#home-movie-slider .slick-prev,
#home-movie-slider .slick-next{
position:absolute;
-webkit-appearance: none;
border: 2px solid #fff;
color: #fff;
width:100px;
height:100px;
border-radius:50%;
font-size:0;
top: 60%;
left:20%;
transition:0.5s all;
z-index:2;
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/slick_arrow_prev.png) no-repeat left top #00803f;
background-size:cover;
}
#home-movie-slider .slick-next{
right: 20%;
left:inherit;
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/slick_arrow_next.png) no-repeat left top #00803f;
background-size:cover;
}
#home-movie-slider .slick-prev:hover,
#home-movie-slider .slick-next:hover{
opacity:0.8;
}
@media screen and (max-width: 1600px) {
#home-movie-slider .slick-prev{ left: 17%;}
#home-movie-slider .slick-next{ right: 17%;}
}
@media screen and (max-width: 1500px) {
#home-movie-slider .slick-prev{ left: 16%;width:90px;height:90px;}
#home-movie-slider .slick-next{ right: 16%;width:90px;height:90px;}
}
@media screen and (max-width: 1400px) {
#home-movie-slider .slick-prev{ left: 14%;width:70px;height:70px;}
#home-movie-slider .slick-next{ right: 14%;width:70px;height:70px;}
#home-movie-slider .slick-prev:after,#home-movie-slider .slick-next:after{font-size:30px;}
}
@media screen and (max-width: 1300px) {
#home-movie-slider .slick-prev{ left: 13%;width:60px;height:60px;top:65%;}
#home-movie-slider .slick-next{ right: 13%;width:60px;height:60px;top:65%;}
}
@media screen and (max-width: 768px) {
#home-movie-slider .slick-prev{ left: 10%;width:50px;height:50px;top:45%!important;}
#home-movie-slider .slick-next{ right: 10%;width:50px;height:50px;top:45%!important;}
}
#home-movie-slider .iframe-wrap{
max-width:716px;
margin:auto;
position:relative;
padding-top: 396px;
}
@media screen and (max-width: 1200px) {
#home-movie-slider .iframe-wrap{
max-width:100%;
margin:auto;
position:relative;
padding-top: 55%;
}
}
@media screen and (max-width: 768px) {
#home-movie-slider{
padding-top: 5%;
}
#home-movie-slider .slick-slide iframe{
border:5px solid #b69167;
background:#b69167;
}
}
#home-movie-slider .iframe-wrap iframe{
width:100%;
position:absolute;
left:0;
top:0;
height:100%;
right:0;
bottom:0;
margin:auto;
}
#home-movie-slider .slick-slide:not(.slick-center) {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
transform: scale(0.85);
}
#home-movie-slider .slick-slide:not(.slick-center) iframe{
border:5px solid #b69167;
}  @media screen and (max-width: 768px) {
.news-inner.container {
width: 100%;
}
}
.maguro-bg {
position: absolute;
top: 30px;
left: -250px;
width: 630px;
}
@media screen and (max-width: 768px) {
.maguro-bg {
top: 0;
left: -180px;
width: 340px;
}
}
@media screen and (max-width: 768px) {
.slick-prev,
.slick-next {
top: 350px !important;
}
.slick-prev:before,
.slick-next:before {
color: #5e0b05 !important;
}
.slick-next {
right: 20px;
}
.slick-prev {
left: 20px;
}
}
.news-card-wrap {
display: flex;
list-style-type: none;
padding: 0;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.news-card-wrap {
display: block;
padding: 0;
margin-bottom: 20px;
}
}
.news-card  {
position: relative;
}
@media screen and (min-width: 769px) {
.news-card {
margin: 0 5px;
width: 24%;
}
.news-card:first-child {
margin: 0 5px 0 0;
}
.news-card:last-child {
margin-left: 0 0 0 5px;
}
}
@media screen and (max-width: 768px) {
.news-card {
padding: 0 10px;
width: 100%;
}
}
.ctg-box {
background: #590300;
color: #fff;
padding: 5px 10px;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
@media screen and (max-width: 768px) {
.ctg-box {
left: 10px;
}
}
.newsimg-wrap {
background: #FF0000;
}
.news-card img {
object-fit: cover;
font-family: 'object-fit: cover;'; height: 250px;
transition: opacity .7s;
width: 100%;
}
.news-card img:before {
content: "";
background: #f00;
width: 100%;
height: 250px;
}
.news-card img:hover {
opacity: .8;
}
.news-text {
font-weight: bold;
}
.news-text a:hover {
color: #590300;
}
.date {
margin: 10px 0 5px;
font-size: 12px;
font-weight: normal;
} .contact {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/contact-bg.jpg) no-repeat center center;
padding: 100px 0;
background-size: cover;
}
.contact-inner {
background: #fff;
border: solid #065435;
border-width: 10px 0;
margin: 0 auto;
padding: 100px 0;
position: relative;
width: 750px;
}
@media screen and (max-width: 768px) {
.contact-inner {
padding: 30px 0;
width: 95%;
}
}
.contact .txt {
margin: 30px 0 5px;
font-size: 12px;
}
.more-btn-wrap.area {
position: absolute;
bottom: 20px;
right: 10px;
}
@media screen and (max-width: 768px) {
.more-btn-wrap.area {
position: relative;
bottom: 0;
right: 0;
}
}
.more-btn-wrap.area a {
background: #000;
}
.store-select {
font-size: 16px;
width: 500px;
height: 50px;
color: #000;
}
@media screen and (max-width: 768px) {
.store-select {
border: 1px solid #ccc;
font-size: 16px;
width: 95%;
}
}
form {
margin: 50px 0;
}
.contact input,
#reserve-menu input {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
border-radius: 0;
border: none;
color: #fff;
display: block;
height: 50px;
margin: 30px auto;
width: 170px;
} footer {
background: #000;
}
.footer-inner {
margin: 0 auto;
padding: 60px 0;
width: 810px;
}
@media screen and (max-width: 768px) {
.footer-inner {
width: 90%;
}
}
@media screen and (max-width: 768px) {
.footer-nav-inner ul {
padding: 20px;
background: #1d1d1d;
}
.footer-nav-inner ul li {
display: block;
border-bottom: 1px solid #ffffff3b;
padding: 15px 0 5px;
}
}
.footer-logo {
width: 185px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.footer-logo {
margin: 0 auto;
display: block;
text-align: center;
}
}
.footer-nav {
display: inline-block;
width: 620px;
}
@media screen and (max-width: 768px) {
.footer-nav {
width: 100%;
}
}
.footer-nav li {
display: inline-block;
margin: 5px 0;
}
.footer-nav li::after {
content: "|";
color: #fff;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
.footer-nav li::after {
content: "";
}
}
.footer-nav li:last-child::after {
content: "";
}
.footer-nav li a {
color: #fff;
}
@media screen and (max-width: 768px) {
.footer .logo-img {
width: 150px;
}
} .copyright-wrap {
background: #58140C;
color: #fff;
font-size: 10px;
text-align: center;
padding: 10px 0;
}
@media screen and (max-width: 768px) {
.copyright-wrap {
padding: 10px 0 100px;
text-align: center;
}
}
.copyright {
margin: 0 auto;
} .sidebar h3{
border-bottom: 3px solid #950606;
font-family: "ro-shino-std";
padding: 5px;
} .news-page {
display: flex;
}
.news-page a:hover {
color: #ccc;
}
.news-page section {
width: 70%;
}
.news-page .sidebar {
padding-left: 30px;
width: 30%;
}
.news-page .page-section-title {
border-bottom: 3px solid #950606;
}
.post-card {
display: flex;
box-shadow: 0px 2px 8px #e4e4e4;
margin-bottom: 10px;
}
.post-card img {
height: 250px;
object-fit: cover;
font-family: 'object-fit: cover;'; width: 100%;
}
.post-img-wrap {
width: 40%;
}
.post-textbox {
background: #ffffff;
padding: 10px;
position: relative;
width: 60%;
}
@media screen and (max-width: 768px) {
.post-textbox {
background: #ffffff;
padding: 10px 10px 50px 10px;
position: relative;
width: 60%;
}
}
.article-wrap {
background: #fff;
padding: 30px;
}
.ctg a {
background: #950606;
color: #fff;
padding: 5px;
}
.news-contents {
margin: 30px 0;
}
.post-textbox .ctg-box {
position: relative;
display: inline-block;
}
.post-textbox .date {
float: right;
} @media screen and (max-width: 768px) {
.post-card,
.news-page {
display: block;
}
}
@media screen and (max-width: 768px) {
.news-page section,
.news-page .sidebar,
.post-img-wrap,
.post-textbox {
width: 100%;
}
.news-page .sidebar {
padding-left: 0;
}
}
a.view-article {
padding: 5px 10px !important;
background: #80010d;
color: #fff;
position: absolute;
width: 100px;
text-align: center;
bottom: 10px;
right: 10px;
}
a.view-article:before {
content: ">";
padding-right: 5px;
} .page-top {
position: relative;
}
.page-top img {
height: 450px;
object-fit: cover;
font-family: 'object-fit: cover;'; width: 100%;
}
@media screen and (max-width: 768px) {
.page-top img {
height: 300px;
}
}
.page-title {
background: #540606;
color: #fff;
font-family: "ro-shino-std";
padding: 10px 5px;
position: absolute;
top: 57%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.page-title h2 {
font-size: 34px;
margin: 0;
height: max-content;
}
@media screen and (max-width: 768px) {
.page-title {
font-size: 24px;
top: 50%;
}
} .region-wrap {
background: #670000;
padding: 20px;
margin: 30px 0;
}
.region-title {
border-bottom: 1px solid #fff;
color: #fff;
font-family: "ro-shino-std";
font-size: 34px;
}
.region-btn-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.region-btn {
background: #000000;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 70px;
position: relative;
height: 70px;
width: 48%;
}
@media screen and (max-width: 768px) {
.region-btn {
margin-bottom: 10px;
width: 100%;
}
}
.region-btn::after {
content: "\f103";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 30px;
}
.store-card-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
}
.store-card-wrap::after{
content:"";
display: block;
width: 32%;
}
.store-card {
background: #fff;
box-shadow: 10px 10px 10px #0000004a;
margin-bottom: 50px;
width: 32%;
}
@media screen and (max-width: 768px) {
.store-card{
width: 100%;
}
}
.store-card img {
object-fit: cover;
font-family: 'object-fit: cover;'; height: 300px;
width: 100%;
}
@media screen and (max-width: 768px) {
.store-card img {
object-fit: cover;
height: 200px;
}
}
.store-txt-box {
margin: 0 auto;
width: 95%;
}
.store-name {
font-size: 24px;
font-family: "ro-shino-std";
text-align: center;
margin: 10px 0;
}
.store-card .more-btn-wrap {
margin: 40px 0 10px;
}
.gmap-btn {
border: 1px solid #000;
padding: 5px;
}
.gmap-btn:hover {
color: #000;
text-decoration: underline;
}
.gmap-btn i {
padding-left: 5px;
} .page-main-textbox {
position: absolute;
bottom: 5%;
}
@media screen and (min-width: 769px) {
.page-main-textbox {
right: 2.5%;
}
}
@media screen and (max-width: 768px) {
.page-main-textbox {
right: 2.5%;
}
}
.store-page-logo {
margin: 0 auto;
width: 140px;
}
@media screen and (max-width: 768px) {
.store-page-logo {
width: 120px;
}
}
.store-page-name {
color: #fff;
text-align: center;
font-size: 34px;
font-family: "ro-shino-std";
}
@media screen and (max-width: 768px) {
.store-page-name {
font-size: 18px;
}
}
.contact-btn {
color: #fff;
display: block;
text-align: center;
line-height: 70px;
height: 70px;
width: 350px;
}
@media screen and (max-width: 768px) {
.contact-btn {
width: 300px;
}
}
.contact-btn i {
padding-right: 10px;
}
.net-btn {
background: #065435;
}
.tel-btn {
background: #670000;
margin-bottom: 10px;
}
.store-info-box {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
position: relative;
top: -50px;
}
.store-info-box-inner {
color: #fff;
padding: 50px;
}
@media screen and (max-width: 768px) {
.store-info-box-inner {
color: #fff;
padding: 20px;
}
}
.store-info-catch {
position: absolute;
top: 0;
right: 5%;
z-index: 1;
}
.store-info-catch {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.store-info-txt {
background: #065435;
color: #fff;
display: inline-block;
font-size: 44px;
font-family: "ro-shino-std";
padding: 10px 5px;
margin: 0 10px;
}
@media screen and (max-width: 768px) {
.store-info-txt {
padding: 10px 0;
}
}
.store-info-img {
width: 100%;
}
@media screen and (max-width: 768px) {
.store-info-img {
height: 300px;
object-fit: cover;
}
}
@media screen and (max-width: 768px) {
.store-info-txt {
font-size: 24px;
}
}
.store-info-txt.bottom {
margin-top: 100px;
}
@media screen and (max-width: 768px) {
.store-info-txt.bottom {
margin-top: 30px;
}
}
.store-info-ld {
border-bottom: 1px solid #fff;
font-family: "ro-shino-std";
font-size: 24px;
padding-bottom: 10px;
}
.store-info-ld-item {
border: solid #fff;
border-width: 0 0 0 5px;
padding-left: 5px;
font-size: 16px;
}
.store-info-list-wrap {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
justify-content: space-between;
}
.store-info-list {
width: 49%;
}
@media screen and (max-width: 768px) {
.store-info-list {
width: 100%;
}
}
.contact-btn-wrap {
text-align: center;
}
.contact-btn-wrap .contact-btn {
margin: 10px auto 0;
} .company-info-table {
border: 1px solid #b5b5b5;
width: 100%;
}
.company-info-table tr {
border-bottom: 1px solid #b5b5b5;
}
.company-info-table th {
background: #950606;
border-right: 1px solid #b5b5b5;
color: #fff;
}
.company-info-table td {
padding: 50px 0 50px 50px;
}
@media screen and (max-width: 768px) {
.company-info-table td {
padding: 15px 0 15px 15px;
}
} .region-tab-wrap {
display: flex;
color: #fff;
}
.region-panel-wrap {
list-style-type: none;
padding: 0;
}
.region-tab {
background: #a2a2a2;
border: none;
color: #fff;
text-align: center;
padding: 30px 0;
position: relative;
transition: background .8s;
width: 50%;
}
.region-tab.is-active {
background: #8B0000;
}
.region-tab.is-active:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #8B0000;
}
.region-panel {
display: none;
}
.menu-section-wrap {
margin-bottom: 130px;
}
@media screen and (max-width: 1000px) {
.menu-section-wrap {
margin: 100px 0;
}
}
.menu-warplist-inner {
border-bottom: 3px solid #000;
padding: 0 0 5px;
margin: 70px 0;
list-style-type: none;
}
@media screen and (max-width: 768px) {
.menu-warplist-inner {
display: flex;
margin: 20px 0;
flex-wrap: wrap;
justify-content: space-between;
}
}
.menu-warplist {
display: inline-block;
color: #640101;
}
@media screen and (max-width: 768px) {
.menu-warplist {
border: 1px solid;
display: block;
margin-bottom: 5px;
text-align: center;
width: 49%;
}
}
.menu-warplist a {
color: #640101;
}
@media screen and (max-width: 768px) {
.menu-warplist a {
display: block;
padding: 5px 0;
}
}
.menu-warplist:after {
content: "|";
color: #000;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
.menu-warplist:after {
content: "";
padding: 0;
}
}
.menu-box-inner {
position: relative;
margin-bottom: 180px;
}
@media screen and (max-width: 1000px) {
.menu-box-inner {
margin-bottom: 50px;
}
}
.menu-box-inner img {
width: 95%;
}
.dish .menu-box-inner::after {
content: "";
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
box-shadow: 10px 10px 15px #dadada;
color: #fff;
line-height: 25px;
z-index: -1;
text-align: justify;
text-justify: inter-ideograph;
margin: 0;
box-shadow: 0 0 0 #fff;
position: absolute;
bottom: -100px;
right: 0;
width: 70%;
height: 450px;
}
@media screen and (max-width: 1000px) {
.dish .menu-box-inner::after {
bottom: -30px;
height: 120px;
}
}
@media screen and (max-width: 1000px) {
.menu-section-wrap .bill {
font-size: 24px;
top: -50px;
}
}
.bill h4 {
margin: 0;
}
.region-panel .menu-section-wrap:nth-of-type(odd) .bill {
right: 10px;
left: inherit;
}
.region-panel .menu-section-wrap:nth-of-type(odd) .menu-box-inner::after {
left: 0;
text-align: left;
}
.region-panel .menu-section-wrap:nth-of-type(odd) .menu-box-inner {
text-align: right;
}
.menu-list-table {
width: 100%;
}
.menu-list-table tbody {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.menu-list-table tbody tr {
border-bottom: 1px dashed #949494;
padding: 30px 0 5px;
width: 49%;
}
@media screen and (max-width: 768px) {
.menu-list-table tbody tr {
padding: 20px 0 5px;
width: 100%;
}
}
.menu-list-table tbody th,
.menu-list-table tbody td {
display: inline-block;
width: 48%;
}
.menu-list-table tbody th {
text-align: left;
}
.menu-list-table tbody td {
color: #640101;
text-align: right;
}
.header.hide-nav {
bottom: -80px;
} .party-course-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 50px;
}
.party-course-card {
margin: 50px 0;
width: 49%;
}
@media screen and (max-width: 768px) {
.party-course-card {
margin: 30px 0;
width: 100%;
}
}
.title-price-wrap {
border-bottom: 5px solid #970000;
align-items: baseline;
}
.party-course-title {
margin-bottom: 5px;
font-family: "ro-shino-std";
font-size: 24px;
}
.price-wrap {
display: flex;
justify-content: space-between;
}
.price-wrap-inner {
text-align: center;
margin: 10px 0;
width: 49%;
}
.price-ld {
background: #a40000;
color: #fff;
padding: 2px 0;
font-weight: bold;
margin-top: 0;
}
.party-main-img img {
text-align:center;
}
.party-thum {
display: flex;
margin: 10px auto 0;
justify-content: space-between;
width: 100%;
}
.party-thum img {
height: 140px;
object-fit: cover;
font-family: 'object-fit: cover;'; width: 32%;
}
@media screen and (max-width: 768px) {
.party-thum img {
height: 100px;
}
}
.detail-btn-wrap {
margin: 20px 0;
}
.course-detail {
background: #fff;
box-shadow: 0px 2px 8px #e4e4e4;
padding: 10px;
display: none;
margin-top: 10px;
text-align: left;
}
.course-detail h4 {
text-align: center;
}
.detail-btn-wrap .more-btn {
width: 100%;
}
.detail-btn-wrap .more-btn::before {
display: none;
padding-right: 0;
}
.detail-btn-wrap .more-btn::after {
content: "\f103";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-left: 10px;
} .srore-header .header-inner {
display: flex;
justify-content: space-between;
}
.srore-header .reserve-btn {
position: relative;
height: 9vh;
line-height: 16px;
}
.reserve-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.srore-header .header-inner i {
display: block;
margin-bottom: 10px;
}
.tel-reserve {
background: #8B0000;
} .drink-page .menu-box-inner {
margin-bottom: 0;
}
.drink-page h4 {
background: #540606;
border-left: 5px solid #065435;
color: #fff;
font-family: "ro-shino-std";
font-size: 24px;
padding: 5px 0 5px 10px;
} .concept-pc {
display: block !important;
}
.concept-sp {
display: none !important;
}
@media screen and (max-width: 1000px) {
.concept-sp {
display: block !important
}
.concept-pc {
display: none !important;
}
}
@media screen and (max-width: 1000px) {
.concept-page.u-page {
padding: 0 0 50px;
}
}
.hokaido-wrap,
.space-wrap,
.syokunin-wrap {
margin: 100px auto;
}
@media screen and (max-width: 1000px) {
.hokaido-wrap,
.space-wrap,
.syokunin-wrap {
margin: 70px auto;
}
}
.concept-title {
background: #950606;
color: #fff;
display: inline-block;
font-family: "ro-shino-std";
font-size: 26px;
height: max-content;
text-align: center;
padding: 15px 0;
margin: 0 10px;
}
@media screen and (max-width: 1000px) {
.concept-title {
display: inline-block;
height: auto;
padding: 0 10px;
margin-bottom: 0;
font-size: 18px;
}
}
.concept-page .concept-catch {
color: #950606;
font-family: "ro-shino-std";
font-size: 44px;
margin: 20px 0;
}
@media screen and (max-width: 1000px) {
.concept-page .concept-catch {
display: block;
font-size: 30px;
}
}
.space-wrap {
display: flex;
}
@media screen and (max-width: 1000px) {
.space-wrap {
display: block;
}
}
.space-textbox {
background: url(https://www.kitanokazoku.jp/wp-content/themes/kitano-kazoku/img/kitanokazoku-redbg.jpg);
position: relative;
width: 35%;
}
@media screen and (max-width: 1000px) {
.space-textbox {
margin: 0 auto;
width: 100%;
}
}
.space-textbox-inner {
padding: 30px;
}
@media screen and (min-width: 1001px) {
.space-textbox-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
}
.space-textbox-inner .concept-catch,
.space-textbox-inner .txt {
color: #fff;
}
.space-img {
width: 65%;
}
@media screen and (max-width: 1000px) {
.space-img {
width: 100%;
}
}
.concept-flexline {
display: flex;
height: 650px;
}
@media screen and (max-width: 1000px) {
.concept-flexline {
display: block;
height: auto;
}
}
@media screen and (min-width: 1001px) {
.concept-titlewrap {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 15%;
}
.concept-eachimg {
object-fit: cover;
font-family: 'object-fit: cover;'; width: 85%;
}
}
.hokaido-wrap .txt,
.syokunin-wrap .txt {
margin: 30px auto 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.hokaido-wrap .txt,
.syokunin-wrap .txt {
text-align: left;
}
} .privacy-policy h2 {
border-bottom: 5px solid #950606;
} .notfound-title {
border-bottom: 3px solid #950606;
font-size: 34px;
}
.notfound-page h3 {
display: inline-block;
margin-right: 10px;
}
.notfound-page h3 a {
background: #950606;
color: #fff;
padding: 10px;
font-family: "ro-shino-std";
}
#post-404 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
} .en .page-title {
text-orientation: upright;
text-align: center;
}
.en-store-title {
border-bottom: 3px solid #950606;
}
.en-store-title i {
font-size: 20px;
margin-right: 10px;
}
.en-store-wrap {
margin: 100px 0;
}
.en-store-wrap.first {
margin: 20px 0 100px;
}
@media screen and (max-width: 768px) {
.en-store-wrap.first {
margin: 20px 0 40px;
}
.en-store-wrap {
margin: 40px 0;
}
}
.en-store-wrap ul {
display: flex;
justify-content: space-between;
list-style-type: none;
padding: 0;
}
.en-store-wrap ul li {
width: 24%;
}
.en-store-wrap ul li a {
background: #950606;
color: #fff;
display: block;
text-align: center;
padding: 10px 0;
}
.en-store-wrap .america::before,
.en-store-wrap .china::before,
.en-store-wrap .korea::before { display: inline-block;
background-size: cover;
margin-right: 5px;
height: 20px;
width: 30px;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.en-store-wrap .america::before,
.en-store-wrap .china::before,
.en-store-wrap .korea::before {
display: block;
margin: 10px auto;
}
}
section.menu.section-wrap {
display: none;
}
.movie {
margin: 100px 0px 0;
}