@charset "UTF-8";
/**
 * File Name   : style.php
 * Version     : v1.0.0.0
 * Last Update : 2019.05.29
 * Author      : H.NISHI
 751
 *
*/* { 
box-sizing: border-box;
}

html {
  font-size: 62.5%;
}
html {
  overflow-y: scroll;
  height: 100vh;
}
body {
  font-size:16px;
  font-size:1.6rem;
  letter-spacing: calc(1px - .0625em);
  overflow-wrap: break-word; 
  word-wrap: break-word;
}

body.panelOpen{
  overflow: hidden;
}
body {
 background-color: #FFFFFF;
 color: #333333;
} 

.innerBg{
 background-color: #FFFFFF;
}

a[href^="tel:"].tel-link{
 color: #FFF;
 text-decoration: none;
}a {
 color: #0000CC;
 text-decoration: underline;
} 

a:link {
 color: ;
} 

a:visited {
 color: #696933;
} 

a:hover {
 color: #CC0000;
 text-decoration: none;
} 

a:active {
 color: #CC0000;
} 
#page-wraper {
 display: flex;
 flex-direction: column;
 min-height: 100vh;
}

#pageHeader{

}

#pageAll{
}

#pageFooter {
  margin-top: auto;
}#pageAll.flex {
 width: 100%;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: flex-start;
 align-content: flex-start;
}

#pageAll.flex div#contents{
 width: 100%;
}

#pageAll.flex aside#sidebar{
 width: 100%;
}
@media screen and (min-width:750px){
 #pageAll.flex {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
 }
 #pageAll.flex div#contents{
  width: calc(100% - 1024px * .2441 - 20px);
 } 
 #pageAll.flex aside#sidebar{
   width: calc(1024px * .2441);
  }
}
@media screen and (min-width:750px){
 #home #pageAll.flex,
 #contactForm #pageAll.flex,
 #staffForm #pageAll.flex {
 width: 100%;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: flex-start;
 align-content: flex-start;
 }

 #home #pageAll.flex div#contents,
 #contactForm #pageAll.flex div#contents,
 #staffForm #pageAll.flex div#contents {
  width: 100%;
 }

 #home #pageAll.flex aside#sidebar,
 #contactForm #pageAll.flex aside#sidebar,
 #staffForm #pageAll.flex aside#sidebar {
  width: 100%;
 }
}.maxWindow {
 max-width: 1024px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}.w100pr{
 width: 100%;
}
#page-wraper {
 width: 100%;
}
.emergency {
  margin-top: 2rem;
  border: 4px solid #CC0000;
  user-select: none;
}

.emergency .emergencyTitle h2{
 font-size: 1.6rem;
 line-height: 1;
 background-color: #CC0000;
 color: #FFF;
 padding: 1rem;
}

.emergency .emergencyText{
 cursor: pointer;
}

.emergency .emergencyText p{
 font-size: 1.6rem;
 line-height: 1.5;
 padding: .5rem 1rem;
 margin: 0;
}
strong.markReco{
 font-size: 86%;
}
strong.markReco span{
 font-size: 86%;
 background: orange;
 color: #FFF;
 padding: .125rem .3rem;
 margin: 0 .25rem .5rem .25rem;
}
.footnote,
.supplement{
 font-size: 86%;
 margin-top: 20px;
 margin-bottom: 20px;
}

.footnote{
 padding: 10px;
 background: #FFF2E5;
}

#formWrap .supplement{
 background: #FFF;
 padding: 1.25px 5px;
}
.newItem{
 width: 4.5rem;
 font-size: 86%;
 font-weight: bolod;
 color: #FFF;
 background-color: rgb(255, 75, 0);
 border-radius: 20px;
 filter:drop-shadow(1px 1px 1px #FFF);
 letter-spacing: .1em;
}

dt span.newItem{
 padding: .125rem 1rem;;
 font-size: 80%;
 font-weight: bolod;
 color: #FFF;
 background-color: rgb(255, 75, 0);
 border-radius: 20px;
 filter:drop-shadow(1px 1px 1px #333);
 letter-spacing: .1em;
}

#pageHeader {
 width: 100%;
 height: 80px;/* height: 120px;*/
 background-image: url(https://ajinoya-okonomiyaki.com/img/common/osaka_city-673982.png);
 background-repeat: repeat-x;
 background-position: 100px bottom;
 background-size: contain;
 background-color: #611987;
}

#pageHeader .maxWindow {
 position: relative;
}#pageHeader #logo {
 display: flex;
 align-items: center;
 align-content: center;

 width: 100%;
 height: 80px;/* height: 120px;*/
}
#pageHeader #logo a{
 width: 80px;
 height: 80px;/* height: 120px;*/
 background-color: #611987;
 display: block;
}

#pageHeader #logo a img {
/* width: 120px;
 height: auto;*/
 
 width: auto;
 height: 80px;
}
h1#headerTitle{
 width: calc(100% - 120px);
}


h1#headerTitle img {
 max-height: calc(80px - 40px);/*calc(120px - 40px);*/
 max-width: 290px;
}
#selectLanguage {
 position: absolute;
 right: 1rem;
 top: 0;
 color: #FFFFFF;
 font-weight: 900;
/* line-height: 2;*/
 z-index: 100;
 
background-image: url("https://ajinoya-okonomiyaki.com/img/icon/sitemap/icon-language.png");
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: left center;
padding: 5px 0 5px 25px;
 
 cursor: pointer;
}


#gNavWp{
 width: calc(100vw - (100vw - 100%));
 overflow-y: hidden;

 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 9999;
 
 background: rgba(0, 0, 0, .8);
 color: #FFFFFF;
}

#gNavWp .maxWindow.flex {
 width: 100%;
 height: calc(60px + 20px + 20px);
 justify-content: space-between;
 align-items: center;
}
#gNavWp .maxWindow.flex #gNavMovable {
 width: calc(100% - (60px + 10px));
 padding: 10px 0;

 overflow-x: auto;
 overflow-y: hidden;
 scroll-behavior: smooth;
 overflow-scrolling: touch;
 -webkit-overflow-scrolling: touch;

}

#gNavWp .maxWindow.flex #gNavMovable::-webkit-scrollbar {
    height: 10px;

  }
#gNavWp .maxWindow.flex #gNavMovable::-webkit-scrollbar-thumb{
    background: #999;
    border-radius: 5px;
  }
#gNavWp .maxWindow.flex #gNavMovable::-webkit-scrollbar-track-piece {
    background: #efefef;
  }
#gNavWp .maxWindow.flex #gNavMovable #gNavMovableBtns.flex {
 width: calc((120px + 1rem) * 2 + (60px + 1rem) * 2);

}
#gNavWp .maxWindow.flex #gNavFixed {
 width: 60px;
 padding: 10px 0;
}.gNavBtn {
 cursor: pointer;
}

.gNavBtn a{
 text-decoration: none;
}

.gNavBtn span {
 display: block;

 font-weight: bold;
 text-align: center;
 color: #FFFFFF;
 white-space: nowrap;
 
 overflow: hidden;
 margin: 0 .5rem;
}

.gNavBtn span img{
 width: auto;
 height: 50px;
 margin-top: 5px;
 margin-bottom: 5px;
}#gNavMovableBtns .gNavBtn.gNavBtnRectangle {
/* width: 120px;*/
 height: 60px;
 border-radius: 2px;
 margin-right: .5rem;
 padding-left: 1rem;
 padding-right: 1rem;

