@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
h1 {
  background-color: #000;
  color: #fff;
  font-size: 156%;
  padding: 0.25em 2%;
  margin: 2em auto 0; }
  h1:nth-child(n+2) {
    margin: 5em auto 0; }

#menu, #online {
  margin: 5em auto 0; }
  #menu h2, #online h2 {
    font-size: 125%;
    background-color: yellow;
    padding: 0.25em 2%;
    text-align: center !important; }
    #menu h2:nth-child(n+2), #online h2:nth-child(n+2) {
      margin: 3em 0 0; }
  #menu #curry, #online #curry {
    margin: 0 0 2em; }
  #menu .area, #online .area {
    margin: 3em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%; }
    #menu .area::after, #online .area::after {
      content: "";
      display: block;
      width: 31.333%; }
    #menu .area li, #online .area li {
      width: 31.333%; }
      #menu .area li:nth-child(n+4), #online .area li:nth-child(n+4) {
        margin: 3em 0 0; }
      #menu .area li figure, #online .area li figure {
        width: 80%;
        margin: 0 auto 1em; }
      #menu .area li dl dt, #online .area li dl dt {
        width: 96%;
        background-color: #d71518;
        color: #fff;
        font-weight: bold;
        padding: 0.25em 2%;
        margin: 0 0 0.5em; }
      #menu .area li .red, #online .area li .red {
        color: #d71518; }
  #menu .area02, #online .area02 {
    margin: 3em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%; }
    #menu .area02 p, #online .area02 p {
      width: 50%; }
    #menu .area02 figure, #online .area02 figure {
      width: 46%; }
  #menu .other_menu, #online .other_menu {
    width: 400px;
    margin: 3em auto 0; }
    #menu .other_menu h3, #online .other_menu h3 {
      background-color: #000;
      padding: 0.25em 2%;
      color: #fff; }
    #menu .other_menu p, #online .other_menu p {
      margin: 1em 0 0;
      color: #d71518; }
    #menu .other_menu table tr, #online .other_menu table tr {
      border-bottom: 1px solid #000; }
    #menu .other_menu table th, #online .other_menu table th {
      display: block;
      width: 100%;
      text-align: left; }
    #menu .other_menu table:nth-child(n+2) th, #online .other_menu table:nth-child(n+2) th {
      margin: 1em 0 0; }
    #menu .other_menu table td, #online .other_menu table td {
      display: block;
      width: 100%;
      padding: 0 0 1em; }
    #menu .other_menu dl dt, #online .other_menu dl dt {
      font-weight: bold;
      margin: 0 0 0.5em; }
      #menu .other_menu dl dt:nth-child(n+2), #online .other_menu dl dt:nth-child(n+2) {
        margin: 2em 0 0.5em; }
    #menu .other_menu #photos, #online .other_menu #photos {
      width: 90%;
      margin: 1em auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #menu .other_menu #photos li, #online .other_menu #photos li {
        width: 48%; }
    #menu .other_menu .banners, #online .other_menu .banners {
      margin: 8em 0 0;
      display: block; }

/*フッター*/
/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  h1 {
    width: 1080px; }

  #menu, #online {
    width: 830px; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  h1 {
    width: 90%; }

  #menu, #online {
    width: 90%; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  h1 {
    font-size: 130%; }

  #menu, #online {
    margin: 3em auto 0; }
    #menu h2, #online h2 {
      font-size: 115%; }
    #menu .area, #online .area {
      margin: 2em 0 0;
      flex-direction: column; }
      #menu .area li, #online .area li {
        width: 80%;
        margin: 0 auto; }
        #menu .area li:nth-child(n+2), #online .area li:nth-child(n+2) {
          margin: 4em auto 0; }
    #menu .area02, #online .area02 {
      margin: 2em 0 0;
      flex-direction: column; }
      #menu .area02 p, #online .area02 p {
        width: 100%;
        margin: 0 0 1em; }
      #menu .area02 figure, #online .area02 figure {
        width: 100%; }
    #menu .other_menu, #online .other_menu {
      width: 80%; }
      #menu .other_menu table tr, #online .other_menu table tr {
        display: block;
        width: 100%;
        border-bottom: none; }
      #menu .other_menu table th, #online .other_menu table th {
        display: block;
        width: 96%;
        border-right: none;
        border-bottom: 1px solid #000;
        text-align-last: inherit;
        text-align: left;
        padding: 0.5em 2% 0; }
      #menu .other_menu table td, #online .other_menu table td {
        width: 96%;
        padding: 0.5em 2%; }
      #menu .other_menu #photos, #online .other_menu #photos {
        width: 90%;
        flex-direction: column; }
        #menu .other_menu #photos li, #online .other_menu #photos li {
          width: 100%; }
          #menu .other_menu #photos li:nth-child(n+2), #online .other_menu #photos li:nth-child(n+2) {
            margin: 1em 0 0; }

  /*フッター*/ }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }