/* media query 1150px以下 */
@media only screen and (max-width: 1150px){
#gnav>ul>li {
    margin-right: 25px;
}
}

/* media query 768px以下 */
@media only screen and (max-width: 768px){
/* fadeInAnime */
.fadeInTrigger1,
.fadeInTrigger2{
    visibility: visible !important;
}
@-webkit-keyframes fadeInAnime1 {
  0% {}
  100% {}
}
@keyframes fadeInAnime1 {
  0% {}
  100% {}
}
@-webkit-keyframes fadeInAnime2 {
  0% {}
  100% {}
}
@keyframes fadeInAnime2 {
  0% {}
  100% {}
}
.vert {
    -webkit-writing-mode: initial;
    -moz-writing-mode: initial;
    -ms-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial;
}
body,
body>header>.inner,
body>footer,
body>footer>.inner {
    min-width: 0;
    width: 100%;
}

section>.inner, section>div>.inner{
	width: 100%;
	min-width: 0;
	padding:0 30px;
}



body>header {
    position: relative;
        height: 70px;
}
body>header.on{
    visibility: visible;
    opacity: 1;
}
body>header>.inner>h1 {
    margin-left: 20px;
    height: 100%;
}
body>header>.inner>h1>a {
    height: auto;
}
body>header>.inner>h1>a>span {
    left: 130px;
    height: 16px;
    line-height: 16px;
    width: 80px;
    letter-spacing: 3px;
    padding-left: 3px;
    font-size: 10px;
}
body>header>.inner>h1>a>img {
    height: 70px;
    padding: 18px 0;
}
#gnav,#gnavCommon{
	display: none;
}
#contentWrap {
    margin-top: 0;
}

#intro {
        margin-top: 0;
}
#intro>h1 {
    display: none;
}
#intro>.img1,
#intro>.img2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
}
#intro>.img1>img,
#intro>.img2>img {
    width: 100%;
    height: auto;
    display: block;
}
#intro>.deco {
    right: initial;
    width: 100%;
    height: 200px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    margin-top: 0;
}
#intro>.deco>img {
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    margin: auto;
}
#introTxt0 {
    position: absolute;
    top: 95px !important;
    left: initial !important;
    right: 30px !important;
    width: 160px !important;
    height: 330px;
    -webkit-box-shadow: 25px 25px 0 -10px rgba(238, 238, 238, 0.5);
    -moz-box-shadow: 25px 25px 0 -10px rgba(238, 238, 238, 0.5);
    box-shadow: 25px 25px 0 -10px rgba(238, 238, 238, 0.5);
}

#introTxt0>p {
    font-size: 16px;
    line-height: 30px;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
#introTxt {
    position: relative;
    width: 100% !important;
    height: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: initial !important;
}
#introTxt>p {
    padding: 50px 30px;
    font-size: 14px;
}
#menu>.inner>h1,
#information>.inner>h1 {
    width: 100%;
    position: relative;
    display: block;
    margin: auto;
    text-align: center;
    padding: 10px 0 10px 5px;
    float: none;
    right: 0 !important;
}
#menu {
    padding: 50px 0 0;
}
#menu>.img1,
#menu>.img2{display: none;}

#menu>.inner>h1>span,
#information>.inner>h1 {
    font-size: 20px;
}


.menuList {
    position: relative;
    padding: 0;
    right: initial !important;
    height: auto !important;
    margin-bottom: 0 !important;
}
.menuList>.menuListInner {
    float: none;
}

.menuList>.menuListInner>h2 {
    padding: 10px 20px 10px;
    letter-spacing: 5px;
    display: block;
    font-size: 18px;
    width: 200px;
    margin: auto;
    text-align: center;
        margin-top: 30px;
}
.menuList>.menuListInner>ul {
    padding: 20px 0 !important;
    height: auto !important;
    border-top: none;
    margin-top: 0;
}
.menuList>.menuListInner>ul>li {
    padding: 10px 0;
}

.menuList>.menuListInner>ul>li>.title {
    font-size: 22px;
    line-height: 30px;
}
.menuList>.menuListInner>ul>li>.price {
position: relative;
    top: 0;
    bottom: initial;
    right: 0;
    padding: 0;
    width: 100%;
    display: block;
    margin-top: -25px;
}
.menuList>.menuListInner>ul>li>.caption {
    font-size: 12px;
    padding: 10px 0;
}

#saidera .menuList>.menuListInner>ul>li>.title {
    font-size: 18px;
    line-height: 30px;
}
#saidera .menuList>.menuListInner>ul>li>.price {
    font-size: 12px;
}



#attention {
    padding: 20px;
    line-height: 20px;
}



#information {
    padding: 50px 0;
}
#information>.inner>dl {
    margin-top: 10px;
}
#information>.inner>dl>dt>span {
    font-size: 10px;
}

