@charset "UTF-8";
/* CSS Document */
html,body {
width:100%;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
color:#707070;
}
body {
margin:0;
padding:0;
overflow-x: hidden;
}
body:before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background: url("../img/background.jpg") no-repeat;
background-size: cover;
}

.section {
margin:0 auto 2rem auto;
}
.section img {
width:100%;
hight:auto;
}
.bg_color {
background: rgba(255, 247, 237, 0.9);
}
.bg_white {
background: white;
}
.b_radius {
border-radius: 20px;
}
h1 img {
width:100%;
height:auto;
}
h2 {
text-align: center;
margin-bottom:3rem;
}
h3 {
text-align: center;
}
h4 {
margin-bottom:2rem;
}
ul {
list-style:none;
}
table{
width:100%;
border-collapse:collapse;
box-sizing: border-box;
margin:0 auto 2rem auto;
text-align: center;
}
thead{
background: #40CCFF;
color:white;
}
thead th {
border-top:none;
border-bottom: none;
border-right: 1px solid #FFFFFF;
}
thead th:last-child {
border:none;
}
tbody {
border:1px solid #e3e3e3;
border-top:none;
background: white;
}
tbody tr {
  border-top:1px solid #e3e3e3;
}
tbody tr:first-child {
border-top: none;
}
tbody tr td {
border-right:1px solid #e3e3e3;
}
tbody tr td:last-child {
border:none;
}
.btn-flat-border {
  display: inline-block;
  padding: 1em 3em;
  text-decoration: none!important;
  color: white;
  background: #FF6540;
  transition: .3s;
}
.btn-flat-border:hover {
background: #FF9277;
color: white;
}
.externallink:after {
content: '';
display: inline-block;
width:1rem;
height:1rem;
background:url("../img/externallink.png")no-repeat;
background-size: contain;
vertical-align:middle;
}
header {
z-index: 9999;
width:100%;
height:10vh;
max-height:100px;
background: rgba(255,255,255,0.8);
display: flex;
align-items: center;
}
.headerlogo {
display: block;
}
.headerlogo img {
width:100%;
height:auto;
}
/*firstview*/
#firstview {
width:100%;
min-height:800px;
position: relative;
}

.fv_bg {
z-index: 10;
height:100%;
}
.fv_bg img {
}
.mainimg{
z-index:1000;
width:100%;
}
h1 {
position:absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/*intro*/
#intro {
padding:2rem 0;
}
#intro img {
width:100%;
}
/*hitorinabemenu*/
#hitorinabemenu {
margin:0 auto 2rem auto;
}
.hitorinabemenu_section img {
width:100%;
hight:auto;
}
.hitorinabemenu_section {
padding:1rem;
margin-bottom:2rem;
border-radius: 20px;
}
.menuimg img {
width:100%;
}
/*daigomi*/
#daigomi {
padding-top:0!important;
}
#daigomi {
margin:0 auto 2rem auto;
}
#daigomi img {
width:100%;
hight:auto;
}
/*lineup*/
/*nabelineup_section*/
.nabelineup_section img {
width:100%;
height:auto;
}
/*spec*/
#spec {
border-radius: 20px;
}
/*nabelineup*/
#nabelineup {
border-radius: 20px;
}
/*link*/
#link {
border-radius: 20px;
}
#link a {
width:100%;
}
/*Contact*/
#Contact {
text-align: center;
padding:5rem 0 3rem 0;
}
#Contact img {
width:100%;
}
#Contact .tel {
text-decoration: none;
color:#4d4d4d;
font-size:1.5rem;
cursor: default;
}
#Contact .tel:visited {
color: #4d4d4d;
}
.logo img {
max-width:100%;
}
@media screen and ( min-width:992px ) {
.sp {
display: none;
}
h1 {
width:600px;
}
h2 {
width:50%;
margin:0 auto;
margin-bottom:3rem;
}
#Contact h2 {
width:40%;
}
#lineup h3, #hitorinabemenu h3 {
width:50%;
margin:0 auto;
margin-bottom:3rem;
}
#nabelineup h3 {
width:50%;
}
h2 img, h3 img {
width:100%;
height:auto;
}
td,th{
  padding:1rem;
}
.section {
width:100%;
max-width: 1260px;
min-width:860px;
padding:3rem 0;
}
header {
padding:0 4rem;
}
.headerlogo {
width:200px;
}
/*firstview*/
#firstview {
width:100%;
min-width:980px;
height:90vh;
display: flex;
}
#firstview .container {
max-width: 1600px;
}
.fv_bg {
width:100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.fv_bg img {
width:400px;
}
/*intro*/
#intro {
padding:5rem 0;
background: url("../img/intro_bg.jpg") no-repeat;
background-size: cover;
background-position: center;
}
/*hitorinabemenu*/
#hitorinabemenu {
width:100%;
min-width:860px;
background: url("../img/hnm_bg.png") no-repeat;
background-size: contain;
background-position: top;
padding:7.5rem 0;
margin:0 auto 2rem auto;
}
.hitorinabemenu_section {
padding:3rem;
}
.hitorinabemenu_banner {
display: flex;
justify-content: space-between;
}
.hitorinabemenu_banner a {
width:100%;
}
.hitorinabemenu_banner a img {
width:90%;
}
.hnm_bg {
z-index: 10;
width:100%;
height:100%;
position: relative;
}
.hnm_bg_01 {
width:200px;
top:0;
left:0;
}
.hnm_bg_03 {
width:200px;
top:0;
left:0;
}
.hnm_bg_05 {
width:200px;
top:0;
left:0;
}
.hnm_bg_07 {
width:200px;
top:100%;
left:0;
}
.hnm_bg_02 {
width:200px;
top:0;
left:100%;
}
.hnm_bg_04 {
width:200px;
top:0;
left:100%;
}
.hnm_bg_06 {
width:200px;
top:0;
left:100%;
}
.hnm_bg_08 {
width:200px;
top:100%;
left:100%;
}
/*nabelineup*/
.nabelineup_contain {
justify-content: space-between;
padding:0 2rem;
}

