/* normalize */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select{vertical-align:middle}
input, textarea {border: none;outline: none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,textarea{border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;
}


::selection {}
::-moz-selection {}
*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {pointer-events: none;}
.clearfix:after {content: "";display: block;clear: both;}
a,:before,:after,
#gnavPanel,
#gnavBtn,
#gnavBtn>span>span,
body>header,
body>#contentWrap,
body>footer,
#pagetop{
    -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
    -o-transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
    transition: all 0.6s cubic-bezier(0.5, 0, 0, 1);
}
a{text-decoration: none}
a:hover{text-decoration: none;opacity: 0.5}
p{text-align: justify;}







/* common */
.fPc {display: block !important;}
.fSp {display: none !important;}
@media only screen and (max-width: 768px){
.fPc {display: none !important;}
.fSp {display: block !important;}
}

body {
    font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    -webkit-font-feature-settings: 'pkna';
          font-feature-settings: 'pkna';
}
body{
    min-width: 1000px;
    overflow-x:hidden;
    position: relative;
}

.cmnBtn {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fdd108;
    border-radius: 5px;
    padding: 20px 0;
    color: #000 !important;
    margin-bottom: 10px;
    pointer-events: visible;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

/*
body.fixed {
    overflow-y: hidden;
}
*/


/* fadeInAnime */
.fadeInTrigger1,
.fadeInTrigger2,
.fadeInTrigger3{
    visibility: hidden;
}
.fadeInAnime1 {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: fadeInAnime1;
    animation-name: fadeInAnime1;
    visibility: visible !important;
}
@-webkit-keyframes fadeInAnime1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInAnime1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInAnime2 {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInAnime2;
    animation-name: fadeInAnime2;
    visibility: visible !important;
}
@-webkit-keyframes fadeInAnime2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInAnime2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInAnime3 {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    -webkit-animation-name: fadeInAnime3;
    animation-name: fadeInAnime3;
    visibility: visible !important;
}
@-webkit-keyframes fadeInAnime3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInAnime3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.vert {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.imgWrap{
    position: relative;
    overflow: hidden;
    display: block;
}
.imgWrap>img {
    position: absolute;
    margin: auto;
    left: -50%;
    right: -50%;
    top: -50%;
    bottom: -50%;
}
section{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
section>.inner,
section>div>.inner{
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: auto;
    position: relative;
}
h1,h2,
h1 *,h2 *{
    font-weight: lighter;
}

/*header*/
body>header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    background-color: #FFF;
    overflow: hidden;
    line-height: 20px;
    display: block;
}
body>header.on {
    visibility: hidden;
    opacity: 0;
}
body>header>.inner {
    width: 100%;
    min-width: 1000px;
    height: 100%;
    position: relative;
    display: block;
}
body>header>.inner>h1 {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
        margin-left: 40px;
}
body>header>.inner>h1>a {
    width: 100%;
    height: 100px;
    display: block;
}
body>header>.inner>h1>a:hover{
    opacity: 1;
}
body>header>.inner>h1>a>img {
    width: auto;
    height: 100px;
    padding: 25px 0;
}
body>header>.inner>h1>a>span {
    color: #FFF !important;
    top: 0;
    bottom: 0;
    left: 200px;
    height: 20px;
    margin: auto;
    position: absolute;
    width: 100px;
    text-align: center;
    display: block;
    line-height: 20px;
    letter-spacing: 5px;
    padding-left: 5px;
    font-size: 12px;
}
#gnav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
    width: auto;
    height: auto;
    display: inline-block;
    height: 20px;
}
#gnav>ul {}
#gnav>ul>li {
    float: left;
    margin-right: 45px;
}
#gnav>ul>li:last-child{
    margin-right: 0;
}
#gnav>ul>li>a {}
#gnavCommon {
    position: absolute;
    top: 10px;
    right: 40px;
    width: auto;
    height: auto;
    display: inline-block;
    opacity: 0.75;
}
#gnavCommon>ul{}
#gnavCommon>ul>li {
    float: left;
    margin-right: 30px;
    font-size: 10px;
    position: relative;
    padding-left: 20px;
}
#gnavCommon>ul>li:last-child {
    margin-right: 0;
}
#gnavCommon>ul>li:before,
#gnavCommon>ul>li:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
    border: 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#gnavCommon>ul>li:before {}
#gnavCommon>ul>li:after {left: 5px;}
#gnavCommon>ul>li>a{}











#contentWrap {
    margin-top: 100px;
}

body.fixed>header,
body.fixed>#contentWrap,
body.fixed>footer {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}




/*intro*/
#intro>h1 {
    width: 80px;
    height: 350px;
    position: relative;
        margin: 0 auto -50px;
    z-index: 2;
}
#intro>h1>span {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    padding: 0 20px;
    letter-spacing: 5px;
    color: #FFF;
}
#intro>h1>span>span {
    font-size: 16px;
    padding-bottom: 20px;
    color: #FFF;
}
#intro>.img1 {
    position: absolute;
    top: 50px;
    left: 600px;
    right: 0;
    margin: auto;
    width: 400px;
    height: 300px;
    z-index: 1;
}
#intro>.img1>img {
    width: 100%;
    height: auto;
}
#introTxt0 {
    width: 160px;
    height: 320px;
    position: absolute;
    top: 290px;
    left: 720px;
    right: 0;
    margin: auto;
    z-index: 2;
    display: block;
}
#introTxt0>p{
    font-size: 16px;
    line-height: 30px;
    padding: 20px;
    color: #FFF;
}
#introTxt {
    width: 310px;
    height: 560px;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 720px;
    margin: auto;
    z-index: 1;
    display: block;
}
#introTxt>p {
    font-size: 16px;
    line-height: 30px;
    padding: 20px;
    color: #FFF;
}
#intro>.img2 {
    width: 100%;
    height: 500px;
}
#intro>.img2>img {
    width: 100%;
    height: auto;
}
#intro>.deco {
    position: absolute;
    top: 100px;
    left: 0;
    right: 500px;
    margin: auto;
    display: block;
    width: 500px;
    height: 200px;
    z-index: -1;
}
#intro>.deco>img {
    width: auto;
    height: 100%;
}


