@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* Reset */
html{font-size: 62.5%;}
body{color: #000; line-height: 1.7; word-spacing: 0; font-size: 1.8rem; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; font-family: 'Noto Sans JP', sans-serif;}

*{margin: 0; padding: 0; box-sizing: border-box; border: 0;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
th{text-align: left; font-weight: normal;}
a{color: inherit; text-decoration: none;}
img{vertical-align: bottom; max-width: 100%;}
.anchor:before{ content: ''; display: block; padding-top: 125px; margin-top: -125px;}

.clearFix:after{display: block; clear: both; height: 0; visibility: hidden; content: ".";}

[class*="boxflex"]{display: flex; flex-wrap: wrap;}
.boxflex-between{justify-content: space-between;}
.boxflex-center{justify-content: center;}
.boxflex-top{align-items: flex-start;}
.boxflex-end{justify-content: flex-end;}
.boxflex-middle{align-items: center;}
.boxflex-bot{align-items: flex-end;}

.container{width: 90%; max-width: 1140px; margin: 0 auto;}
.container2{width: 90%; max-width: 1400px; margin: 0 auto;}
.container2 .container{width: 100%;}

.center{text-align: center;}
.bold{font-weight: bold;}
.mt10{margin-top: 10px !important;}
.txt-indent{text-indent: -1em; margin-left: 1em;}
.under{text-decoration: underline;}
.unlink{pointer-events: none; opacity: .6;}
sup{font-size: 70%;}
@media print {
    body{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}

@media only screen and (min-width: 768px){
    .only-sp{display: none;}
    .pinchout{display: none;}
}
@media only screen and (max-width: 767px){
    body{font-size: 1.6rem;}
    a[href^="tel:"]{pointer-events: none;}    
    .only-pc{display: none;}
    .pinchout{background: url("../img/common/ic_pinchout.png") no-repeat top left/ 100% 100%; width: 50px; height: 56px; margin: 20px auto 0;}
	.anchor:before{ content: ''; display: block; padding-top: 90px; margin-top: -90px;}
}
.mt0{ margin-top: 0!important;}
.mt10{ margin-top: 10px!important;}
.mt20{ margin-top: 20px!important;}
.mt40{ margin-top: 40px!important;}
.mb0{ margin-bottom: 0!important;}
.mb10{ margin-bottom: 10px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb40{ margin-bottom: 40px!important;}


/* Header */
header{background: #fff; position: fixed; top: 0; left: 0; width: 100%; display: flex; align-items: center; font-size: 1.9rem; font-weight: 700; z-index: 999;}
h1{padding: 13px 30px 13px 40px;}

#gnav ul{display: flex; flex-wrap: wrap;}
#gnav li{margin: 0 20px 0 0;}
#gnav a{color: #9b000d;}
#gnav a:hover{color: #bc001c;}
#gnav ul li a.linkRk{ color: #FD5524;}

#btn-menu{display: none;}

#header-menu{color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 5px; right: 0; width: 510px;}
#header-menu a{width: calc((100% - 8px) / 3); height: 66px; display: block; line-height: 1.3; padding: 6px 0 0 7px; position: relative;}
#header-menu a:after{content: ''; width: 51px; height: 16px; position: absolute; bottom: 13px; right: 10px; background: url("../img/common/ic_arrow.svg") no-repeat top left/100% 100%;}
#header-menu a.lunch{background: #bc001c;}
#header-menu a.all{background: #c40045;}
#header-menu a.grand{background: #9b000d;}
#header-menu a.reser{background: #6e000d; width: 100%; margin-bottom: 4px; height: 44px; text-align: center; padding: 8px 0 0 0;}
#header-menu a.reser:after{right: auto; left: calc(50% + 85px);}


@media only screen and (max-width: 1680px) and (min-width: 1024px){
    header{font-size: 1.6rem;}
    h1{padding: 13px 20px 13px 13px;}
    #gnav{width: calc(100% - 600px);}
    
    #header-menu{width: 458px;}
}

@media only screen and (min-width: 1024px){ 
    #header-menu a:hover{background: #bc001c;}
    #header-menu a:after{transition: .3s;}
    #header-menu a:hover:after{transform: translateX(10px); -webkit-transform: translateX(10px);}
}

@media only screen and (max-width: 1023px){    
    h1{position: relative; z-index: 800; width: 100%; background: #fff; padding: 13px 0 13px 20px;}
    
    #btn-menu{width: 44px; height: 32px; position: absolute; top: 50%; right: 20px; margin: -18px 0 0 0; z-index: 800; display: block;}
    #btn-menu span{width: 100%; height: 2px; background: #453630; position: absolute; left: 0; transition: .3s;}
    #btn-menu span:nth-of-type(1){top: 0;}
    #btn-menu span:nth-of-type(2){top: 15px;}
    #btn-menu span:nth-of-type(3){top: 30px;}
    
    #gnav{position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 700; overflow-y: auto;  overflow-x: hidden; transition: .2s;}
    #gnav ul{padding: 150px 0 50px;}
    #gnav li{margin: 0 0 10px; width: 100%; opacity: 0; transition: .2s; transform: translateX(20px); -webkit-transform: translateX(20px);}
    #gnav li:nth-of-type(1){transition-delay: .2s;}
    #gnav li:nth-of-type(2){transition-delay: .3s;}
    #gnav li:nth-of-type(3){transition-delay: .4s;}
    #gnav li:nth-of-type(4){transition-delay: .5s;}
    #gnav li:nth-of-type(5){transition-delay: .6s;}
    #gnav li:nth-of-type(6){transition-delay: .7s;}
    #gnav li:nth-of-type(7){transition-delay: .8s;}
    #gnav a{padding: 3px 20px; display: block;}
    
    #header-menu{position: fixed; bottom: 0; top: auto; z-index: 600; width: 100%; background: #fff;}

    header.menu-open #btn-menu span:nth-of-type(1){top: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
    header.menu-open #btn-menu span:nth-of-type(2){display: none;}
    header.menu-open #btn-menu span:nth-of-type(3){top: 15px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
    
    header.menu-open #gnav{right: 0;}
    header.menu-open #gnav li{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}    
}

@media only screen and (max-width: 767px){
    h1 img{width: 70px;}

    #header-menu a{font-size: 3.5vw; height: 13vw; padding: 2vw 0 0 2vw;}
    #header-menu a:after{width: 7.5vw; height: 2.06vw; right: 2vw; bottom: 2.5vw;}
    #header-menu a.reser{padding: 2vw 0 0 0; height: 9.5vw;}
    #header-menu a.reser:after{left: 68%; bottom: 3.5vw;}
}


/* Main */
#breadcrumb{padding: 40px 0 10px; text-align: right; font-size: 1.4rem;}
#breadcrumb a{padding: 0 2em 0 0; position: relative; display: inline-block;}
#breadcrumb a[href]:hover{color: #9b000d; text-decoration: underline;}
#breadcrumb a:after{content: '>'; position: absolute; top: -0.1em; right: 0.6em;}
#breadcrumb a:last-of-type{padding: 0;}
#breadcrumb a:last-of-type:after{display: none;}

h2{font-size: 4.8rem; font-weight: 700; color: #9b000d; line-height: 1; margin: 0 0 30px;}
h2.tit-h2{margin: 30px 0 60px; text-align: center;}
h3{font-size: 3.6rem; line-height: 1.5; font-weight: 700;}
h4{font-size: 2.4rem; line-height: 1.5; font-weight: 700;}
h5{font-size: 2.1rem; line-height: 1.5; font-weight: 700;}

.txt-small{font-size: 1.4rem;}
[class*="cap"]{font-size: 1.2rem;}
.cap-abs-right{position: absolute; bottom: 5px; right: 5px;}

.main-btn{padding: 110px 0;}
.main-btn a{width: 49%; padding: 15px 0; font-size: 3rem; color: #fff; text-align: center; font-weight: 700;}
.main-btn a:after{content: ''; width: 51px; height: 16px; background: url("../img/common/ic_arrow.svg") no-repeat top left/100% 100%; display: inline-block; margin: 0 0 0 15px;}
.main-btn a:nth-of-type(1){background: #bc001c;}
.main-btn a:nth-of-type(1):hover{background: #9b000d;}
.main-btn a:nth-of-type(2){background: #9b000d;}
.main-btn a:nth-of-type(2):hover{background: #bc001c;}

@media only screen and (max-width: 1023px){ 
    .main-btn a{font-size: 2rem;}
}

@media only screen and (min-width: 768px){
    .main{margin-top: 124px; /*padding-bottom: 160px;*/}    
    
    .main-btn a:after{transition: .3s;}
    .main-btn a:hover:after{transform: translateX(30px); -webkit-transform: translateX(30px);}
    
    .anchorArea{position: relative;}
    .anchorArea > div{position: absolute; top: -124px; left: 0;}
}

@media only screen and (max-width: 767px){    
    .main{margin-top: 87px; padding-bottom: 100px;}
    
    #breadcrumb{font-size: 1.2rem;}
    
    h2{font-size: 3.2rem;}
    h2.tit-h2{margin: 20px 0 40px;}
    h3{font-size: 3rem;}
    h4{font-size: 2rem;}
    h5{font-size: 1.8rem;}
    
    .main-btn{padding: 60px 0;}
    .main-btn a{width: 100%;}
    .main-btn a:nth-of-type(1){margin: 0 0 20px;}
    .main-btn span{width: 255px; display: inline-block; text-align: left;}
    .main-btn a:after{margin: 0;}
    
    .anchorArea{position: relative;}
    .anchorArea > div{position: absolute; top: -87px; left: 0;}
}

/* Kisoji */
#kisoji{max-width: 767px; margin: 0 auto; width: 90%;}
#kisoji-logo{display: flex; align-items: center; margin: 0 0 10px;}
#kisoji-logo p{font-size: 1.2rem; margin: 0 0 0 10px; color: #9b000d;}

#kisoji-link{display: flex; justify-content: space-between; flex-wrap: wrap;}
#kisoji-link li{max-width: 350px; width: 48.5%;}
#kisoji-link a{padding: 5px 0 6px 20px; display: block; position: relative; font-size: 2.1rem; line-height: 1.5; background: #9b000d; color: #fff; border: 1px solid #9b000d;}
#kisoji-link a:after{content: ''; width: 10px; height: 16px; background: url("../img/common/ic_arrow2.svg") no-repeat top left/100% 100%; position: absolute; top: 50%; right: 6.8%; margin: -8px 0 0 0;}
#kisoji-link a:hover{background: #fff; color: #9b000d;}
#kisoji-link a:hover:after{background: url("../img/common/ic_arrow2_red.svg") no-repeat top left/100% 100%;}



@media only screen and (max-width: 767px){
    #kisoji{max-width: 590px;}
    #kisoji-link li{max-width: 590px; width: 100%;}
    #kisoji-link li:nth-of-type(1){margin: 0 0 20px;}    
}

@media only screen and (max-width: 480px){
    #kisoji-logo p{font-size: 2.5vw;}    
    #kisojiG-list { justify-content: space-between;}
    #kisojiG-list li { flex-basis: 49%;}
    #kisojiG-list li:nth-of-type(n+3) { margin-top: 2%;}
}


/* Footer */
footer{margin: 100px 0 0 0; text-align: center; color: #9b000d; font-weight: 500; position: relative;}
#pagetop{position: fixed; bottom: 0; right: 0; width: 90px; z-index: 500; cursor: pointer; display: none; line-height: 1;}

#footer-sns{display: flex; justify-content: center; margin: 0 0 50px;}
#footer-sns a:nth-of-type(1){margin: 0 70px 0 0;}
#footer-sns a:hover{opacity: .7;}

#footer-link{border-top: 1px solid #9b000d; border-bottom: 1px solid #9b000d; display: flex; justify-content: center; flex-wrap: wrap;}
#footer-link a{padding: 9px 0; margin: 0 15px; display: block;}
#footer-link a:hover, 
#footer-link a.active{color: #bc001c;}
#copyright{padding: 35px 0; font-size: 1.2rem;}

@media only screen and (max-width: 1023px){
    footer{padding-bottom: 98px;}
}

@media only screen and (max-width: 767px){
    footer{padding-bottom: 24vw;}
    
    #pagetop{width: 70px;}
    
    #footer-sns a:nth-of-type(1){margin: 0 40px 0 0;}
    
    #footer-link{padding: 5px 0;}
    #footer-link a{font-size: 1.6rem; padding: 5px 0;}
}


/* Effect */
.fadeIn{opacity: 0; transition: all 1.3s;}
.fadeIn.is-view{opacity: 1;}

.fadeUp{opacity: 0; transform: translateY(80px); -webkit-transform: translateY(80px); transition: all 1.3s;}
.fadeUp.is-view{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

.fadeRight{opacity: 0; transform: translateX(-80px); -webkit-transform: translateX(-80px); transition: all 1.3s;}
.fadeRight.is-view{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}

.fadeLeft{opacity: 0; transform: translateX(80px); -webkit-transform: translateX(80px); transition: all 1.3s;}
.fadeLeft.is-view{opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}

.zoomIn{opacity: 0; transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 1.3s;}
.zoomIn.is-view{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}

.slideRight{
transition: -webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1) .1s;
transition: clip-path 1.5s cubic-bezier(.19,1,.22,1) .1s;
transition: clip-path 1.5s cubic-bezier(.19,1,.22,1) .1s,-webkit-clip-path 1.5s cubic-bezier(.19,1,.22,1) .1s;
transition-delay: 0.1s, 0.1s;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);}
.slideRight.is-view{-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}

#notfound .txtBox{ text-align: center; padding: 10px; min-height: 50vh; display: flex; align-items: center; justify-content: center;}