@charset "UTF-8";
/*
Theme Name: menya-nagahama.com
Theme URI: https://menya-nagahama.com/
Description: menya-nagahama.com
Version: 1.0
Author: menya-nagahama.com
Author URI: https://menya-nagahama.com/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------- 
Primary style
-------------------------------- */

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
    font-size: 100%;
    color: #333;
    background-color: #fff;
    line-height: 1.6;
    -webkit-text-size-adjust: none;
	background: url(images/bg.png) repeat 50% 0;
}

body, html {
  /* important */
    height: 100%;
}

a {
    color: #9e9e9e;
    text-decoration: none;
}

a:hover {
    color: #ccc;
    text-decoration: none;
    transition: color 0.2s ease-out;
}

/* -------------------------------- 
Modules
-------------------------------- */

.container {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    clear: both;
}

@media only screen and (max-width:1060px) {

.container {
    width: inherit;
    margin: 0 15px;
}

}

/* -------------------------------- 
post
-------------------------------- */

p {
    font-size: 15px;
    line-height: 1.8;
}

.alignleft {
    float:left;
    padding:0 15px 15px 10px;
}

.alignright {
    float:right;
    padding: 0 10px 15px 15px;
}

.aligncenter {
    padding: 20px 0 20px 0;
    text-align: center;
}

/* -------------------------------- 
header
-------------------------------- */

h1 {
    text-indent: -9999px;
    height: 0;
}

header {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    clear: both;
}

#mainimg_pc {
    margin: 0 0 13px;
}

#mainimg_pc img {
    max-width: 1060px;
    width: 100%;
	height: auto;
}

.top_img {
    margin: 0 0 20px !important;
}

nav {
    margin: 0 0 35px;
}

nav ul {
    overflow: hidden;
}

nav ul li {
    width: 170px;
    height: 36px;
    float: left;
    margin: 0 8px 0 0;
}

nav ul li.nav6 {
    margin: 0;
}

nav ul li a {
	display: block;
	width: 170px;
	height: 36px;
	text-indent: -9999px;
}

nav ul li a:hover {
    opacity: 0.7;
}

nav ul li.nav1 a {background: url(images/nav1.png) no-repeat 0;}
nav ul li.nav2 a {background: url(images/nav2.png) no-repeat 0;}
nav ul li.nav3 a {background: url(images/nav3.png) no-repeat 0;}
nav ul li.nav4 a {background: url(images/nav4.png) no-repeat 0;}
nav ul li.nav5 a {background: url(images/nav5.png) no-repeat 0;}
nav ul li.nav6 a {background: url(images/nav6.png) no-repeat 0;}

#mainimg_sp {
    display: none;
}

@media only screen and (max-width:1060px) {

nav {
    margin: 0 auto 10px;
    max-width: 348px;
    width: 100%;
}

nav ul li {
    margin: 0 8px 6px 0;
}

nav ul li.nav2, nav ul li.nav4 {
    margin: 0 0 6px;
}

}

@media only screen and (max-width:640px) {

#mainimg_pc {
    display: none;
}

#mainimg_sp {
	display: block;
    margin: 0 0 13px;
    height: auto;
}

#mainimg_sp img {
    max-width: 640px;
    width: 100%;
	height: auto;
}

}

/* -------------------------------- 
top > bana
-------------------------------- */

#bana_350set {
    margin: 40px 0 35px;
}

#bana_350set_sp {
    display: none;
}

@media only screen and (max-width:1060px) {

#bana_350set {
    display: none;
}

#bana_350set_sp {
    display: block;
    max-width: 550px;
    margin: 30px auto 15px;
}

#bana_350set_sp img {
    max-width: 550px;
    width: 100%;
    height: auto;
}

}

/* -------------------------------- 
top > info
-------------------------------- */

#info {
    margin: 0 0 20px;
}

#box_info {
	overflow: hidden;
}

#box_info_l {
    width: 100%;
}

h2#top_info {
    font-size: 29px;
    letter-spacing: 5px;
    text-align: center;
    border-bottom: 2px solid #666;
    padding: 0 0 5px;
    margin: 8px 0 0;
}

ul#info {}

ul#info li {
    padding: 17px 0 14px;
    border-bottom: 1px dashed #999;
}

ul#info li:last-child {
    border-bottom: none;
}

ul#info li a {
    color: #333;
    text-decoration: underline;
    font-size: 17px;
}

ul#info li a:hover {
    text-decoration: none;
}

.info_time {
    border: 1px solid #333;
    width: 120px;
    line-height: 21px;
    display: block;
    text-align: center;
    font-size: 14px;
    float: left;
    margin: 0 15px 0 0;
}

.info {
    border: 1px solid #7e6b5a;
    background: #7e6b5a;
    color: #fff;
    width: 120px;
    line-height: 21px;
    display: block;
    text-align: center;
    font-size: 14px;
    float: left;
    margin: 0 15px 0 0;
}

.campaign {
    border: 1px solid #f08300;
    background: #f08300;
    color: #fff;
    width: 120px;
    line-height: 21px;
    display: block;
    text-align: center;
    font-size: 14px;
    float: left;
    margin: 0 15px 0 0;
}

#box_info_r {
    float: right;
}

@media only screen and (max-width:1060px) {

#info {
    margin: 0 0 15px;
}

#box_info_l {
    float: inherit;
    margin: 0 auto;
}

#box_info_r {
    display: none;
}

}

@media only screen and (max-width:730px) {

ul#info li a {
    clear: both;
    display: block;
    margin: 25px 0 0;
}

}


/* -------------------------------- 
footer
-------------------------------- */

footer {}

#box_bana {
    overflow: hidden;
    padding: 0 0 27px;
    margin: 0 0 25px;
    border-bottom: 2px solid #666;
}

#bana_tukemen {
    float: left;
    margin: 0 15px 0 0;
	display: none;
}

#bana_menya {
    float: left;
    margin: 0 15px 0 0;
	display: none;
}

#bana_recruit {
    float: left;
    margin: 0 0 3px;
	display: none;
}

#bana_line {
    float: left;
    margin: 0;
	display: none;
}

#box_add {
    overflow: hidden;
    margin: 0 0 13px;
}

#box_logo {
    float: left;
    margin: 0 40px 0 0;
}

#box_tel {
    float: left;
    margin: 13px 30px 0 0;
}

#box_tel p {
    font-size: 19px;
    line-height: 125%;
    margin: 0 0 12px;
}

#box_tel p.tel {
    font-size: 27px;
    font-weight: bold;
    background: url(images/icon_tel.png) no-repeat 0;
    padding: 0 0 0 26px;
}

#box_open {
    float: left;
    margin: 13px 0 0;
}

#box_open p {
    font-size: 16.5px;
    line-height: 150%;
}

.open_time {
    letter-spacing: 4px;
    padding: 0 1px 0 6px;
}

#copyright {
    margin: 0 0 12px;
}

#copyright p {
    text-align: center;
    font-size: 12px;
    line-height: 160%;
}

#access_btn {
    display: none;
}

#box_add_sp {
    display: none;
}

#box_bana_sp {
    display: none;
}

.time_spacing {
    letter-spacing: 9px;
}

@media only screen and (max-width:1060px) {

#access_btn {
    max-width: 550px;
    overflow: hidden;
    margin: 0 auto 45px;
    display: block;
}

#access_btn_l {
    float: left;
}

#access_btn_r {
    float: right;
}

#box_bana {
    display: none;
}

#box_add {
    display: none;
}

#box_add_sp {
    display: block;
    overflow: hidden;
    margin: 0 auto 13px;
    max-width: 550px;
    width: 100%;
}

#box_logo_sp {
    display: block;
    margin: 0 0 10px 0;
}

#box_logo_sp img {
    max-width: 550px;
    width: 100%;
    height: auto;
}

#box_tel_sp {
    margin: 10px 0 0 0;
}

#box_tel_sp p {
    font-size: 16px;
    line-height: 160%;
    margin: 0 0 12px;
}

#box_tel_sp span.tel {
    font-size: 25px;
    font-weight: bold;
    background: url(images/icon_tel.png) no-repeat 0;
    padding: 0 0 0 26px;
}

.open_time {
    letter-spacing: 4px;
    padding: 0 1px 0 6px;
}

#box_bana_sp {
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0 auto 13px;
    border-bottom: 2px solid #666;
    padding: 16px 0 9px;
    text-align: center;
}

#box_bana_sp img {
    max-width: 550px;
    width: 93%;
    height: auto;
}

}

@media only screen and (max-width:660px) {

#access_btn {
    overflow: hidden;
    margin: 0 0 24px;
}

#access_btn_l {
    width: 49%;
    float: left;
    text-align: right;
}

#access_btn_r {
    width: 49%;
    float: right;
    text-align: left;
}

#access_btn_l img, #access_btn_r img {
    max-width: 306px;
    width: 100%;
    height: auto;
}

}

/* -------------------------------- 
白虎のこだわり
-------------------------------- */

#stick {
    margin: 60px 0 100px;
}

#box_stick {
    overflow: hidden;
    margin: 0 0 60px;
}

#box_stick h2 {
    max-width: 512px;
    width: 100%;
    height: auto;
}

#box_stick p {
    font-size: 20px;
    line-height: 1.9;
}

#box_stick1 {
    max-width: 513px;
    width: 100%;
    float: left;
}

#box_stick1_img {
    max-width: 513px;
    width: 100%;
    float: right;
}

#box_stick2 {
    max-width: 513px;
    width: 100%;
    float: right;
}

#box_stick2_img {
    max-width: 513px;
    width: 100%;
    float: left;
}

#box_stick3 {
    max-width: 513px;
    width: 100%;
    float: left;
}

#box_stick3_img {
    max-width: 513px;
    width: 100%;
    float: right;
}

#box_stick4 {
    max-width: 513px;
    width: 100%;
    float: right;
}

#box_stick4_img {
    max-width: 529px;
    width: 100%;
    float: left;
}

@media only screen and (max-width:1060px) {

#stick {
    margin: 40px 0 55px;
}

#box_stick {
    margin: 0 0 35px;
}

#box_stick img {
    max-width: 513px;
    width: 100%;
    height: auto;
}

#box_stick p {
    font-size: 18px;
    line-height: 1.7;
    padding: 0 0 1em;
}

#box_stick1 {
    float: inherit;
    margin: 0 auto;
}

#box_stick1_img {
    float: inherit;
    margin: 0 auto;
}

}

/* -------------------------------- 
おしながき
-------------------------------- */

#menu {
    margin: 45px 0 35px;
}

#box_menu {
    overflow: hidden;
    margin: 0 0 60px;
}

#box_menu h2 {
    border-bottom: 2px solid #666;
    margin: 0 0 45px;
}

#box_menu p {
    font-size: 20px;
    line-height: 1.85;
}

ul#menu_1 {}

ul#menu_1 li {
    width: 330px;
    float: left;
    margin: 0 35px 25px 0;
}

ul#menu_1 li:nth-child(3n) {
    margin: 0 0 25px 0;
}

ul#menu_1 li h3 {
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 5px;
}

ul#menu_1 li img {
    margin: 10px 0 0;
}

ul#menu_1 li #menu_text {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 8px 0;
    margin: 15px 0 10px;
    min-height: 146px;
}

ul#menu_1 li #menu_text p {
    font-size: 17px;
}

ul#menu_1 li #menu_price {}

ul#menu_1 li #menu_price p {
    text-align: right;
    font-size: 29px;
    line-height: 1;
}

.price_small {
    font-size: 20px;
}

ul#menu_2 {
    overflow: hidden;
}
	

ul#menu_2 li {
    width: 238px;
    float: left;
    margin: 0 35px 15px 0;
}

ul#menu_2 li:nth-child(4n) {
    margin: 0 0 15px 0;
}

ul#menu_2 li h3 {
    font-size: 27px;
    font-weight: bold;
}

ul#menu_2 li #menu_price p {
    text-align: right;
    font-size: 29px;
    line-height: 1;
}