background: rgb(145,84,180);
background: -moz-linear-gradient(top,  rgba(145,84,180,1) 0%, rgba(156,102,188,1) 50%, rgba(120,67,153,1) 51%, rgba(103,57,130,1) 100%);
background: -webkit-linear-gradient(top,  rgba(145,84,180,1) 0%,rgba(156,102,188,1) 50%,rgba(120,67,153,1) 51%,rgba(103,57,130,1) 100%);
background: linear-gradient(to bottom,  rgba(145,84,180,1) 0%,rgba(156,102,188,1) 50%,rgba(120,67,153,1) 51%,rgba(103,57,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9154b4', endColorstr='#673982',GradientType=0 );

background: rgb(195,131,125);
background: -moz-linear-gradient(top,  rgba(195,131,125,1) 0%, rgba(137,68,63,1) 50%, rgba(114,57,52,1) 51%, rgba(112,8,1,1) 100%);
background: -webkit-linear-gradient(top,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
background: linear-gradient(to bottom,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3837d', endColorstr='#700801',GradientType=0 );


}
#gNavWp .gNavBtn.gNavBtnRectangle:hover {
background: rgb(103,57,130);
background: -moz-linear-gradient(top,  rgba(103,57,130,1) 0%, rgba(120,67,153,1) 50%, rgba(156,102,188,1) 51%, rgba(145,84,180,1) 100%);
background: -webkit-linear-gradient(top,  rgba(103,57,130,1) 0%,rgba(120,67,153,1) 50%,rgba(156,102,188,1) 51%,rgba(145,84,180,1) 100%);
background: linear-gradient(to bottom,  rgba(103,57,130,1) 0%,rgba(120,67,153,1) 50%,rgba(156,102,188,1) 51%,rgba(145,84,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673982', endColorstr='#9154b4',GradientType=0 );

background: rgb(112,8,1);
background: -moz-linear-gradient(top,  rgba(112,8,1,1) 0%, rgba(114,57,52,1,1) 50%, rgba(137,68,63,1) 51%, rgba(195,131,125,1) 100%);
background: -webkit-linear-gradient(top,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
background: linear-gradient(to bottom,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700801', endColorstr='#c3837d',GradientType=0 );

}#gNavWp .gNavBtn.gNavBtnRectangle .gNavBtnTxt {
 display: block;

 text-align: center;
 font-size: 1.6rem;
 line-height: 1;
 padding: calc((60px - (1.8rem + 1.6rem * 1.5)) / 2) 0;
}#gNavWp .gNavBtn.gNavBtnRectangle .gNavBtnLabel {
 display: block;

 font-size: 1.4rem;
 line-height: 1.5;
 display: block;
 text-align: center;
 color: #FFF;
}#gNavWp .gNavBtn.gNavBtnSquare{
background: rgb(195,131,125);
background: -moz-linear-gradient(top,  rgba(195,131,125,1) 0%, rgba(137,68,63,1) 50%, rgba(114,57,52,1) 51%, rgba(112,8,1,1) 100%);
background: -webkit-linear-gradient(top,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
background: linear-gradient(to bottom,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3837d', endColorstr='#700801',GradientType=0 );
}#gNavWp .gNavBtn.gNavBtnSquare:hover {
background: rgb(112,8,1);
background: -moz-linear-gradient(top,  rgba(112,8,1,1) 0%, rgba(114,57,52,1,1) 50%, rgba(137,68,63,1) 51%, rgba(195,131,125,1) 100%);
background: -webkit-linear-gradient(top,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
background: linear-gradient(to bottom,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700801', endColorstr='#c3837d',GradientType=0 );
}#gNavWp #gNavOtherPage.gNavBtn.gNavBtnSquare {
 width: 60px;
 height: 60px;
 border-radius: 2px;
}

#gNavWp #gNavOtherPage.gNavBtn.gNavBtnSquare .gNavBtnIcon {
 font-size: calc((60px - (1.4rem * 1.5)) - ( ( (60px - (1.4rem * 1.5)) * 1.6 ) - (60px - (1.4rem * 1.5)) )  / 2);
 color: #FFF;
 line-height: 1.4;
 text-align: center;
 display: block;
}

#gNavWp #gNavOtherPage.gNavBtn.gNavBtnSquare .gNavBtnLabel {
 font-size: 1.4rem;
 line-height: 1.5;
 display: block;
 text-align: center;
 color: #FFF;
}#gNavWp #gNavLanguege.gNavBtn.gNavBtnSquare,
#gNavWp #gNavTop.gNavBtn.gNavBtnSquare {
 width: 60px;
 height: 60px;
 border-radius: 2px;
 margin-right: 1rem;
}

#gNavWp #gNavTop.gNavBtn.gNavBtnSquare a {
 display: block;
}

#gNavWp #gNavLanguege.gNavBtn.gNavBtnSquare .gNavBtnIcon,
#gNavWp #gNavTop.gNavBtn.gNavBtnSquare a .gNavBtnIcon {
 font-size: 4rem;
 color: #FFF;
 line-height: 1.5;
 text-align: center;
 display: block;
}


#pageAll{
 margin-top: 0rem;/* 2rem */
}
.postDate {
 font-size: 1.4rem;
 text-align: right
}
.postDate span {
 display: block;
}

.container {
 margin-bottom: 12rem;
}

.subContainer,
#contents section {
 margin-bottom: 6rem;
}

.minContainer{
 margin-bottom: 3rem;
}


#backURL {
 margin-top: 3rem;
}p {
  margin-bottom: calc(((1.6rem * 1.75) - 1.6rem) * 2);
}
p:last-child {
  margin-bottom: 0;
}

.boxShadow {
 box-shadow: 0 0 4px hsla(0, 0%, 0%, .24); 
} 

.inner {
 padding: 1.5rem;
}
.titleTypelogo {
  background-color: #603416;
  color: #FFFFFF;
  margin-bottom: 1.5rem;

  background-image: url(https://ajinoya-okonomiyaki.com/img/common/logo_through_min.png);
  background-repeat: no-repeat;
  background-position: .5rem center;
  background-size: auto 3rem;
}

.titleTypelogo .mark {
  line-height: 1.2;
  font-size: 1.8rem;

  padding: 1rem 0 1rem 4.5rem;
  width: 100%;
  display: block;

}
.titleTypedDetails {
  color: 333;
  border-bottom: solid #603416 2px;
  margin-bottom: 1.5rem;
}

.titleTypedDetails.flex {
  justify-content: space-between;
  align-items: flex-end;
}
.titleTypedDetails span:nth-child(1) {
  font-size: 1.8rem;

  padding: 0 .5rem;
  width: 80%;
  display: block;
}

.titleTypedDetails span:nth-child(2) {

  padding: 0 .5rem;
  width: 20%;
  display: block;
  font-size: 1.4rem;
  text-align: right;
  line-height: 2;
}.titleTypedLeftBorder {
 color: #603416;
 font-size: 1.8rem;
 margin: 1.5rem 0 .5rem 0;
}

.titleTypedLeftBorder span{
 border-left: .5rem solid #603416;
 padding: 0 .5rem;
 display: inline-block;
 line-height: 1;
}
#main_imageToppage {
  position: relative;
  padding:0;
  margin-bottom: 6rem;
}

#main_imageToppage h2 {
  position: absolute;
  bottom: 0;
  left: 0;

 font-size: 2rem;
 line-height: 2;
 color: #FFF;
 background: rgba(0,0,0,.8);
 display: inline-block;
 
 padding: 0 1.5rem;
}#main_image {
 width: 100%;
 height: 60px;
 padding: 5px;
 margin-bottom: 40px;
 background-color: #603416;
 
 display: flex;
 align-items: center;
}  


#main_image #pageIcon img {
 height: calc(60px - 10px);
}

#main_image #pageName {
 color: #FFF;
 font-weight: bold;
 font-size: large;
 line-height: 1.125;
 padding: 0 .75rem;
 

}.languageBtnWp{
  width: 100%;
  flex-wrap: wrap;
  background-color: #603416;
}

.languageBtnWp .languageBtn{
  width: 100%;
  background-color: #603416;
  color: #FFFFFF;
  padding: 1rem;
  border-bottom: 1px solid #FFF;
}

@media screen and (min-width:751px){
 .languageBtnWp .languageBtn{
   width: calc(100% / 2);
 }
 
  .languageBtnWp .languageBtn:nth-child(2n-1){
   border-right: 1px solid #FFF;
  }
  .languageBtnWp .languageBtn:nth-child(5){
   border-bottom: none;
  }
}