/*menu*/
#menu {
    padding: 100px 0 0;
}
#menu>.inner {
    z-index: 3;
}
#menu>.inner>h1 {
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
}
#menu>.inner>h1>span {
    font-size: 26px;
    line-height: 30px;
    padding: 20px 15px 10px;
    letter-spacing: 5px;
    text-align: center;
    color: #FFF;
}
.menuList {
    position: relative;
    padding: 50px 0;
    right: 100px;
    width: 100%;
    height: 840px;
    display: block;
}
.menuList>.menuListInner {
    width: auto;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: block;
    float: left;
}
#dinner {}
#lunch {}
.menuList>.menuListInner>h2 {
    border: 1px solid;
    padding: 25px 10px 20px;
    letter-spacing: 5px;
    display: inline-block;
    font-size: 20px;
    background-color: #FFF;
}
.menuList>.menuListInner>ul {
    border-top: 1px solid;
    padding: 30px;
    margin-top: 20px;
    height: 350px;
}
.menuList>.menuListInner>ul>li {
    position: relative;
    padding-left: 30px;
}
.menuList>.menuListInner>ul>li:last-child {
    padding-left: 0;
}
.menuList>.menuListInner>ul>li>.title{
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 5px;
}
.menuList>.menuListInner>ul>li>.price {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    text-align: right;
}
.menuList>.menuListInner>ul>li>.price>span {
    font-size: 12px;
    display: block;
}
.menuList>.menuListInner>ul>li>.caption {
    line-height: 24px;
    padding-top: 30px;
}
#menu>.imgWrap{
    position: absolute;
    left: 0;
    margin: auto;
}
#menu>.img1 {
    top: 200px;
    right: 350px;
    width: 330px;
    height: 460px;
    z-index: 1;
}
#menu>.img1>img{
    width: auto;
    height: 100%;
}
#menu>.img2 {
    position: absolute;
    top: 620px;
    right: 550px;
    width: 450px;
    height: 280px;
}
#menu>.img2>img{
    width: 100%;
    height:auto;
}
#attention {
    width: 100%;
    max-width: 800px;
    height: auto;
    position: relative;
    margin: auto;
    border: 1px solid;
    padding: 20px 60px;
    background-color: #FFF;
}
#attention>p {
    font-size: 14px;
    line-height: 30px;
        padding-bottom: 10px;
}
#attention>ul {
}
#attention>ul>li {
    font-size: 12px;
    line-height: 18px;
    position: relative;
        padding: 3px 0 3px 20px;
}
#attention>ul>li:before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    border: 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*shop*/
#shop {
    height: 500px;
}
#shop dl *{
    color: #FFF !important;
}
#shop>.inner>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 50px 50px 50px 0;
}
#shop>.inner h1 {
    font-size: 24px;
    line-height: 30px;
    background-color: #FFF;
    display: inline-block;
    padding: 10px 50px;
    letter-spacing: 5px;
}
#shop>.inner h1>span{
    font-size: 16px;
    padding-right: 20px;
    display: block;
    float: left;
}
#shop>.inner dl{
    margin-top: 50px;
}
#shop>.inner dl>dt,
#shop>.inner dl>dd{
    line-height: 24px;
}
#shop>.inner dl>dt {
    float: left;
    width: 30%;
}
#shop>.inner dl>dd {
    width: 70%;
    margin-left: 30%;
    margin-top: 20px;
    margin-bottom: 20px;
}
#shop>.inner dl>dd>ul>li>span {
    display: block;
    font-size: 10px;
    line-height: 12px;
}
#shop>.inner dl>dd>ul>li{margin-bottom: 10px;}
/*#shop>.inner dl>dd>ul>li:last-child{margin-bottom: 0;}*/
#shop>.inner dl>dt.shopTel {
    margin: 10px 0;
}
#shop>.inner dl>dd.shopTel>a {
    color: #fdd108 !important;
    font-size: 30px;
    line-height: 40px;
        pointer-events: none;
}
#shop>.inner dl>dd:after {
    content: '';
    display: block;
    clear: both;
}
#maparea {
    width: 50%;
    height: 100%;
    position: absolute !important;
    top: 0;
    right: 0;
}



/*infomation*/
#information{
        padding: 100px 0;
}
#information>.inner {
    width: 100%;
    max-width: 800px;
}
#information>.inner>h1 {
    font-size: 26px;
    line-height: 30px;
    padding: 30px 15px 20px;
    letter-spacing: 5px;
    text-align: center;
    width: 60px;
    border: 1px solid;
    float: left;
}
#information>.inner>dl {
    float: right;
    width: 100%;
    max-width: 650px;
    margin-top: 50px;
}
#information>.inner>dl>dt {
    line-height: 24px;
    padding: 30px 0;
    /*cursor: pointer;*/
}
#information>.inner>dl>dt>p {
    font-size: 18px;
    line-height: 30px;
}
#information>.inner>dl>dt>span {
    width: 100%;
    height: 30px;
    display: block;
    position: relative;
    opacity: 0.5;
    font-size: 12px;
}
#information>.inner>dl>dt>.date>p {
    position: absolute;
    line-height: 20px;
    top: 0;
    bottom: 0;
    right: 0;
    height: 30px;
    margin: auto;
    display: block;
    padding: 5px 0 5px 20px;
    background-color: #FFF;
    z-index: 2;
}
#information>.inner>dl>dt>.date>span {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}
#information>.inner>dl>dd {
    /* display: none; */
    padding-right: 110px;
    font-size: 14px;
    line-height: 30px;
        padding-top: 30px;
    padding-bottom: 30px;
}
#information>.inner>dl>dd>p>a {
    text-decoration: underline;
}