ul.ippin li h3 {
    margin: 0 0 -5px !important;
}

@media only screen and (max-width:1060px) {

#box_menu {
    margin: 0 0 40px;
}

ul#menu_1 li {
    width: 330px;
    float: inherit;
    margin: 0 auto 25px;
}

ul#menu_1 li:nth-child(3n) {
    margin: 0 auto 25px;
}

#box_menu h2 {
    margin: 0 0 30px;
}

ul#menu_2 {
    overflow: hidden;
    max-width: 345px;
    margin: 0 auto;
}

ul#menu_2 li h3 {
    font-size: 22px;
}

ul#menu_2 li {
    max-width: 238px;
    width: 46%;
    float: left;
    margin: 0 6px 15px;
}

ul#menu_2 li:nth-child(4n) {
    margin: 0 6px 15px;
}

ul#menu_2 li img {
    width: 100%;
    height: auto;
}

#box_menu h2 img.title_menu3 {
    max-width: 320px;
    width: 100%;
    height: auto;
}

ul#menu_2 li #menu_price p {
    font-size: 23px;
}

}

/* -------------------------------- 
新着情報
-------------------------------- */

#news {
    margin: 45px 0 60px;
}

h2#news {
    width: 337px;
    position: relative;
    left: 37.4%;
}

#box_news {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px dashed #999;
    font-size: 21px;
    font-weight: bold;
}

#box_news .info_time {
    margin: 6px 18px 0 0;
}

#box_news .info {
    margin: 6px 18px 0 0;
}

#box_news .campaign {
    margin: 6px 18px 0 0;
}

#news_title {}

#news_content {
    padding: 0 0 35px;
    margin: 0 0 35px;
    border-bottom: 1px dashed #999;
}

#news_content img {
    max-width: 100%;
    height: auto;
}

#news_content p {
    font-size: 17px;
    line-height: 1.6;
}

#news_page {
    text-align: center;
}

@media only screen and (max-width:1060px) {

#news {
    margin: 25px 0 60px;
}

h2#news {
    width: 337px;
    position: unset;
    left: inherit;
    margin: 0 auto 15px;
}

#news_title {
    clear: both;
    font-size: 20px;
    padding: 5px 0 0;
}

#box_news {
    padding: 0 0 10px;
    margin: 0 0 10px;
}

}

/* -------------------------------- 
クーポン／サービス案内
-------------------------------- */

#coupon {
    margin: 45px 0 115px;
}

h2#coupon {
    width: 337px;
    position: relative;
    left: 37.4%;
    margin: 0 0 40px;
}

#box_coupon {
    overflow: hidden;
    margin: 0 0 20px;
}

#box_coupon_l {
    max-width: 510px;
    width: 100%;
    float: left;
}

#box_coupon_l p {
    font-size: 17px;
    padding: 0 0 20px;
    line-height: 150%;
}

.gentei {
    font-size: 21px;
    font-weight: bold;
    color: #ea5504;
}

#icon_coupon {
    margin: 20px 0 20px;
}

#icon_coupon_img {
    float: left;
    margin: 0 30px 0 0;
}

#box_coupon_r {
    max-width: 510px;
    width: 100%;
    float: right;
}

p.stamp_p {
    padding: 0 0 20px;
    font-size: 17px;
    line-height: 1.5;
}

p.stamp_orange {
    font-size: 21px;
    font-weight: bold;
    color: #ea5504;
    padding: 0 0 18px;
}

@media only screen and (max-width:1060px) {

#coupon {
    margin: 25px 0 45px;
}

h2#coupon {
    width: 337px;
    position: unset;
    left: inherit;
    margin: 0 auto 15px;
}

#box_coupon_l {
    float: inherit;
    margin: 0 auto;
}

#box_coupon_l p {
    font-size: 16px;
}

#icon_coupon_img {
    margin: 0 20px 0 0;
}

#box_coupon_r {
    float: inherit;
    margin: 0 auto;
}

#box_coupon_l img {
    max-width: 510px;
    width: 100%;
    height: auto;
}