.languageBtnWp .languageBtn input[type='radio'] { 
 display: none;
}

.languageBtnWp .languageBtn input[type='radio'] + label { 
 display: block; 
 padding-left: 60px; 
 cursor: pointer; 
 background-color: #603416;
 font-size: 3rem;
 line-height: 2;
 position: relative; 
 top: 0; 
}

.languageBtnWp .languageBtn input[type='radio'] + label:after { 
 width: 30px;
 height: 30px; 
 -webkit-transition: all 200ms ease-out; 
 transition: all 200ms ease-out; 
 border-radius: 50%; 
 background-color: #603416;
 border: 2px solid #FFF;
 content: '';
 position: absolute;
 top: calc(50% - (30px / 2) - 2.5px);
 left: 15px; 
}


.languageBtnWp .languageBtn input[type='radio'] + label:hover,
.languageBtnWp .languageBtn input[type='radio']:checked + label {
 background-color: #FFFFFF;
 color: #603416;
}


#languageWindow.panelWindow h2{
 color: #603416;
}

#languageWindow.panelWindow .popupPanel-btmCloseBtn {
 border: 1px solid #603416;
 color: #603416;
}

#languageWindow.panelWindow .popupPanel-btmCloseBtn:hover {
 background-color: #603416;
 color: #FFFFFF;
}
#languageWindow {
 user-select: none;
}

#languageWindow .languageBtnWp{
  width: 100%;
  flex-wrap: wrap;
  background-color: #603416;
}

#languageWindow .languageBtnWp .languageBtn{
  width: 100%;
  background-color: #603416;
  color: #FFFFFF;
  padding: 1rem;
  border-bottom: 1px solid #FFF;
}



@media screen and (min-width:751px){
 #languageWindow .languageBtnWp .languageBtn{
   width: calc(100% / 2);
 }
  #languageWindow .languageBtnWp .languageBtn:nth-child(2n-1){
   border-right: 1px solid #FFF;
  }
  #languageWindow .languageBtnWp .languageBtn:nth-child(5){
   border-bottom: none;
  }
}


#languageWindow .languageBtnWp .languageBtn input[type='radio'] { 
 display: none;
}

#languageWindow .languageBtnWp .languageBtn input[type='radio'] + label { 
 display: block; 
 padding-left: 60px; 
 cursor: pointer; 
 background-color: #603416;
 font-size: 3rem;
 line-height: 2;
 position: relative; 
 top: 0; 
}

#languageWindow .languageBtnWp .languageBtn input[type='radio'] + label:after { 
 width: 30px;
 height: 30px; 
 -webkit-transition: all 200ms ease-out; 
 transition: all 200ms ease-out; 
 border-radius: 50%; 
 background-color: #603416;
 border: 2px solid #FFF;
 content: '';
 position: absolute;
 top: calc(50% - (30px / 2) - 2.5px);
 left: 15px; 
}


#languageWindow .languageBtnWp .languageBtn input[type='radio'] + label:hover,
#languageWindow .languageBtnWp .languageBtn input[type='radio']:checked + label {
 background-color: #FFFFFF;
 color: #603416;
}#languageWindow.panelWindow h2{
 color: #603416;
}#languageWindow.panelWindow .popupPanel-btmCloseBtn {
 border: 1px solid #603416;
 color: #603416;
}


#languageWindow.panelWindow .popupPanel-btmCloseBtn:hover {
 background-color: #603416;
 color: #FFFFFF;
}

#pageIcon nav ul.flex {
 flex-wrap: wrap;
 align-content: stretch;
}

#pageIcon nav ul.flex li {
 width: calc(100% / 4 - 1rem);
 height: auto;
 margin-left: .5rem;
 margin-right: .5rem;
 margin-bottom: 2rem;
}
#pageIcon nav ul.flex li img {
 width: 100%;
 height: auto;
}
#pageIcon nav ul.flex li a {
 width: 100%;
 height: auto;
 display: block;
}
#pageIcon nav ul.flex li a{
  border-radius: 10px;
background: rgb(145,84,180);
background: -moz-linear-gradient(top,  rgba(145,84,180,1) 0%, rgba(156,102,188,1) 50%, rgba(120,67,153,1) 51%, rgba(103,57,130,1) 100%);
background: -webkit-linear-gradient(top,  rgba(145,84,180,1) 0%,rgba(156,102,188,1) 50%,rgba(120,67,153,1) 51%,rgba(103,57,130,1) 100%);
background: linear-gradient(to bottom,  rgba(145,84,180,1) 0%,rgba(156,102,188,1) 50%,rgba(120,67,153,1) 51%,rgba(103,57,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9154b4', endColorstr='#673982',GradientType=0 );

background: rgb(195,131,125);
background: -moz-linear-gradient(top,  rgba(195,131,125,1) 0%, rgba(137,68,63,1) 50%, rgba(114,57,52,1) 51%, rgba(112,8,1,1) 100%);
background: -webkit-linear-gradient(top,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
background: linear-gradient(to bottom,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3837d', endColorstr='#700801',GradientType=0 );
}
#pageIcon nav ul.flex li a:hover{
background: rgb(103,57,130);
background: -moz-linear-gradient(top,  rgba(103,57,130,1) 0%, rgba(120,67,153,1) 50%, rgba(156,102,188,1) 51%, rgba(145,84,180,1) 100%);
background: -webkit-linear-gradient(top,  rgba(103,57,130,1) 0%,rgba(120,67,153,1) 50%,rgba(156,102,188,1) 51%,rgba(145,84,180,1) 100%);
background: linear-gradient(to bottom,  rgba(103,57,130,1) 0%,rgba(120,67,153,1) 50%,rgba(156,102,188,1) 51%,rgba(145,84,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673982', endColorstr='#9154b4',GradientType=0 );

background: rgb(112,8,1);
background: -moz-linear-gradient(top,  rgba(112,8,1,1) 0%, rgba(114,57,52,1,1) 50%, rgba(137,68,63,1) 51%, rgba(195,131,125,1) 100%);
background: -webkit-linear-gradient(top,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
background: linear-gradient(to bottom,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700801', endColorstr='#c3837d',GradientType=0 );
}


@media screen and (min-width: 480px){
 #pageIcon nav ul.flex li {
  width: calc(100% / 5 - 1rem);
  height: auto;
 }
}

@media screen and (min-width: 600px){
 #pageIcon nav ul.flex li {
  width: calc(100% / 6 - 1rem);
  height: auto;
 }
}

@media screen and (min-width: 720px){
 #pageIcon nav ul.flex li {
  width: calc(100% / 7 - 1rem);
  height: auto;
 }
}

@media screen and (min-width: 840px){
 #pageIcon nav ul.flex li {
  width: calc(100% / 8 - 1rem);
  height: auto;
 } 
}
.banner {
 width: 100%;
}

.banner a {
 width: 100%;
 display: block;
 color: #FFF;
 text-decoration: none;
 line-height: 1.25;
 font-size: 92%;
 font-weight: bold;
 padding: .25rem;
 margin: 1.25rem 0 1.25rem 0;
 text-align: center;
 border-radius: 10px;
}

.banner a{
background: rgb(195,131,125);
background: -moz-linear-gradient(top,  rgba(195,131,125,1) 0%, rgba(137,68,63,1) 50%, rgba(114,57,52,1) 51%, rgba(112,8,1,1) 100%);
background: -webkit-linear-gradient(top,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
background: linear-gradient(to bottom,  rgba(195,131,125,1) 0%,rgba(137,68,63,1) 50%,rgba(114,57,52,1) 51%,rgba(112,8,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3837d', endColorstr='#700801',GradientType=0 );
}
.banner a:hover{
background: rgb(112,8,1);
background: -moz-linear-gradient(top,  rgba(112,8,1,1) 0%, rgba(114,57,52,1,1) 50%, rgba(137,68,63,1) 51%, rgba(195,131,125,1) 100%);
background: -webkit-linear-gradient(top,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
background: linear-gradient(to bottom,  rgba(112,8,1,1) 0%,rgba(114,57,52,1,1) 50%,rgba(137,68,63,1) 51%,rgba(195,131,125,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700801', endColorstr='#c3837d',GradientType=0 );
}
.nowPrice{

}

.untl202202{
display: none;

}

.from202203{

}#toppage #pointCard .column2.flex{
flex-direction: column;
align-items: flex-start;

}
#toppage #pointCard .column2.flex .photo{
 margin-bottom: 1.5rem;
}

#toppage #storeInfo .openCloseTime dl{
 flex-wrap: wrap;
 width: 100%;
 margin-bottom: 1.5rem;
 border: 1px solid #999;
}

#toppage #storeInfo .openCloseTime dl dt{
 flex-grow: 1;
 width: 36%;
 max-width: 14rem;
 padding: .5rem;
 border-bottom: 1px solid #CCC;
 background-color: rgb(128,  64,   0);
 color: #FFF;
}
#toppage #storeInfo .openCloseTime dl dt:last-child,
#toppage #storeInfo .openCloseTime dl dd:last-child{
 border-bottom: none;
}

#toppage #storeInfo .openCloseTime dl dd{
 flex-grow: 3;

 width: 64%;
 max-width: calc(100% - 14rem);
 padding: .5rem;
 border-bottom: 1px solid #999;
}

#toppage #eventListAllLink{
 font-size; 1.4rem;
}

#toppage #eventList dl{
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
 margin-bottom: 1.5rem;
}