/*cater*/
#cater{}
#caterIntro {
    width: 100%;
    height: 500px;
    position: relative;
}
#caterIntro>span {
    width: 280px;
    height: 100%;
    overflow: hidden;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 70px 0 0 0;
}
#caterIntro>span>h1 {
font-size: 50px;
    line-height: 60px;
    color: #fdd108 !important;
}
#caterIntro>span>p {
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    padding: 0 10px;
}


.caterMenu {
    padding-bottom: 40px;
}

/*catermenu1*/
#caterMenu1>.inner>ul{}
#caterMenu1>.inner>ul>li {
    float: left;
    width: 48%;
    position: relative;
}
#caterMenu1>.inner>ul>li:nth-child(odd) {margin-left: 4%}
#caterMenu1>.inner>ul>li:nth-child(even) {}
#caterMenu1>.inner>ul>li:first-child{
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
}
#caterMenu1>.inner>ul>li>span {
    width: 100%;
    height: 350px;
    display: block;
    background-size: cover;
    background-position: 50%;
}
#caterMenu1>.inner>ul>li:first-child>span {
    height: 600px;
}
#caterMenu1>.inner>ul>li:nth-child(3)>span {
    background-position: 20% 50%;
}
#caterMenu1>.inner>ul>li:nth-child(3)>aside {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: -180px;
}
#caterMenu1>.inner>ul>li:nth-child(3)>aside>img {
    width: 80%;
    height: auto;
    display: block;
    margin: auto;
}
#caterMenu1>.inner>ul>li>.title {
    position: absolute;
    top: 30px;
    left: 20px;
    font-size: 60px;
    line-height: 70px;
    text-shadow: 0 0 10px #e14a19, 0 0 20px #e14a19, 0 0 30px #e14a19;
}
#caterMenu1>.inner>ul>li:first-child>.title {
    font-size: 100px;
    line-height: 110px;
    top: 40px;
}
#caterMenu1>.inner>ul>li>.title>span {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
}
#caterMenu1>.inner>ul>li>.title>span>span {
    position: absolute;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    width: 100%;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-shadow: 0 0 5px #e14a19, 0 0 10px #e14a19, 0 0 15px #e14a19;
}
#caterMenu1>.inner>ul>li:first-child>.title>span>span {
    font-size: 13px;
    top: -20px;
}

#caterMenu1>.inner>ul>li>div {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 250px;
    padding: 20px;
}
#caterMenu1>.inner>ul>li>div>.price {
    font-size: 28px;
    line-height: 30px;
    text-align: right;
    width: 100%;
    display: block;
    position: relative;
}
#caterMenu1>.inner>ul>li>div>.price:before {
    content: "";
    width: 50%;
    height: 1px;
    display: block;
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#caterMenu1>.inner>ul>li>div>.price>span {
    font-size: 20px;
    padding-left: 5px;
}
#caterMenu1>.inner>ul>li>div>.caption{
    font-size: 16px;
    padding-bottom: 5px;
}
#caterMenu1>.inner>ul>li>div>.caption>span {
    display: block;
    font-size: 10px;
}

/*caterMenu2*/
#caterMenu2 {
    padding-top: 150px;
}
#caterMenu2>.inner {}
#caterMenu2>.inner>ul {}
#caterMenu2>.inner>ul>li {
    float: left;
    width: 48%;
    height: auto;
}
#caterMenu2>.inner>ul>li:nth-child(odd) {}
#caterMenu2>.inner>ul>li:nth-child(even) {margin-left: 4%}
#caterMenu2>.inner>ul>li>span {
    height: 400px;
    width: 100%;
    display: block;
    background-size: auto 80%;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
#caterMenu2>.inner>ul>li>div {
    border: 1px solid;
        padding: 20px 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
        margin-top: -60px;
}
#caterMenu2>.inner>ul>li>div>.title {
    font-size: 40px;
    line-height: 50px;
    width: 35%;
    float: left;
    padding-top: 20px;
}
#caterMenu2>.inner>ul>li>div>.title>span {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
}
#caterMenu2>.inner>ul>li>div>.title>span>span {
    position: absolute;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    width: 100%;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}