#information>.inner>dl>dd {
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

#shop {
    height: auto;
}
#shop>.inner>span {
    position: relative;
    width: 100%;
    display: block;
    padding: 50px 0;
}
#shop>.inner h1 {
    display: block;
    font-size: 18px;
    text-align: center;
        padding: 10px;
}
#shop>.inner h1>span {
    font-size: 12px;
    float: none;
    display: inline-block;
}
#shop>.inner dl {
    margin-top: 25px;
        text-align: center;
}
#shop>.inner dl>dt {
    float: none;
    width: 100%;
    opacity: 0.5;
    font-size: 12px;
}
#shop>.inner dl>dd {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
}
#shop>.inner dl>dd.shopTel{
	border-bottom: none;
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#shop>.inner dl>dd.shopTel>a {
    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;
}
#maparea {
    position: relative !important;
    width: 100%;
    height: 300px;
}



#caterIntro,
#osechiIntro,
#okuizomeIntro {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
        height: 430px;
}

.caterMenu {
    padding-bottom: 0;
}
#caterMenu1>.inner {
    padding: 0;
}
#caterMenu1>.inner>ul>li>span,
#caterMenu3>.inner>ul>li>span{
    height: 250px !important;
}
.caterMenu>.inner>ul>li {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
}

#caterMenu1>.inner>ul>li>.title {
position: relative !important;
    top: 0 !important;
    left: 0;
    font-size: 40px !important;
    line-height: 50px !important;
    padding: 25px 30px 10px;
}
#caterMenu1>.inner>ul>li>.title>span>span {
    font-size: 10px !important;
    top: -15px !important;
}
#caterMenu1>.inner>ul>li:nth-child(3)>aside {
    position: relative;
    bottom: initial;
    margin-top: -100px;
}
#caterMenu1>.inner>ul>li:nth-child(3)>aside>img {
    width: 100%;
    padding: 0 30px;
}

#caterMenu1>.inner>ul>li>div {
    position: relative;
    bottom: initial;
    left: initial;
    background-color: transparent;
    width: 100%;
    padding: 0 30px;
}
#caterMenu1>.inner>ul>li:nth-child(3)>span {
    background-position: 50%;
}


#caterMenu2 {
    padding-top: 0;
}
#caterMenu2>.inner>ul>li>span {
    background-size: auto 100%;
    height: 220px;
}
#caterMenu2>.inner>ul>li>div {
    margin-top: 0;
    padding: 0;
    border: none;
}
#caterMenu2>.inner>ul>li>div>.title {
    font-size: 30px;
    line-height: 40px;
    width: 30%;
        padding-top: 15px;
}
#caterMenu2>.inner>ul>li>div>.caption {
    width: 70%;
        min-height: 0;
}
#caterMenu2>.inner>ul>li>div>.price {
    width: 70%;
    font-size: 24px;
}
#caterMenu2>.inner>ul>li>div>.price:before {
    width: 50%;
}




#caterMenu3>.inner>ul>li {
    height: auto;
}
#caterMenu3>.inner>ul>li>div {
    position: relative;
    padding: 0;
    margin-top: 15px;
}
#caterMenu3>.inner>ul>li>div>.title {
    left: 0;
    bottom: initial;
    top: -7px;
    font-size: 28px;
    line-height: 40px;
}
#caterMenu3>.inner>ul>li>div>.price {
    font-size: 24px;
    line-height: 30px;
}
#caterMenu3>.inner>ul>li>div>.price>span {
    font-size: 16px;
}


#caterMenu4>.inner>ul>li>div>.title {
    font-size: 20px;
    line-height: 24px;
}
#caterMenu4>.inner>ul>li>div>.price {
    font-size: 20px;
    line-height: 22px;
}
#caterMenu4>.inner>ul>li>span>aside {
    bottom: 15px;
    right: 0;
}