#toppage #eventList dt{
 width: 100%;
 padding: 1rem .5rem 0 .5rem;
 flex-grow: 1;
 border-bottom: none;
 font-size: 1.4rem;
 font-weight: bold;
}

#toppage #eventList dd{
 width: 100%;
 padding: 0 .5rem 1rem .5rem;
 flex-grow: 1;
 border-bottom: 1px dotted #666;
 font-size: 1.6rem;
}#toppage #mediaList {


}

#newsList #newsListAllLink{
 font-size; 1.4rem;
}

#newsList dl{
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
 margin-bottom: 1.5rem;
}

#newsList dt{
 width: 100%;
 padding: 1rem .5rem 0 .5rem;
 flex-grow: 1;
 border-bottom: none;
 font-size: 1.4rem;
 font-weight: bold;
}

#newsList dd{
 width: 100%;
 padding: 0 .5rem 1rem .5rem;
 flex-grow: 1;
 border-bottom: 1px dotted #666;
 font-size: 1.6rem;
}

#madiaList {
 height: 400px;
 max-height: 75vh; 
 overflow-y: scroll; 
}

#madiaList dl{
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
 margin-bottom: 1.5rem;
}

#madiaList dt{
 width: 100%;
 padding: 1rem .5rem 0 .5rem;
 flex-grow: 1;
 border-bottom: none;
 font-size: 1.4rem;
 font-weight: bold;
}

#madiaList dd{
 width: 100%;
 padding: 0 .5rem 1rem .5rem;
 flex-grow: 1;
 border-bottom: 1px dotted #666;
 font-size: 1.6rem;
}


#event #eventTable dl {
 width: 100%;
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 
}
#event #eventTable dl dt {
 background-color: #603416;
 color: #FFF;
 font-weight: bold;
}

#event #eventTable dl dt,
#event #eventTable dl dd {
 width: 100%;
 flex-grow: 1;
 border-left: 1px solid #333;
 border-top: 1px solid #333;
 border-right: 1px solid #333;
}

#event #eventTable dl dt {
 padding: .5rem 1.5rem;
}

#event #eventTable dl dd {
 padding: 1.5rem;
}

#event #eventTable dl{
 border-bottom: 1px solid #333;
}

@media screen and (min-width:750px){

 #event #eventTable dl {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;  
 }
 #event #eventTable dl dt {
  width: 18rem;
  border: none;
  border-bottom: 1px solid #FFF;
 }

 #event #eventTable dl dd {
  width: calc(100% - 18rem);
  border: none;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  padding: .5rem 1.5rem;
 }

 #event #eventTable dl dt:nth-child(1),
 #event #eventTable dl dt:nth-child(1) + dd {
  border-top: 1px solid #333;
 }
 #event #eventTable dl dt:nth-last-child(2),
 #event #eventTable dl dd:nth-last-child(1) {
  border-bottom: none;
 }

}
#event #eventList dl{
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
 margin-bottom: 1.5rem;
}

#event #eventList dt{
 width: 100%;
 padding: 1rem .5rem 0 .5rem;
 flex-grow: 1;
 border-bottom: none;
 font-size: 1.4rem;
 font-weight: bold;
}

#event #eventList dd{
 width: 100%;
 padding: 0 .5rem 1rem .5rem;
 flex-grow: 1;
 border-bottom: 1px dotted #666;
 font-size: 1.6rem;
}
.pageLink span,
.pageLink a{
 text-decoration: none;
}

.pageLink .pageNavLinkBtn{
 border: 1px solid #666;
/* padding: .5rem 3rem;*/
padding: .5rem 2.5rem;
 margin-top: 3.5rem;
 display: inline-block;
 font-size: 1.4rem;
 line-height: 1;
 user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
 
 position: relative;
}
.pageLink span.pageNavLinkBtn {
 background-color: #C9C9C9;
}

.pageLink .pageNavLinkBtn.btnPrev:before{
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 content: "\f104";
 font-size: 1.4rem;
 line-height: 1;
 
  position: absolute;
  left: .5rem;
}

.pageLink .pageNavLinkBtn.btnNext:after{
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 content: "\f105";
 font-size: 1.4rem;
 line-height: 1;
 
  position: absolute;
  right: .5rem;
}
#pageFooter {
 width: 100%;
}

#footerBgPhoto{
 width: 100%;
 height: 94px;
 
 position: relative;
 top: 0;
 
 background-image: url(https://ajinoya-okonomiyaki.com/img/common/osaka_city-673982v2.png);
 background-repeat: repeat-x;
 background-position: center top;
 background-size: auto 94px;
}

#footerWp {
 width: 100%;
 background-color: #673982;
}


#footerBg{
 width: calc(100% - 2rem);
 padding: 2rem 0 2rem 0;
 background-color: #673982;
 color: #FFFFFF;
}

#footerLinks .flex {
 flex-wrap: wrap;
 justify-content: center;
}

#footerLinks .flex li {
 width: calc(100% / 2);
}

#footerLinks .flex li:nth-child(1) {
  text-align: right;
}
#footerLinks .flex li:nth-child(1) a {
  border-right: .05rem solid #FFF;
  padding-right: 1rem;
}


#footerLinks .flex li:nth-child(2) {
  text-align: left;
  padding-left: 1rem;
}


#footerLinks .flex li:nth-child(3) {
  text-align: center;
}


@media screen and (min-width:751px){
#footerLinks .flex {
  justify-content: flex-start;
 }
 #footerLinks .flex li {
  width: auto;
  text-align: left;
 }

 #footerLinks .flex li:nth-child(3) {
 margin-left: auto;
 padding-right: 1rem;
 }
}

#footerLinks .flex li a {
 color: #FFF;
 line-height: 2;
}

#footerLinks .flex li span {
 line-height: 2;
 text-decoration: underline;
 cursor: pointer;
}

#footerLinks .flex li a:hover,
#footerLinks .flex li span:hover {
 text-decoration: none;
}

#pageFooter #footerAddess {
 width: calc(100% - 2rem);
 margin-left: auto;
 margin-right: auto;
 background: #F8F4FA;
 color: #673982;
 font-size: 1.4rem;
 line-height: 1.5;
 
 flex-direction: column;
 justify-content: space-between;
}

@media screen and (min-width:751px){
 #pageFooter #footerAddess {
  flex-direction: row;
  flex-wrap: wrap;
 }
}