#caterMenu2>.inner>ul>li>div>.price {
    width: 65%;
    float: right;
    font-size: 28px;
    line-height: 30px;
    text-align: right;
    display: block;
    position: relative;
}
#caterMenu2>.inner>ul>li>div>.price:before {
    content: "";
    width: 60%;
    height: 1px;
    display: block;
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#caterMenu2>.inner>ul>li>div>.price>span {
    font-size: 20px;
    padding-left: 5px;
}
#caterMenu2>.inner>ul>li>div>.caption{
    width: 65%;
    float: right;
    min-height: 48px;
}
#caterMenu2>.inner>ul>li>div>.caption>span {}
/*caterMenu3*/
#caterMenu3>.inner {}
#caterMenu3>.inner>ul {}
#caterMenu3>.inner>ul>li {
    float: left;
    width: 48%;
    height: 250px;
    position: relative;
}
#caterMenu3>.inner>ul>li:nth-child(odd) {}
#caterMenu3>.inner>ul>li:nth-child(even) {margin-left: 4%}
#caterMenu3>.inner>ul>li>span {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%;
}
#caterMenu3>.inner>ul>li>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
        display: inline-block;
            width: 100%;
}
#caterMenu3>.inner>ul>li>div>.title {
    font-size: 40px;
    line-height: 50px;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 20px;
}
#caterMenu3>.inner>ul>li>div>.price {
    text-align: right;
    display: block;
    width: 100%;
        font-size: 28px;
    line-height: 30px;
}
#caterMenu3>.inner>ul>li>div>.price>span {
        font-size: 20px;
    padding-left: 5px;
}
#caterMenu3>.inner>ul>li>div>.price>.status {
    padding-left: 0;
    padding-right: 10px;
}
/*caterMenu4*/
#caterMenu4>.inner {}
#caterMenu4>.inner>ul {}
#caterMenu4>.inner>ul>li {
    float: left;
    width: 48%;
        height: auto;
    display: inline-block;
    position: relative;
}
#caterMenu4>.inner>ul>li:nth-child(odd) {}
#caterMenu4>.inner>ul>li:nth-child(even) {margin-left: 4%}
#caterMenu4>.inner>ul>li>span {
    width: 100%;
    height: 100%;
    display: block;
}
#caterMenu4>.inner>ul>li>span>img {
    width: 100%;
    height: auto;
}
#caterMenu4>.inner>ul>li>span>aside {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 10px;
    font-size: 10px;
    line-height: 20px;
}
#caterMenu4>.inner>ul>li>div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
}
#caterMenu4>.inner>ul>li>div>.title {
    font-size: 24px;
    line-height: 30px;
    display: block;
}
#caterMenu4>.inner>ul>li>div>.price {
    display: block;
    font-size: 22px;
    line-height: 24px;
}
#caterMenu4>.inner>ul>li>div>.price>span {
        font-size: 14px;
    padding-left: 5px;
}
#caterMenu4>.inner>ul>li>div>.price>.status {
    padding-left: 0;
    padding-right: 10px;
}






/*osechi*/
#osechi{
    background-color: #9c240a;
}
#taketani #osechi *{
    color: #FFF;
}
#saidera #osechi * {
    color: #FFF;
}
#osechiIntro {
    width: 100%;
    height: 500px;
    position: relative;
}
#osechiIntro>span {
    width: 280px;
    height: 100%;
    overflow: hidden;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 70px 0 0 0;
}
#osechiIntro>span>h1 {
    font-size: 50px;
    line-height: 60px;
    color: #fdd108 !important;
    padding-left: 20px;
}
#osechiIntro>span>p {
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    padding: 0 10px;
}

.osechiMenu>.inner{
    max-width: 800px;
}
#osechiMenu1 {
    margin-top: -100px;
}
#osechiMenu1>.inner>span {
    width: 80%;
    height: auto;
    display: block;
    position: relative;
    margin: auto;
    overflow: hidden;
    margin-bottom: -20px;
    z-index: 1;
}
#osechiMenu1>.inner>span>img {
    width: 100%;
    height: 100%;
}
#osechiMenu1>.inner>ul>li {
    background-color: #000;
    margin-bottom: 30px;
    padding: 30px 80px;
}
#osechiMenu1>.inner>ul>li>span {
    width: 100%;
    height: 300px;
    display: block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
#osechiMenu1>.inner>ul>li>div {
    padding: 20px 0 0 0;
}
#osechiMenu1>.inner>ul>li>div>.title {
    color: #fdd108 !important;
    font-size: 50px;
    line-height: 60px;
    width: 50%;
    float: left;
        padding-right: 20px;
}
#osechiMenu1>.inner>ul>li>div>.title>span {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fdd108 !important;
}
#osechiMenu1>.inner>ul>li>div>.caption {
    width: 50%;
    float: right;
        padding: 5px 0;
}
#osechiMenu1>.inner>ul>li>div>.price {
    width: 50%;
    float: right;
    font-size: 28px;
    line-height: 30px;
    text-align: right;
    display: block;
    position: relative;
}
#osechiMenu1>.inner>ul>li>div>.price:before{
    content: "";
    width: 50%;
    height: 1px;
    display: block;
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#osechiMenu1>.inner>ul>li>div>.price>span{
    font-size: 12px;
    padding-left: 5px;
}