.commonContact>.inner>.contactTopWrap {
    padding-top: 50px;
}
.commonContact>.inner>.contactTopWrap>p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    text-align: justify;
}
.commonContact>.inner>.contactTopWrap>p>br {
    display: none;
}
.commonContact>.inner>div>ul>li {
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.commonContact>.inner>.contactMiddleWrap {
    margin: 50px 0;
}
.commonContact>.inner>.contactMiddleWrap>dl>dt{
    margin-bottom: 15px;
}
.commonContact>.inner>.contactMiddleWrap>dl>dd span {
    font-size: 20px;
}
.commonContact>.inner>.contactMiddleWrap>dl>dd {
    font-size: 28px;
}
.commonContact>.inner>.contactMiddleWrap>dl>dd>a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fdd108;
    border-radius: 5px;
    padding: 10px 0;
    color: #000 !important;
        margin-bottom: 10px;
    pointer-events: visible;
}
.commonContact>.inner>.contactMiddleWrap>dl>dd>a>span{
	display: none;
}
.commonContact>.inner>.contactMiddleWrap>aside {
    font-size: 12px;
    line-height: 30px;
}
.commonContact>.inner>.contactMiddleWrap>aside>span:first-child {}
.commonContact>.inner>.contactMiddleWrap>aside>span:last-child {}
#saidera .commonContact>.inner>.contactMiddleWrap>aside>span:first-child {
    width: 83%;
    font-size: 10px;
}
#saidera .commonContact>.inner>.contactMiddleWrap>aside>span:last-child {
    width: 17%;
    font-size: 10px;
}
.commonContact>.inner>.contactBottomWrap>.contactFlow {
    float: none;
    width: 100%;
    padding-right: 0;
        font-size: 12px;
}
.commonContact>.inner>.contactBottomWrap>.contactAttention {
    float: none;
    width: 100%;
    font-size: 10px;
    line-height: 20px;
    margin-top: 20px;
}


#osechiIntro>span {
    width: 280px;
    padding: 50px 0 0 0;
}
#osechiMenu1>.inner>span{
	width: 100%;
}
#osechiMenu1>.inner>ul>li {
    padding: 20px;
}
#osechiMenu1>.inner>ul>li>span {
    height: 120px;
}
#osechiMenu1>.inner>ul>li>div>.title {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
    float: none;
    padding-right: 20px;
}
#osechiMenu1>.inner>ul>li>div>.title>span {
    font-size: 14px;
    line-height: 24px;
}
#osechiMenu1>.inner>ul>li>div>.caption {
    width: 100%;
    float: none;
        padding-top: 10px;
}
#osechiMenu1>.inner>ul>li>div>.price {
    width: 100%;
    float: none;
    font-size: 24px;
}
#osechiMenu1>.inner>ul>li>div>.price:before {
    width: 40%;
}


#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd {
    height: auto;
    margin: 40px 0;
}
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd>span:nth-child(1) {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd>span:nth-child(2) {
    position: relative;
    left: 0;
    bottom: initial;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin: 10px 0;
    letter-spacing: 0;
}
#osechi .commonContact>.inner>.contactMiddleWrap>dl>dd>a {
    left: 0;
    position: relative;
}
#saidera #osechi .commonContact>.inner>.contactMiddleWrap>aside>span:first-child {
    width: 70%;
    font-size: 12px;
}
#saidera #osechi .commonContact>.inner>.contactMiddleWrap>aside>span:last-child {
    width: 30%;
    font-size: 12px;
}

/* okuizome */
#okuizomeIntro{
    height: 400px;
}
#okuizomeMenu1>.inner {
    padding: 0;
}
#okuizomeMenu1>.inner>ul>li>span{
    height: 250px !important;
}
#okuizomeMenu1>.inner>ul>li>.title {
position: relative !important;
    top: 0 !important;
    left: 0;
    font-size: 40px !important;
    line-height: 50px !important;
    padding: 25px 30px 10px;
}
#okuizomeMenu1>.inner>ul>li>.title>span>span {
    font-size: 10px !important;
    top: -15px !important;
}
#okuizomeMenu1>.inner>ul>li:nth-child(3)>aside {
    position: relative;
    bottom: initial;
    margin-top: -100px;
}
#okuizomeMenu1>.inner>ul>li:nth-child(3)>aside>img {
    width: 100%;
    padding: 0 30px;
}

#okuizomeMenu1>.inner>ul>li>div {
    position: relative;
    bottom: initial;
    left: initial;
    background-color: transparent;
    width: 100%;
    padding: 0 30px;
}
#okuizomeMenu1>.inner>ul>li>div>.price,
#okuizomeMenu1>.inner>ul>li>div>.price>span{
    text-shadow: none;
    color: #2f374d !important;
}
#okuizomeMenu1>.inner>ul>li>div>.price:before{
    background-color: #2f374d;
}
#okuizomeMenu1>.inner>ul>li:nth-child(3)>span {
    background-position: 50%;
}






#gnavPanel {
    max-width: 280px;
}


#gnavBtn {
    visibility: visible;
    opacity: 1;
}










/*店舗分岐*/
#saidera #introTxt0 {
    right: initial !important;
    left: 15px !important;
}