#box_coupon_r img {
    max-width: 510px;
    width: 100%;
    height: auto;
}

}

/* -------------------------------- 
アクセス
-------------------------------- */

#access {
    margin: 45px 0 70px;
}

h2#access {
    width: 337px;
    position: relative;
    left: 37.4%;
    margin: 0 0 35px;
}

#box_access {
    margin: 0 0 100px;
}

ul#photo {
    overflow: hidden;
}

ul#photo li {
    float: left;
    margin: 0 20px 13px 0;
}

ul#photo li:nth-child(3n) {
    margin: 0 0 13px 0;
}

#box_access2 {
    overflow: hidden;
}

#box_access2_l {
    max-width: 510px;
    width: 100%;
    float: left;
    padding: 0 20px;
}

#logo_access {
    margin: 0 0 22px;
}

table#access_add {
    font-size: 19px;
    width: 100%;
    margin: 0 0 40px;
}

table#access_add th {
    font-weight: normal;
    text-align: left;
    letter-spacing: 8px;
    width: 94px;
}

table#access_add th.non_spacing {
    letter-spacing: 0;
}

table#access_add td {}

#box_access2_r {
	max-width: 510px;
    width: 100%;
    float: right;
}

#gmap {
    margin: 0 0 25px;
}

@media only screen and (max-width:1060px) {

#access {
    margin: 25px 0 45px;
}

h2#access {
    width: 337px;
    position: unset;
    left: inherit;
    margin: 0 auto 15px;
}

ul#photo {
    max-width: 345px;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
}

ul#photo li {
    max-width: 238px;
    width: 46%;
    float: left;
    margin: 0 6px 8px;
}

ul#photo li:nth-child(3n) {
    margin: 0 6px 8px;
}

ul#photo li img {
    width: 100%;
    height: auto;
}

#box_access {
    margin: 0 0 40px;
}

#box_access2_l {
    display: none;
}

#box_access2_r {
    float: inherit;
    margin: 0 auto;
}

#gmap {
    margin: 0 0 15px;
}

#btn-gmap {
    max-width: 510px;
    width: 100%;
    height: auto;
}

}

/* -------------------------------- 
採用情報
-------------------------------- */

#recruit {
    margin: 45px 0 160px;
}

h2#recruit {
    width: 337px;
    position: relative;
    left: 37.4%;
    margin: 0 0 35px;
}

#box_recruit {
    margin: 0 0 15px;
    overflow: hidden;
}

#box_recruit_l {
    max-width: 510px;
    width: 100%;
    float: left;
}

h3#recruit {
    background: #a6937c;
    color: #fff;
    padding: 0 0 0 17px;
    margin: 35px 0 27px;
    font-size: 23px;
}

#box_recruit p {
    font-size: 19px;
    line-height: 170%;
}

#box_recruit_r {
    max-width: 510px;
    width: 100%;
    float: right;
}

@media only screen and (max-width:1060px) {

#recruit {
    margin: 25px 0 70px;
}

h2#recruit {
    width: 337px;
    position: unset;
    left: inherit;
    margin: 0 auto 15px;
}

#box_recruit_l {
    float: inherit;
    margin: 0 auto 40px;
}

#box_recruit_l img {
    max-width: 510px;
    width: 100%;
    height: auto;
}

#box_recruit_r {
    float: inherit;
    margin: 0 auto 10px;
}

#box_recruit_r img {
    max-width: 510px;
    width: 100%;
    height: auto;
}

}

/* -------------------------------- 
お問い合わせ／応募フォーム
-------------------------------- */

input[type="text"], input[type="email"], input[type="tel"], textarea{
    vertical-align: middle;
    width: 100%;
    line-height: 35px;
    height: 35px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fff;
    margin: 4px 0 25px;
}

input[type="text"], input[type="email"], textarea {}

textarea {
    min-height: 200px;
    line-height: 1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
    width: 110px;
    height: 26px;
    background: url(images/btn_form.png) no-repeat 0;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{}

*:first-child+html input[type="submit"]{padding:3px;}

p.btn_form {
    text-align: center;
    margin: 25px 0 0;
}