/* okuizome */
#okuizomeIntro {
    width: 100%;
    height: 400px;
    position: relative;
}
#okuizomeIntro>span {
    width: 140px;
    height: 100%;
    overflow: hidden;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 70px 0 0 0;
}
#okuizomeIntro>span>h1 {
    font-size: 50px;
    line-height: 60px;
    color: #9c240a !important;
}
#okuizomeIntro>span>p{
    font-size: 20px;
    line-height: 40px;
    padding: 0 10px;
}
#okuizomeMenu1>.inner>ul{}
#okuizomeMenu1>.inner>ul>li {
    float: left;
    width: 48%;
    position: relative;
}
#okuizomeMenu1>.inner>ul>li:nth-child(odd) {margin-left: 4%}
#okuizomeMenu1>.inner>ul>li:nth-child(even) {}
#okuizomeMenu1>.inner>ul>li:first-child{
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
}
#okuizomeMenu1>.inner>ul>li>span {
    width: 100%;
    height: 350px;
    display: block;
    background-size: cover;
    background-position: 50%;
}
#okuizomeMenu1>.inner>ul>li:first-child>span {
    height: 600px;
}
#okuizomeMenu1>.inner>ul>li:nth-child(3)>span {
    background-position: 20% 50%;
}
#okuizomeMenu1>.inner>ul>li:nth-child(3)>aside {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: -180px;
}
#okuizomeMenu1>.inner>ul>li:nth-child(3)>aside>img {
    width: 80%;
    height: auto;
    display: block;
    margin: auto;
}
#okuizomeMenu1>.inner>ul>li>.title {
    position: absolute;
    top: 30px;
    left: 20px;
    font-size: 60px;
    line-height: 70px;
    text-shadow: 0 0 10px #e14a19, 0 0 20px #e14a19, 0 0 30px #e14a19;
}
#okuizomeMenu1>.inner>ul>li:first-child>.title {
    font-size: 70px;
    line-height: 80px;
    top: 40px;
}
#okuizomeMenu1>.inner>ul>li>.title>span {
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
}
#okuizomeMenu1>.inner>ul>li>.title>span>span {
    position: absolute;
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    width: 100%;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-shadow: 0 0 5px #e14a19, 0 0 10px #e14a19, 0 0 15px #e14a19;
}
#okuizomeMenu1>.inner>ul>li:first-child>.title>span>span {
    font-size: 13px;
    top: -20px;
}

#okuizomeMenu1>.inner>ul>li>div {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 250px;
    padding: 20px;
}
#okuizomeMenu1>.inner>ul>li>div>.price {
    font-size: 28px;
    line-height: 30px;
    text-align: right;
    width: 100%;
    display: block;
    position: relative;
}
#okuizomeMenu1>.inner>ul>li>div>.price:before {
    content: "";
    width: 50%;
    height: 1px;
    display: block;
    background-color: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#okuizomeMenu1>.inner>ul>li>div>.price>span {
    font-size: 20px;
    padding-left: 5px;
}
#okuizomeMenu1>.inner>ul>li>div>.caption{
    font-size: 16px;
    padding-bottom: 5px;
}
#okuizomeMenu1>.inner>ul>li>div>.caption>span {
    display: block;
    font-size: 10px;
}
#okuizomeMenu1>.inner>ul>li>.title>span,
#okuizomeMenu1>.inner>ul>li>div>.price,
#okuizomeMenu1>.inner>ul>li>div>.price>span{
    color: #FFF;
}




/*commonContact*/
.commonContact{
    padding: 0 0 50px 0;
}
.commonContact>.inner{
    width: 100%;
    max-width: 600px;
}
.commonContact>.inner>.contactTopWrap{}
.commonContact>.inner>.contactTopWrap>p {
    text-align: center;
    border-bottom: 2px solid #fdd108;
    font-size: 20px;
    line-height: 30px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.commonContact>.inner>div>ul>li {
    font-size: 18px;
    line-height: 30px;
    position: relative;
    padding-left: 25px;
}
.commonContact>.inner>div>ul>li:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    display: block;
    background-color: #FFF;
    top: 0;
    bottom: 0;
    left: 2px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.commonContact>.inner>.contactMiddleWrap{
        margin: 20px 0;
}
.commonContact>.inner>.contactMiddleWrap>dl>dt {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    padding: 5px 0;
        margin-bottom: 10px;
}

.commonContact>.inner>.contactMiddleWrap>dl>dd {
    text-align: center;
    font-size: 50px;
    line-height: 60px;
}
.commonContact>.inner>.contactMiddleWrap>dl>dd>a {
    pointer-events: none;
}
.commonContact>.inner>.contactMiddleWrap>dl>dd span {
    font-size: 38px;
}

.commonContact>.inner>.contactMiddleWrap>aside {
    font-size: 20px;
    line-height: 40px;
    margin-top: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 5px 0;
}
.commonContact>.inner>.contactMiddleWrap>aside>span{
    float: left;
}
.commonContact>.inner>.contactMiddleWrap>aside>span:first-child{
    width: 70%;
    text-align: center;
}
.commonContact>.inner>.contactMiddleWrap>aside>span:last-child {
    width: 30%;
    display: inline-block;
    text-align: center;
}

.commonContact>.inner>.contactBottomWrap{}
.commonContact>.inner>.contactBottomWrap>.contactFlow{
    float: left;
    width: 55%;
        padding-right: 20px;
}
.commonContact>.inner>.contactBottomWrap>.contactFlow *{
    text-align: center;
}
.commonContact>.inner>.contactBottomWrap>.contactFlow>p {}
.commonContact>.inner>.contactBottomWrap>.contactFlow>ul>li {
    background-color: #FFF;
    margin-top: 20px;
    position: relative;
}
.commonContact>.inner>.contactBottomWrap>.contactFlow>ul>li:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    border: 10px solid transparent;
    border-top-color: #fdd108;
}
.commonContact>.inner>.contactBottomWrap>.contactFlow>ul>li:last-child:before {
display: none;
}

.commonContact>.inner>.contactBottomWrap>.contactAttention {
    float: left;
    width: 45%;
        font-size: 12px;
}


/*commonContact osechi*/
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd {
    position: relative;
    width: 100%;
    height: 90px;
    margin: 20px 0;
}
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd>span:nth-child(1) {
    width: 140px;
    height: 100%;
    text-align: center;
    display: block;
    position: absolute;
    font-size: 20px;
    line-height: 90px;
    border: 1px solid;
}
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd>span:nth-child(2) {
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    bottom: 5px;
    left: 170px;
}
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd>a {
    position: absolute;
    left: 170px;
    top: 0;
}
#saidera #osechi .commonContact>.inner>div>ul>li:before{
    background-color: #FFF !important;
}