#saidera #caterIntro>aside{
    display: none;
}
#saidera #caterMenu1>.inner>ul>li:first-child>span {
    width: 100%;
    margin-left: 0;
    height: 180px !important;
}
#saidera #caterMenu1>.inner>ul>li:first-child>span>img {
    left: 0;
    max-width: 500px;
    min-width: 300px;
}
#saidera #caterMenu1>.inner>ul>li>div {
    width: 100%;
    padding: 30px 30px;
    background-image: none !important;
}
#saidera #caterMenu1>.inner>ul>li>div>.title, #saidera #caterMenu1>.inner>ul>li>div>.caption, #saidera #caterMenu1>.inner>ul>li>div>.price {
    width: 100%;
    margin-left: 0;
}
#saidera #caterMenu1>.inner>ul>li>div>.title {
    font-size: 40px;
    line-height: 50px;
}
#saidera #caterMenu1>.inner>ul>li>div>.title>span>span {
    font-size: 12px;
}
#saidera #caterMenu1>.inner>ul>li>div>.caption,
#saidera #caterMenu2>.inner>ul>li>div>.caption{
    padding-top: 10px;
}

#saidera #caterMenu3>.inner>ul>li>div>.title {
    font-size: 20px;
    line-height: 30px;
    bottom: initial;
    top: 5px;
        padding-left: 10px;
}

#saidera #caterMenu2 {
    padding-bottom: 20px;
}
#saidera #caterMenu2>.inner>ul>li {
    display: block;
}
#saidera #caterMenu2>.inner>ul>li>span, #saidera #caterMenu2>.inner>ul>li>div {
    display: block;
    width: 100%;
        left: 0 !important;
}
#saidera #caterMenu2>.inner>ul>li>div {
    padding: 80px 30px 20px;
    margin-top: -110px;
}
#saidera #caterMenu2>.inner>ul>li>div>.title, #saidera #caterMenu2>.inner>ul>li>div>.caption, #saidera #caterMenu2>.inner>ul>li>div>.price {
    width: 100%;
    margin-left: 0;
}
#saidera #caterMenu2>.inner>ul>li>div>.title {
    font-size: 40px;
    line-height: 50px;
}
#saidera #caterMenu2>.inner>ul>li>div>.title>span>span {
    font-size: 12px;
}
#saidera #caterMenu2>.inner>ul>li>span>img {
    width: 100%;
    right: 0 !important;
    left: 0 !important;
    position: relative;
}
#saidera #caterMenu3 {
    margin-bottom: 0;
    background-image: none !important;
}
#saidera #caterMenu3>.inner {
    padding: 0;
}
#saidera #caterMenu3>.inner>ul>li>div {
    position: absolute;
    margin: 0;
    padding: 5px 10px;
}
#saidera #caterMenu3>.inner>ul>li>span {
    background-position: 50% 50%;
    height: 200px !important;
}








#topPage #contentWrap>h1>img {
    width: 80px;
    bottom: 140px;
}
#topPage #contentWrap>ul {
    width: 90px;
    height: 100px;
    top: 170px;
}
#topPage #contentWrap>ul>li {
    margin-right: 10px;
}
#topPage #contentWrap>ul>li>a {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    padding: 0px 0 1px;
    letter-spacing: 1px;
}
#topPage #copyright {
    padding: 10px 0 10px 5px;
}
















/* 210913 */
.menuList>.menuListInner>ul>li:nth-child(n+2) {margin-top: 10px;}
.menuList>.menuListInner>ul>li>.frm {display: block;}
.menuList>.menuListInner>ul>li>.frm * {text-align: center;}
.menuList>.menuListInner>ul>li>.frm>* {width: 100%;height: auto;display: block;}
.menuList>.menuListInner>ul>li>.frm>.title {font-size: 22px;}
.menuList>.menuListInner>ul>li>.frm>.priceWrp {height: auto !important;position: relative;padding-top: 30px;margin-top: 5px;}
.menuList>.menuListInner>ul>li>.frm>.priceWrp:before {content: "";display: block;width: 1px;height: 20px;background-color: #2f374d;position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.menuList>.menuListInner>ul>li>.caption {text-align: center;}
#saidera .menuList>.menuListInner>ul>li {padding-left: 0;}
#saidera .menuList>.menuListInner>ul>li>.frm>.priceWrp:before {background-color: #730000;}

.caterMenu>.inner>ul>li>div>.priceWrp {margin-top: 5px;}
#caterMenu2.caterMenu>.inner>ul>li>div>.priceWrp {width: 70%;}
#caterMenu3.caterMenu>.inner>ul>li>div>.priceWrp {margin-top: 0;}
#saidera #caterMenu2>.inner>ul>li>div>.priceWrp {margin-top: 10px;width: 100%;}
/* 210913 end */
}


/* media query 320px以下 */
@media only screen and (max-width: 320px){
#gnavPanel>span {
    height: 393px;
}
#gnavPanel ul:nth-child(1) {
    padding: 10px 0;
}
#gnavPanel ul:nth-child(1)>li>a {
    padding: 2px 0;
}
#gnavPanel ul:nth-child(2)>li>a {
    padding: 2px 0;
}
}