/*daigomi*/
#daigomi {
width:100%;
}
.lineup_container, .spec_container, .nabelineup_container, .link_container {
border-radius: 20px;
padding:3rem;
}
/*footer*/
.Footer_con {
display: flex;
justify-content: space-between;
align-content: center;
}
footer {
height:80px;
background: #222222;
color:#FFF;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: block;
width:300px;
}
.logo img {
max-width:100%;
}
}
@media screen and ( max-width:991px ) {
.pc {
display: none;
}
ul {
margin:0;
padding:0;
}
ul li {
margin-bottom:2rem;
}
ul li:last-child {
margin-bottom:0;
}
td,th{
  padding:1rem 1rem;
}
#firstview {
padding-bottom:1rem;
}
h1 {
width:95%;
margin:0 auto;
}
h2 {
width:95%;
margin:0 auto;
margin-bottom:3rem;
}
#lineup h3, #hitorinabemenu h3 {
width:90%;
margin:0 auto;
margin-bottom:3rem;
}
#nabelineup h3 {
width:60%;
}
.btn-flat-border {
width:100%;
}
.section {
width:85%;
padding:2rem 0;
}
header {
padding:0 2rem;
}
.headerlogo {
width:150px;
}
/*firstview*/
#firstview {
text-align: center;
background: url("../img/fv_bgs.png") no-repeat;
background-size: contain;
background-position: center;
display: flex;
align-items: center;
}
.headerogo {
width:150px;
}
.headerlogo img {
width:100%;
}
/*intro*/
#intro {
height:100vh;
min-height:858px;
padding:3rem 0;
background:url("../img/intro_bgs.jpg") no-repeat;
background-size: cover;
display: flex;
align-items: center;
}

/*hitorinabemenu*/
#hitorinabemenu {
padding:3rem 0;
font-size: 0.8rem;
}
.hitorinabemenu_section {
padding:2rem;
}
.hitorinabemenu_banner {
width:100%;
}
.hitorinabemenu_banner a {
width:100%;
}
.hitorinabemenu_banner a img {
width:100%;
margin-bottom:2rem;
}
.lineup_container, .spec_container, .nabelineup_container, .link_container {
border-radius: 20px;
padding:2rem;
}
/*spec*/
#spec {
font-size:0.8rem;
}
/*footer*/
footer {
font-size:0.8rem;
text-align: center;
padding:1rem 0;
background: #222222;
color:#FFF;
box-sizing: border-box;
}
.logo {
display: block;
width:200px;
margin:0 auto;
}
.nabelineup_contain {
justify-content: center;
}
}
@media screen and ( max-width:767px ) {	
footer {
font-size:0.8rem;
text-align: center;
padding:1rem 0;
background: #222222;
color:#FFF;
box-sizing: border-box;
}
.logo {
display: block;
width:200px;
margin:0 auto;
}
h1 {
width:80%;
margin:0 auto;
}
}
@media screen and ( max-width:575px ) {
footer {
font-size:0.8rem;
text-align: center;
padding:1rem 0;
background: #222222;
color:#FFF;
box-sizing: border-box;
}
.logo {
display: block;
width:200px;
margin:0 auto;
}
}