/*commonContact okuizome*/
#okuizome .commonContact>.inner>.contactTopWrap,
#okuizome .commonContact>.inner>.contactBottomWrap {
    display: none;
}
#okuizome .commonContact>.inner>.contactMiddleWrap>dl>dt,
#okuizome .commonContact>.inner>.contactMiddleWrap>aside>span:last-child {
    color: #FFF;
}




/*gnavPanel*/
#gnavPanel {
    width: 100%;
    max-width: 300px;
    height: 100% !important;
    position: fixed;
    z-index: 9998;
    display: block;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    visibility: hidden;
    /*opacity: 0;*/
}
#gnavPanel.on {
    right: 0;
    -webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
visibility: visible !important;
opacity: 1;
}
#gnavPanel>span {
    padding: 0 50px;
    width: 100%;
height: 479px;
overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#gnavPanel ul:nth-child(1) {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 20px 0;
}
#gnavPanel ul:nth-child(1)>li{
}
#gnavPanel ul:nth-child(1)>li>a {
    color: #FFF;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 0;
}

#gnavPanel ul:nth-child(2) {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    border-bottom: 1px solid #FFF;
        padding: 10px 0 10px 2px;
}
#gnavPanel ul:nth-child(2)>li{
    position: relative;
    padding-left: 20px;
}
#gnavPanel ul:nth-child(2)>li:before, #gnavPanel ul:nth-child(2)>li:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#gnavPanel ul:nth-child(2)>li:after{
    left: 5px;
}
#gnavPanel ul:nth-child(2)>li>a {
    color: #FFF;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 24px;
    padding: 5px 0;
}



/*footer*/
#gnavBtn {
    display: block;
    position: fixed;
    top: -50px;
    right: -50px;
    width: 100px;
    height: 100px;
    z-index: 9999;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}
#gnavBtn.on{
    visibility: visible;
    opacity: 1;
}
#gnavBtn>span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 68px;
    right: 40px;
}
#gnavBtn>span>span {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #FFF;
    display: block;
}
#gnavBtn>span>span:before,
#gnavBtn>span>span:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #FFF;
}
#gnavBtn>span>span:before{
    margin-top: 6px;
}
#gnavBtn>span>span:after{
    margin-top: -6px;
}
#gnavBtn.close>span>span{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#gnavBtn.close>span>span:before{
    margin-top: 0;
    opacity: 0;
}
#gnavBtn.close>span>span:after {
    margin-top: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#pagetop {
    display: block;
    position: fixed;
    bottom: -50px;
    right: -50px;
    width: 100px;
    height: 100px;
    z-index: 9000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: hidden;
    opacity: 0;
}
#pagetop.on{
    visibility: visible;
    opacity: 1;
}
#pagetop>a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
#pagetop>a:before,
#pagetop>a:after{
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    margin: auto;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    bottom: 0;
    right: 0;
}
#pagetop>a:before {
    top: -5px;
    left: -65px;
}
#pagetop>a:after {
    top: 5px;
    left: -55px;
}
body>footer {
    width: 100%;
    min-width: 1000px;
    height: auto;
    position: relative;
    background-color: #000;
}
body>footer>.inner {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    position: relative;
}
#copyright {
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 5px;
    padding: 25px 0 25px 5px;
    color: #FFF !important;
    opacity: 0.5;
}



/*店舗分岐*/
#taketani *{color: #2f374d}
#saidera *{color: #730000}

#taketani>header>.inner>h1>a>span,
#taketani #intro>h1,
#taketani #menu>.inner>h1,
#taketani #information>.inner>dl>dt>.date>span,
#taketani #shop,
#taketani .commonContact>.inner>.contactMiddleWrap>dl>dt,
#taketani .commonContact>.inner>.contactMiddleWrap>aside>span:last-child,
#taketani .commonContact>.inner>.contactBottomWrap>.contactFlow>p,

#taketani #gnavPanel,
#taketani #gnavPanel ul:nth-child(2)>li:before,
#taketani #gnavPanel ul:nth-child(2)>li:after,
#taketani #gnavBtn,
#taketani #pagetop>a{
    background-color: #2f374d;
}
#taketani #introTxt0>p,
#taketani #introTxt>p {
    background-color: rgba(47, 55, 77, 0.9);
}


#saidera>header>.inner>h1>a>span,
#saidera #intro>h1,
#saidera #menu>.inner>h1,
#saidera #information>.inner>dl>dt>.date>span,
#saidera #shop,
#saidera .commonContact>.inner>.contactMiddleWrap>dl>dt,
#saidera .commonContact>.inner>.contactMiddleWrap>aside>span:last-child,
#saidera .commonContact>.inner>.contactBottomWrap>.contactFlow>p,

#saidera #gnavPanel,
#saidera #gnavPanel ul:nth-child(2)>li:before,
#saidera #gnavPanel ul:nth-child(2)>li:after,
#saidera #gnavBtn,
#saidera #pagetop>a,
#saidera .commonContact>.inner>div>ul>li:before{
    background-color: #730000;
}
#saidera #introTxt0>p,
#saidera #introTxt>p{
    background-color: rgba(115, 0, 0, 0.9);
}



#saidera #introTxt0 {
    top: 250px;
    left: 0;
    right: 840px;
}
#saidera #introTxt {
    width: 400px;
    height: 310px;
    bottom: -80px;
    left: 630px;
    right: 0;
}

#saidera #menu>.inner>h1 {
    right: 460px;
}
#saidera .menuList{
    height: auto;
        right: 520px;
    margin-bottom: 150px;
    text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF;
}
#saidera .menuList>.menuListInner>ul{
    height: 500px;
    padding-left: 100px;
}
#saidera #menu>.img1 {
    right: 0;
    left: 670px;
}
#saidera #menu>.img2 {
    right: 0;
    left: 450px;
}