#footerAddess .footerInfo {
 margin-bottom: 1.5rem;
}
#footerAddess .footerInfo:last-child {
 margin-bottom: 0;
}
#footerAddess .footerInfo .footerInfoLabel {
 font-weight: bold;
}
#footerAddess .footerInfo .footerInfoText {
 margin-left: 1rem;
}
#pageFooter #copy {
 font-size: 1.2rem;
 line-height: 2;
 padding-left: 1rem;
 padding-right: 1rem;

 background-color: #673982;
 color: #FFFFFF;
}


#footerLanguage{
display: inline;
background-image: url("https://ajinoya-okonomiyaki.com/img/icon/sitemap/icon-language.png");
background-repeat: no-repeat;
background-size: 18px 18px;
backgrond-position: left center;
padding: 0 0 0 25px;
}#sitemapLinks {
 width: 100%;
 max-height: 80vh;
}

#sitemapLinks ul.flex{
 width: 100%;
 flex-wrap: wrap;
 margin-bottom: 2rem;
}

#sitemapLinks ul.flex li.panel_alone,
#sitemapLinks ul.flex li.panel_parent,
#sitemapLinks ul.flex li.panel_child {
 width: 100%;
 display: block;
}

#sitemapLinks ul.flex li.panel_alone a,
#sitemapLinks ul.flex li.panel_parent > .childListClose,
#sitemapLinks ul.flex li.panel_child > a{
 width: 100%;
 text-decoration: none;

 display: flex;
 align-items: center;
}


#sitemapLinks {
 overflow-y: scroll;
}

#sitemapLinks ul.flex{
 width: calc(100% - 1.5rem);

}#sitemapLinks ul.flex li.panel_alone a,
#sitemapLinks ul.flex li.panel_parent > .childListClose,
#sitemapLinks ul.flex li.panel_child > a{
  display: block;
  
  display: flex;
  flex-wrap: nowrap;
}

#sitemapLinks ul.flex li.panel_alone a .icon,
#sitemapLinks ul.flex li.panel_parent > .childListClose .icon,
#sitemapLinks ul.flex li.panel_child > a icon{
  display: block;
  padding: 10px;
}

#sitemapLinks ul.flex li.panel_alone a .icon img,
#sitemapLinks ul.flex li.panel_parent > .childListClose .icon img,
#sitemapLinks ul.flex li.panel_child > a .icon img{
  width: 40px;
  height: 40px;
}

#sitemapLinks ul.flex li.panel_alone a .label,
#sitemapLinks ul.flex li.panel_parent > .childListClose .label,
#sitemapLinks ul.flex li.panel_child > a .label{
  display: block;
  padding: 10px;
}

#sitemapLinks ul.flex li.panel_alone {
/* background-color: #611987;*/
 background-color: rgb(128, 64, 0);
}
#sitemapLinks ul.flex li.panel_alone a{
/* color: #FFFFFF;*/
 color: #FFF;
}
#sitemapLinks ul.flex li.panel_alone:hover {
/* background-color: rgba(97,25,135,.8);*/
 background-color: rgba(128, 64, 0,.8);
}
#sitemapLinks ul.flex li.panel_parent .childListClose{
/* background-color: #611987;
 color: #FFFFFF;*/
 background-color: rgb(128, 64, 0);
 color: #FFF;
}

#sitemapLinks ul.flex li.panel_parent .childListClose:hover {
/* background-color: rgba(97,25,135,.8);*/
 background-color: rgba(128, 64, 0,.8);
}

#sitemapLinks ul.flex li.panel_parent .panel_child-wp{
/*  border: 2px solid #611987;*/
  border: 2px solid rgb(128, 64, 0);
  display: none;
}

#sitemapLinks ul.flex li.panel_parent > .childListClose,
#sitemapLinks ul.flex li.panel_parent > .childListOpen{
 position: relative;
 cursor: pointer;
}

#sitemapLinks ul.flex li.panel_parent > .childListClose::after{
 font-size: 2rem;
 font-family: "Font Awesome 5 Free";
 content: "\f078";
 font-weight: 900;
 
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 1rem;
 
 display: block;
}

#sitemapLinks ul.flex li.panel_parent > .childListOpen::after{
 font-size: 2rem;
 font-family: "Font Awesome 5 Free";
 content: "\f077";
 font-weight: 900;
 
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 1rem;

 display: block;
}

#sitemapLinks ul.flex li.panel_child > a:before {content:"\0bb";}


#sitemapLinks ul.flex li.panel_child > a{
/* background-color: #FFFFFF;
 color: #611987;
*/
 padding-left: 1.5rem;
}

#sitemapLinks ul.flex li.panel_child > a:hover{
/* background-color: #611987;
 color: #FFFFFF;
*/
  background-color: rgba(128, 64, 0, .8);
  color: #FFF;
}
#sitemapWindow.panelWindow h2{
 /*color: #611987;*/
}#sitemapWindow.panelWindow .popupPanel-btmCloseBtn {
/* border: 1px solid #611987;
 color: #611987;*/
 border: 1px solid rgb(128, 64, 0);
 color: rgb(128, 64, 0);
}


#sitemapWindow.panelWindow .popupPanel-btmCloseBtn:hover {
/* background-color: #611987;
 color: #FFFFFF;*/
 background-color: rgb(128, 64, 0);
 color: #FFF;
}
.otherCategoryLinks nav ul.flex {
 width: 100%;
 flex-wrap: wrap;
 align-items: flex-start;

}

.otherCategoryLinks nav ul.flex li {
 width: calc((100% / 3) - (1rem / 3));
 margin-bottom: .5rem;
}

.otherCategoryLinks nav ul.flex li a {
 display: block;
 user-select: none;

 font-size: 1.3rem;
 line-height: 1;
 text-align: center;
 text-decoration: none;
 color: #666;
 
 border-radius: 10px;
 padding: 1.5rem .5rem;
 border: 1px solid #666;
 overflow: hidden;
}

.otherCategoryLinks nav ul.flex li a:hover {
 background-color: #666;
 color: #FFF;
}

.otherCategoryLinks nav ul.flex li:nth-child(3n - 1) {
 margin-left: .5rem;
 margin-right: .5rem;
}
.subdivision{
 padding-left: 1rem;
 padding-right: 1rem;
 padding-bottom: 1.5rem;
 border-bottom: dotted 1px #666;
}
.subdivision:last-child{
 border-bottom: none;
 padding-bottom: 0;
}

.subdivision .subdivisionTitle{
 color: #603416;
 font-size: 1.4rem;
 margin: 1.5rem 0 .5rem 0;
}


.subdivision .subdivisionTitle span{
 border-left: .5rem solid #603416;
 padding: 0 .5rem;
 display: inline-block;
 line-height: 1;
}

#sidebar ul{
 list-style: none;
}

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

#sidebarOnlineShop {
 margin-top: 5rem;

}

#sidebarOnlineShop ul.flex {
 width: 100%;
 flex-direction: row; 
 flex-wrap: wrap;
}

#sidebarOnlineShop ul.flex li { width: calc((100% - 1rem) / 2 ); margin-bottom: .5rem; }
#sidebarOnlineShop ul.flex li:nth-child(2n) { margin-left: .5rem; }
#sidebarOnlineShop ul.flex li:nth-child(2n-1) { margin-right: .5rem; }


@media screen and (min-width:750px){
 #sidebarOnlineShop ul.flex {
  flex-direction: column; 
 }
 
 #sidebarOnlineShop ul.flex li {
  width: 100%;
  margin: 0 0 1rem 0 !important;
 }
}

#sidebarAttention ul.flex {
 width: 100%;
 flex-direction: row;
 flex-wrap: wrap;
 margin-bottom: 1rem;
}

#sidebarAttention ul.flex li { 
 width: calc((100% - 1rem) / 3 ); 
 margin-bottom: 1rem;
}

#sidebarAttention ul.flex li:nth-child(3n - 1) {
 margin-left: .5rem;
 margin-right: .5rem;
}