#taketani .commonContact>.inner>.contactBottomWrap>.contactFlow>ul>li{
    color: #2f374d !important;
}
#saidera .commonContact>.inner>.contactBottomWrap>.contactFlow>ul>li{
    color: #730000 !important;
    border: 1px solid;
}


#taketani #cater{
    background-color: #000;
}
#taketani #cater *{
    color: #FFF;
}
#taketani .caterMenu {
    text-shadow: 0 0 10px rgba(0,0,0,1);
}
#saidera #cater *{
    color: #000;
}
#saidera #caterIntro,
#saidera #caterMenu3{
    background-position: 50% 0;
}
#saidera .commonContact>.inner>.contactMiddleWrap>dl>dt,
#saidera .commonContact>.inner>.contactMiddleWrap>aside>span:last-child,
#saidera .commonContact>.inner>.contactBottomWrap>.contactFlow>p{
    color: #FFF !important;
}
#taketani .menuList>.menuListInner>h2,
#taketani .commonContact>.inner>.contactMiddleWrap>aside{
    border-color: #2f374d;
}
#saidera .menuList>.menuListInner>h2,
#saidera .commonContact>.inner>.contactMiddleWrap>aside{
    border-color: #730000;
}

#saidera #caterIntro>span>h1 {
    color: #000 !important;
        text-shadow: 0 0 10px #FFF;
}
#saidera #caterIntro>span>p {
    color: #FFF;
    text-shadow: 0 0 5px #000, 0 0 20px #000;
}
#saidera #caterIntro>aside {
    width: 300px;
    height: 300px;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 750px;
    margin: auto;
    background-size: cover;
    z-index: 1;
}



#saidera #caterMenu1>.inner {
    max-width: 100%;
}
#saidera #caterMenu1>.inner>ul>li:first-child>span {
    width: 60%;
    margin-left: 40%;
    height: 400px;
    display: block;

    background-size: cover;
    position: relative;
}
#saidera #caterMenu1>.inner>ul>li:first-child>span>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    right: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    height: auto;
    max-width: 900px;
    min-width: 800px;
}
#saidera #caterMenu1>.inner>ul>li>div {
    top: 0;
    left: 0;
    width: 40%;
    padding: 60px 50px;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
}

#saidera #caterMenu1>.inner>ul>li>div>.title {
    font-size: 70px;
    line-height: 80px;
}
#saidera #caterMenu1>.inner>ul>li>div>.title>span{
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
}
#saidera #caterMenu1>.inner>ul>li>div>.title>span>span{
    position: absolute;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    width: 100%;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}
#saidera #caterMenu1>.inner>ul>li>div>.title, #saidera #caterMenu1>.inner>ul>li>div>.caption, #saidera #caterMenu1>.inner>ul>li>div>.price {
    width: 80%;
    margin-left: 20%;
}
#saidera #caterMenu1>.inner>ul>li>div>.price:before {
    background-color: #000;
}
#saidera #caterMenu1>.inner>ul>li>div>.caption {
    padding-top: 30px;
}

#saidera #caterMenu2{
    padding-top: 0;
        padding-bottom: 90px;
}
#saidera #caterMenu2>.inner>ul>li {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
        display: table;
}
#saidera #caterMenu2>.inner>ul>li>span,
#saidera #caterMenu2>.inner>ul>li>div{
    display: table-cell;
    width: 50%;
}
#saidera #caterMenu2>.inner>ul>li>span {
    height: auto;
}
#saidera #caterMenu2>.inner>ul>li>span>img {
    width: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
#saidera #caterMenu2>.inner>ul>li:nth-child(odd)>span>img{
    right: -50px;
}
#saidera #caterMenu2>.inner>ul>li:nth-child(even)>span>img{
    left: -50px;
}
#saidera #caterMenu2>.inner>ul>li>div {
    border: none;
    padding: 60px 0;
    margin-top: 0;
    background-size: cover;
    background-position: 50%;
}
#saidera #caterMenu2>.inner>ul>li>div>.title,
#saidera #caterMenu2>.inner>ul>li>div>.caption,
#saidera #caterMenu2>.inner>ul>li>div>.price {
float: none;
    width: 300px;
    margin-left: 100px;}
#saidera #caterMenu2>.inner>ul>li>div>.title {
    font-size: 70px;
    line-height: 80px;
}
#saidera #caterMenu2>.inner>ul>li>div>.title>span>span {
    font-size: 16px;
}
#saidera #caterMenu2>.inner>ul>li>div>.caption {
    padding-top: 30px;
}
#saidera #caterMenu2>.inner>ul>li>div>.price:before{
    background-color: #000;
}
#saidera #caterMenu2>.inner>ul>li:nth-child(even)>span {
    left: 50%;
}
#saidera #caterMenu2>.inner>ul>li:nth-child(even)>div {
    right: 50%;
}


#saidera #caterMenu3 {
    margin-bottom: 50px;
}
#saidera #caterMenu3>.inner>ul>li {
    margin-top: 40px;
}
#saidera #caterMenu3>.inner>ul>li>div {
    background-color: rgba(255, 255, 255, 0.75);
}
#saidera #caterMenu3>.inner>ul>li>div>.title {
    font-size: 30px;
    line-height: 40px;
        bottom: 7px;
}
#saidera #caterMenu3>.inner>ul>li>span {
    background-position: 50% 75%;
}




/*commonContact for osechi*/
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dt {
    background-color: #FFF;
    color: #9c240a !important;
}
#osechi .commonContact>.inner>.contactMiddleWrap>aside{
    border-color: #FFF !important;
}
#osechi .commonContact>.inner>.contactMiddleWrap>aside>span:last-child {
    color: #9c240a !important;
    background-color: #FFF;
}
#osechi .commonContact>.inner>.contactBottomWrap>.contactFlow>p {
    background-color: #FFF;
    color: #9c240a;
}
#osechi .commonContact>.inner>.contactBottomWrap>.contactFlow>ul>li {
    color: #FFF !important;
    background-color: #9c240a;
    border: 1px solid;
}




















/*topPage*/
#topPage #contentWrap {
    margin-top: 0;
}
#topPage #contentWrap>h1>img {
    width: 120px;
    height: auto;
    display: block;
    overflow: hidden;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 200px;
    left: 0;
    right: 0;
}
#topPage>footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: transparent;
}
#topPage #copyright {
    color: #000 !important;
    opacity: 1;
}
#topPage #contentWrap>ul {
    width: 100px;
    height: 120px;
    position: absolute;
    top: 300px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#topPage #contentWrap>ul>li {
    float: left;
    width: 40px;
    height: 100%;
    margin-right: 20px;
}
#topPage #contentWrap>ul>li:last-child{margin-right: 0;}
#topPage #contentWrap>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 10px 0 5px;
    line-height: 40px;
    letter-spacing: 5px;
    color: #FFF;
}
#topPage #contentWrap>ul>li:nth-child(1)>a {background-color: #2f374d}
#topPage #contentWrap>ul>li:nth-child(2)>a {background-color: #730000}








/* 210913 */
.menuList,
#saidera .menuList {height: auto;padding: 0;}
.menuList {height: 420px;}
#saidera .menuList {height: 570px;}
.menuList>.menuListInner>ul {height: 400px;}
.menuList>.menuListInner>ul>li>.frm {display: table;}
.menuList>.menuListInner>ul>li>.frm>* {display: table-cell;vertical-align: top;height: 50%;}
.menuList>.menuListInner>ul>li>.frm>.title {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 5px;
}
.menuList>.menuListInner>ul>li>.frm>.priceWrp {height: 200px;text-align: right;font-size: 14px;}
.menuList>.menuListInner>ul>li>.frm>.priceWrp>.unt {display: block;font-size: 1em;}
.menuList>.menuListInner>ul>li>.frm>.priceWrp>.unt.taxin {font-size: .75em;}
#saidera .menuList {margin-bottom: 0;}
#saidera .menuList>.menuListInner>ul {height: 550px;padding-left: 30px;}
#saidera .menuList>.menuListInner>ul>li {padding-left: 90px;}
#saidera .menuList>.menuListInner>ul>li>.frm>.priceWrp {height: 300px;}

#caterMenu3>.inner>ul>li>div {z-index: 1;}
.caterMenu>.inner>ul>li>div>.priceWrp {font-size: 28px;line-height: 1.1em;margin-top: 10px;}
#caterMenu2.caterMenu>.inner>ul>li>div>.priceWrp {width: 65%;float: right;}
#caterMenu3.caterMenu>.inner>ul>li>div>.priceWrp {text-align: right;display: block;width: 100%;font-size: 28px;line-height: 1.1em;}
#caterMenu4.caterMenu>.inner>ul>li>div>.priceWrp {margin-top: 5px;font-size: 22px;}
.caterMenu>.inner>ul>li>div>.priceWrp>.unt {font-size: 1em;line-height: 1em;display: block;}
.caterMenu>.inner>ul>li>div>.priceWrp>.unt>span {font-size: .5em;padding-left: 5px;}
.caterMenu>.inner>ul>li>div>.priceWrp>.unt.taxin {font-size: .5em;}
#caterMenu3>.inner>ul>li>span,
#caterMenu4>.inner>ul>li>span {position: relative;}
#caterMenu3>.inner>ul>li>span:before,
#caterMenu4>.inner>ul>li>span:before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#caterMenu3>.inner>ul>li>span:before {background-image: -webkit-linear-gradient( 130deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);background-image: linear-gradient( 320deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);opacity: .5;}
#caterMenu4>.inner>ul>li>span:before {background-image: -webkit-linear-gradient( -50deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);background-image: linear-gradient( 140deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);opacity: .5;}
#caterMenu4>.inner>ul>li>div {z-index: 1;}

#okuizomeMenu1>.inner>ul>li>div>.priceWrp {margin-top: 0;}
/* media query 769px以上 */
@media only screen and (min-width: 769px){
#okuizomeMenu1>.inner>ul>li>div>.priceWrp * {color: #FFF;}
}
/* media query 768px以上 */
@media only screen and (max-width: 768px){
#okuizomeMenu1>.inner>ul>li>div>.priceWrp * {text-shadow: none;}
}

#saidera #caterMenu3>.inner>ul>li>div>.title {bottom: initial;}
/* media query 769px以上 */
@media only screen and (min-width: 769px){
#saidera .caterMenu>.inner>ul>li>div>.priceWrp {margin-top: 20px;}
#saidera #caterMenu1>.inner>ul>li>div>.priceWrp {width: 80%;margin-left: 20%;}
#saidera #caterMenu2>.inner>ul>li>div>.priceWrp {width: 300px;margin-left: 100px;}
}
#saidera #caterMenu2>.inner>ul>li>div>.priceWrp {float: none;}
#saidera #caterMenu3.caterMenu>.inner>ul>li>div>.priceWrp {margin-top: 0;}
/* 210913 end */