@media screen and (min-width:750px){
 #sidebarAttention ul.flex {
  flex-direction: column;
  flex-wrap: nowrap;
 }
 
 #sidebarAttention ul.flex li {
  width: 100%;
  margin: 0 0 1rem 0 !important;
 }
}

#sidebarMedia ul.flex {
 width: 100%;
 flex-direction: row;
 flex-wrap: wrap;
}

#sidebarMedia ul.flex li { 
 width: calc((100% - 1rem) / 3 ); 
 margin-bottom: 1rem;
}

#sidebarMedia ul.flex li:nth-child(3n - 1) {
 margin-left: .5rem;
 margin-right: .5rem;
}

@media screen and (min-width:750px){
 #sidebarMedia ul.flex {
  flex-direction: column;
  flex-wrap: nowrap;
 }
 
 #sidebarMedia ul.flex li {
  width: 100%;
  margin: 0 0 1rem 0 !important;
 }
}ul.pseudoTable {
 list-style: none;
 margin: 0;

}

ul.pseudoTable li {
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
 border-right: 1px solid #CCC;
}

ul.pseudoTable li:last-child{
 border-bottom: 1px solid #CCC;
}


ul.pseudoTable li dl.flex {
  width: 100%;

  flex-direction: column;
  align-items: flex-start;
}

ul.pseudoTable li dl dt {
  width: 100%;

  /*background-color: #E6E6FA;*/
  background-color:rgb(128, 64, 0);
  color: #FFF;
  padding: 1rem;
  border-bottom: 1px solid #CCC;
  border-right: none;
  
  font-weight: bold;
}

ul.pseudoTable li dl dd {
  width: 100%;
  padding: 2rem 1rem;
}@media screen and (min-width:750px){

 ul.pseudoTable li dl.flex {
  width: 100%;

  flex-direction: row;
  align-items: stretch;
 }
 ul.pseudoTable li dl.flex dt {
  width: 30%;
  border-right: 1px solid #CCC;
  border-bottom: none;

 }
 ul.pseudoTable li dl.flex dd {
  width: 70%;
  padding: 1rem;
 }
}
.minTable.flex {
 width: 100%;
 align-content: center;
 border-bottom: dotted 1px #CCC;
 border-top: dotted 1px #CCC;
 margin-bottom: .125rem;
 align-items: baseline;
}
.minTable.flex .minTableLabel {
 width: 35%;
 flex-grow: 1;
 padding: .75rem .5rem;
 border-right: dotted 1px #CCC;
 font-weight: bold;
 color: #FFF;
 font-size: 92%;
 background: rgb(128,  64,   0);
 border-bottom: dotted 1px #CCC;
 
}
.minTable.flex .minTableTxt {
 width: 65%;
 flex-grow: 1;
 padding: .75rem .5rem;
 font-size: 92%;
 border-bottom: dotted 1px #CCC;
 
}
#closedDayCalendar .flex,
.closedDayCalendar .flex{
 width: 100%;
 flex-wrap: wrap;
 justify-content: space-between;
}

#closedDayCalendar .flex div,
.closedDayCalendar .flex div{
 flex-grow: 1;
 width: 100%;
}



@media screen and (max-width:480px) {
 #storeInfoMain .flex .calendarTable,
 #closedDayCalendar .flex div,
 .closedDayCalendar .flex div{
   width: 100%;
 }
}
@media screen and (min-width:481px) and ( max-width:749px) {
 #storeInfoMain .flex .calendarTable,
 #closedDayCalendar .flex div,
 .closedDayCalendar .flex div{
  max-width: calc(100% / 2 - 10px);
 }
}
@media screen and (min-width:750px) {
 #closedDayCalendar .flex div,
 .closedDayCalendar .flex div{
   width: 100%;
 }
 #storeInfoMain .flex .calendarTable{
  max-width: calc(100% / 2 - 10px);
 }
}




#closedDayCalendar table,
.closedDayCalendar table {
 width: 100%;
 border-top: 1px solid #333;
 margin-bottom: 3rem;
}


#closedDayCalendar table th,
.closedDayCalendar table th {
 width: calc(100% / 7);
 background-color: #603416;
 color: #FFFFFF;
 border-left: 1px solid #FFF;

 line-heihgt: 2;
 font-size: 1.4rem;
}
#closedDayCalendar table th:nth-child(1),
.closedDayCalendar table th:nth-child(1) {
 border-left: none;
}
#closedDayCalendar table th:nth-child(7),
.closedDayCalendar table th:nth-child(7) {
 border-right: 1px solid #333;
}


#closedDayCalendar table td,
.closedDayCalendar table td {
 width: calc(100% / 7);
 border-left: 1px solid #333;
 border-bottom: 1px solid #333;
 line-heihgt: 2;
 font-size: 1.4rem;
 text-indent: .25rem;
}

#closedDayCalendar table td:nth-child(7n),
.closedDayCalendar table td:nth-child(7n) {
 border-right: 1px solid #333;
}#closedDayCalendar .explanation,
.closedDayCalendar .explanation {
 font-size: 1.4rem;
 line-height; 1.5;
}
 
#closedDayCalendar .explanation .explanationTxt:before,
.closedDayCalendar .explanation .explanationTxt:before {
 content: "･･･";
 padding-left: .5rem;
 padding-right: .5rem;
 font-size: 1.4rem;
 line-height; 1.5;
} 
#closedDayCalendar .explanation .normalOpneDay,
.closedDayCalendar .explanation .normalOpneDay {
  color: #333;
}#closedDayCalendar .explanation .takeoutDay,
.closedDayCalendar .explanation .takeoutDay {
  color: #005aff;
}

#closedDayCalendar table .takeoutDay,
.closedDayCalendar table .takeoutDay {
  background-color: #005aff;
  color: #FFF;
}#closedDayCalendar .explanation .openDayShort,
.closedDayCalendar .explanation .openDayShort {
  color: #D0167A;
}

#closedDayCalendar table .openDayShort,
.closedDayCalendar table .openDayShort {
  background-color: #D0167A;
  color: #FFF;
}#closedDayCalendar .explanation .closedDayNomal,
.closedDayCalendar .explanation .closedDayNomal {
  color: #999;
}
#closedDayCalendar table .closedDayNomal,
.closedDayCalendar table .closedDayNomal {
  background-color: #999;
  color: #FFF;
}#closedDayCalendar .explanation .closedDayTemporary,
.closedDayCalendar .explanation .closedDayTemporary {
  color: #FFBB00;
}
#closedDayCalendar table .closedDayTemporary,
.closedDayCalendar table .closedDayTemporary {
  background-color: #FFBB00;
  color: #FFF;
}#closedDayCalendar .explanation .openDayTemporary,
.closedDayCalendar .explanation .openDayTemporary  {
  color: #407F5D;
}
#closedDayCalendar table .openDayTemporary,
.closedDayCalendar table .openDayTemporary {
  background-color: #407F5D;
  color: #FFF;
}#closedDayCalendar table .nodataDay,
.closedDayCalendar table .nodataDay {
  background-color: #EFECE5;
  background-image: url(https://ajinoya-okonomiyaki.com/img/common/logo_through_min.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}#businessHours-Stop strong{
font-size: 110%;
}#businessHours-change dl dt{
font-weight: bold;
font-size: 110%;
}table.centralKitchenCalendar {
 width: 100%;
 border-top: 1px solid #333;
 margin-bottom: 3rem;
}


table.centralKitchenCalendar th {
 width: calc(100% / 7);
 background-color: #603416;
 color: #FFFFFF;
 border-left: 1px solid #FFF;

 line-heihgt: 2;
 font-size: 1.4rem;
}
table.centralKitchenCalendar th:nth-child(1) {
 border-left: none;
}
table.centralKitchenCalendar th::nth-child(7) {
 border-right: 1px solid #333;
}


table.centralKitchenCalendar td {
 width: calc(100% / 7);
 border-left: 1px solid #333;
 border-bottom: 1px solid #333;
 line-heihgt: 2;
 font-size: 1.4rem;
 text-indent: .25rem;
}

table.centralKitchenCalendar td:nth-child(7n) {
 border-right: 1px solid #333;
}table.centralKitchenCalendar .nodataDay {
  background-color: #EFECE5;
  background-image: url(https://ajinoya-okonomiyaki.com/img/common/logo_through_min.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}table.centralKitchenCalendar .thisTakeoutDay {
  background-color: #000080;
  color: #FFF;

}table.centralKitchenCalendar .thisOpenDayShort{
  background-color: #FFBB00;
  color: #333;
}table.centralKitchenCalendar .thisCloseDay{
  background-color: #999;
  color: #FFF;
}.hanreiNormal{
  background-color: #FFF !important;
  font-weight: bold;
}
.hanreiClose{
  background-color: #999999 !important;
  color: #FFF;
  font-weight: bold;
}

.hanreiShort{
  background-color: #D0167A !important;
  color: #FFF;
  font-weight: bold;
}

.hanreiTakeout{
  background-color: #000080 !important;
  color: #FFF;
  font-weight: bold;
}

.dspInlineBlock{
 display: inline-block;
}

.hanreiTxt::before{
 content: "･･･";
}

.hanreiMark{
  font-weight: bold;
}

.hanreiMarkClosedDay{
  color: #999999;
}


.hanreiMarkShortDay{
  color: #D0167A;
}

ul.calendarAnnaiList{
margin: 0 0 0 1.25rem;
}


ul.calendarAnnaiList li{
list-style-type: disc;
margin: 0 0 0 .5rem;
}



.subPageCategory ul.flex{
  list-style: none;
  
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}


.subPageCategory ul.flex li{
  width: 100%;
  border: solid 1px #666;
  margin-bottom: 2rem;
}

.subPageCategory ul.flex li a{
  color: #333;
  text-decoration: none;
  display:block;
}

.subPageCategory ul.flex li dl dt{
  background: #603416;
  text-align: center;
}

.subPageCategory ul.flex li dl dd{
  padding: 1rem 1rem 2rem 1rem;
}

.subPageCategory ul.flex li dl dd h4{
  line-height: 2;
}
.subPageCategory ul.flex li dl dd p{
  font-size: 80%;
}
.subPageCategory ul.flex li a:hover dl dd p{
  font-weight: bold;
}

.subPageCategory ul.flex li dl dd p.price{
  font-weight: bold;
  font-size: 1.6rem;
  color: #CC0000;
  text-align: right;
}
.subPageCategory ul.flex li p.linkDetails{
  text-align: right;
  color: #0000CC;
  padding-right: 1rem;
  font-size: 1.4rem;
  line-height: 2;
}@media screen and (min-width:480px){

.subPageCategory ul.flex{  
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.subPageCategory ul.flex li{
  width: calc(100% / 2 - 1rem);
}

}dl.contactTelTable.flex {
 width: 100%;
 flex-wrap: wrap;
}
dl.contactTelTable.flex dt{
 width: 100%;
 font-weight: bold;
}
dl.contactTelTable.flex dd{
 width: 100%;
}

@media screen and (min-width:750px){

 dl.contactTelTable.flex dt{
  width: 30%;
 }
 dl.contactTelTable.flex dd{
  width: calc(100% - 30%);
 }

}#menu .menuDetails > ul.flex {
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
 
 list-style: none;
 margin: 0;
}#menu .menuDetails > ul.flex > li {
 width: 100%;
 border: 1px solid #666;
 padding: 1rem;
 margin-bottom: 2rem;
}#menu .menuDetails > ul.flex > li dl.flex {
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
}#menu .menuDetails > ul.flex > li dl.flex dt {
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 1;

 border-bottom: solid #603416 2px;
 margin-bottom: 1.5rem;
 padding: .9rem 1rem .5rem 1rem;
}
#menu .menuDetails > ul.flex > li dl.flex dd.flex {
 width: 100%;
 padding: 0 1rem 1rem 1rem;
 flex-direction: column;
 flex-wrap: nowrap;
 justify-content: space-between;
 align-items: center;
}

#menu .menuDetails > ul.flex > li dl.flex dd.flex .menuData{
 flex-grow: 1;
}
@media screen and (max-width:619px){
 #menu .menuDetails > ul.flex > li dl.flex dd.flex{ 
  flex-direction: column;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuPhoto{
  width: 100%
  padding-left: 0;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuData{
  width: 100%;
  padding-top: 1rem;
 }
}


@media screen and (min-width:620px) and ( max-width:749px) {
 #menu .menuDetails > ul.flex > li dl.flex dd.flex{
  flex-direction: row;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuPhoto{
  width: calc(480px * .4);
  padding-right: 1rem;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuData{
  width: calc((100% - 480px * .4) - 1rem);
  padding-top: 0;
 }
}

@media screen and (min-width:750px) and ( max-width:919px) {
 #menu .menuDetails > ul.flex > li dl.flex dd.flex{ 
  flex-direction: column;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuPhoto{
  width: 100%
  padding-right: 0;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuData{
  width: 100%;
  padding-top: 1rem;
 }
}

@media screen and (min-width:920px) {
 #menu .menuDetails > ul.flex > li dl.flex dd.flex{
  flex-direction: row;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuPhoto{
  width: calc(480px * .4);
  padding-right: 1rem;
 }
 #menu .menuDetails > ul.flex > li dl.flex dd.flex .menuData{
  width: calc((100% - 480px * .4) - 1rem);
  padding-top: 0;
 }
}
#menu .menuDetails > ul.flex > li dl.flex dd.flex p.price{
 text-align: right;
 color: #CC0000;
}.springOnly{
padding: 0 .25rem;
margin: .25rem .25rem .25rem 0;
font-size: 75%;
text-align: center;
line-height: 1.5;
color: #FFF;
background: #339;
border: 1px solid #333;

display: inline-block;

}

.summerOnly{
padding: 0 .25rem;
margin: .25rem .25rem .25rem 0;
font-size: 75%;
text-align: center;
line-height: 1.5;
color: #FFF;
background: #C30;
border: 1px solid #333;

display: inline-block;

}

.autumnOnly{
padding: 0 .25rem;
margin: .25rem .25rem .25rem 0;
font-size: 75%;
text-align: center;
line-height: 1.5;
color: #333;
background: #FFF;
border: 1px solid #333;

display: inline-block;

}

.winterOnly{
padding: 0 .25rem;
margin: .25rem .25rem .25rem 0;
font-size: 75%;
text-align: center;
line-height: 1.5;
color: #FFF;
background: #999;
border: 1px solid #333;

display: inline-block;

}

.language-en .springOnly,
.language-en .summerOnly,
.language-en .autumnOnly,
.language-en .winterOnly{
width: 6rem;
font-size: calc((6rem - .5rem) / 6);
}

.language-ko .springOnly,
.language-ko .summerOnly,
.language-ko .autumnOnly,
.language-ko .winterOnly{
width: 5rem;
font-size: calc((5rem - .5rem) / 5);
}
#menu .menuRanking > ul.flex {
 width: 100%;
 flex-direction: column;
 flex-wrap: wrap;
 
 list-style: none;
 margin: 0;
}#menu .menuRanking > .rankingData {
 width: 100%;
 padding: 1rem;
 margin-bottom: 2rem;
}#menu .menuRanking > .rankingData .menuPhoto{

}#menu .menuRanking > .rankingData .menuData{
 padding: 2rem 0;
}
#menu .menuRanking > .rankingData .menuData .price{
 text-align: right;
 color: #CC0000;
}#faq .faqList {

}

#faq .faqList ul,
#faq .faqList ul .panel_parent{
 width: 100%;
}

#faq .faqList ul .panel_parent{
 border: 1px solid #666;
 margin-bottom: 1.5rem;
}

#faq .panel_child-wp{
 display: none;
}

#faq .faqQ.childListClose{
 display: block;
 padding: 1rem;
 cursor: pointer;
 position: relative;
 background-color: #EFECE5;
}

#faq .faqQ.childListClose::after{
 font-size: 2rem;
 font-family: "Font Awesome 5 Free";
 content: '\f0fe';
 font-weight: 900;
 
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 1rem;
 
 display: block;
}

#faq .faqQ.childListOpen::after{
 font-size: 2rem;
 font-family: "Font Awesome 5 Free";
 content: "\f146";
 font-weight: 900;
 
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 1rem;

 display: block;
}



#faq .faqA{
 padding: 1rem;
}.titleTypedRanking.flex { 
 width: 100%;
 height: 40px;

 margin-bottom: .25rem;
 border-bottom: 1px solid #666;

 flex-direction: row;
 justify-content: flex-start;
 align-content: flex-end;
 align-items: flex-end;
 
}


.titleTypedRanking .title{
 width: calc(100% - 40px);
 display: block;
 font-size: 2rem;
 line-height: 1.5;
 text-indent: 1rem;
}


.titleTypedRanking .rankMark{
 width: 40px;
 height: 40px;
 display: block;
 text-indent: -9999px;

 background-repeat: no-repeat;
 background-size: auto 4rem;
 backgrrond-position: center bottom;

}

.titleTypedRanking .rankMark.rank1{
 background-image: url(https://ajinoya-okonomiyaki.com//img/icon/icon-ranking_1st.png);
}
.titleTypedRanking .rankMark.rank2{
 background-image: url(https://ajinoya-okonomiyaki.com//img/icon/icon-ranking_2nd.png);
}
.titleTypedRanking .rankMark.rank3{
 background-image: url(https://ajinoya-okonomiyaki.com//img/icon/icon-ranking_3rd.png);
}
.titleTypedRanking .rankMark.rank4{
 background-image: url(https://ajinoya-okonomiyaki.com//img/icon/icon-ranking_4th.png);
}
.titleTypedRanking .rankMark.rank5{
 background-image: url(https://ajinoya-okonomiyaki.com//img/icon/icon-ranking_5th.png);
}

.singleArticle {
 paddingsingleArticleleft: 1rem;
 padding-right: 1rem;
 border-top: dotted 1px #666;
 font-size: 100%;
}

.singleArticle .singleArticleTitle{
 color: #603416;
 font-size: 1.4rem;
 margin: 1.5rem 0 .5rem 0;
}
.singleArticle .singleArticleTitle span{
 border-left: .5rem solid #603416;
 padding: 0 .5rem;
 display: inline-block;
 line-height: 1;
}
.singleArticle p{
 color: #666;
 line-height: 1.5;
}

.singleArticle > div{
 margin-bottom: 2.5rem;
}
.singleArticle > div:last-child{
 margin-bottom:0;
}.singleArticle .column3Links li.flex {
 margin-bottom: 1rem; 
 text-align: left;
 width: 100%;
 justify-content: space-between;
}

.singleArticle .column3Links li.flex  > span.title{
 width: calc(100% - 7rem - 7rem);
 display: block;
 text-align: left;
}

.singleArticle .column3Links li.flex  > span.photo{
 width: 7rem;
 display: block;
 text-align: center;
}

.singleArticle .column3Links li.flex  > span.links{
 width: 7rem;
 display: block;
 text-align: center;
}
.relatedArticle {
 padding-left: 1rem;
 padding-right: 1rem;
 border-top: dotted 1px #666;
 font-size: 80%;
}

.relatedArticle .relatedArticleTitle{
 color: #603416;
 font-size: 1.4rem;
 margin: 1.5rem 0 .5rem 0;
}
.relatedArticle .relatedArticleTitle span{
 border-left: .5rem solid #603416;
 padding: 0 .5rem;
 display: inline-block;
 line-height: 1;
}
.relatedArticle p{
 color: #666;
 line-height: 1.5;
}

.relatedArticle > div{
 margin-bottom: 2.5rem;
}
.relatedArticle > div:last-child{
 margin-bottom:0;
}.relatedArticle .column3Links li.flex {
 margin-bottom: 1rem; 
 text-align: left;
 width: 100%;
 justify-content: space-between;
}

.relatedArticle .column3Links li.flex  > span.title{
 width: calc(100% - 7rem - 7rem);
 display: block;
 text-align: left;
}

.relatedArticle .column3Links li.flex  > span.photo{
 width: 7rem;
 display: block;
 text-align: center;
}

.relatedArticle .column3Links li.flex  > span.links{
 width: 7rem;
 display: block;
 text-align: center;
}
.otherCategoryLinks nav ul.flex {
 width: 100%;
 flex-wrap: wrap;
 align-items: flex-start;

}

.otherCategoryLinks nav ul.flex li {
 width: calc((100% / 3) - (1rem / 3));
 margin-bottom: .5rem;
}

.otherCategoryLinks nav ul.flex li a {
 display: block;
 user-select: none;

 font-size: 1.3rem;
 line-height: 1;
 text-align: center;
 text-decoration: none;
 color: #666;
 
 border-radius: 10px;
 padding: 1.5rem .5rem;
 border: 1px solid #666;
 overflow: hidden;
}

.otherCategoryLinks nav ul.flex li a:hover {
 background-color: #666;
 color: #FFF;
}

.otherCategoryLinks nav ul.flex li:nth-child(3n - 1) {
 margin-left: .5rem;
 margin-right: .5rem;
}
.subdivision{
 padding-left: 1rem;
 padding-right: 1rem;
 padding-bottom: 1.5rem;
 border-bottom: dotted 1px #666;
}
.subdivision:last-child{
 border-bottom: none;
 padding-bottom: 0;
}

.subdivision .subdivisionTitle{
 color: #603416;
 font-size: 1.4rem;
 margin: 1.5rem 0 .5rem 0;
}


.subdivision .subdivisionTitle span{
 border-left: .5rem solid #603416;
 padding: 0 .5rem;
 display: inline-block;
 line-height: 1;
}
ul.pseudoTable {
 list-style: none;
 margin: 0;

}

ul.pseudoTable li {
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
 border-right: 1px solid #CCC;
}

ul.pseudoTable li:last-child{
 border-bottom: 1px solid #CCC;
}


ul.pseudoTable li dl.flex {
  width: 100%;

  flex-direction: column;
  align-items: flex-start;
}

ul.pseudoTable li dl dt {
  width: 100%;

  /*background-color: #E6E6FA;*/
  background-color:rgb(128, 64, 0);
  color: #FFF;
  padding: 1rem;
  border-bottom: 1px solid #CCC;
  border-right: none;
  
  font-weight: bold;
}

ul.pseudoTable li dl dd {
  width: 100%;
  padding: 2rem 1rem;
}@media screen and (min-width:750px){

 ul.pseudoTable li dl.flex {
  width: 100%;

  flex-direction: row;
  align-items: stretch;
 }
 ul.pseudoTable li dl.flex dt {
  width: 30%;
  border-right: 1px solid #CCC;
  border-bottom: none;

 }
 ul.pseudoTable li dl.flex dd {
  width: 70%;
  padding: 1rem;
 }
}
.minTable.flex {
 width: 100%;
 align-content: center;
 border-bottom: dotted 1px #CCC;
 border-top: dotted 1px #CCC;
 margin-bottom: .125rem;
 align-items: baseline;
}
.minTable.flex .minTableLabel {
 width: 35%;
 flex-grow: 1;
 padding: .75rem .5rem;
 border-right: dotted 1px #CCC;
 font-weight: bold;
 color: #FFF;
 font-size: 92%;
 background: rgb(128,  64,   0);
 border-bottom: dotted 1px #CCC;
 
}
.minTable.flex .minTableTxt {
 width: 65%;
 flex-grow: 1;
 padding: .75rem .5rem;
 font-size: 92%;
 border-bottom: dotted 1px #CCC;
 
}