@charset "utf-8";
/*
Theme Name:welcart basic 肉重つづみ
Description: Welcart Basic Tsuzumi Theme
Author: aruku
Template: welcart_basic
Version: 1.0.0
*/

.grecaptcha-badge { visibility: hidden; }

/*画面幅変数*/
html {
  font-size: 15px;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

.f-w {
  color: #fff;
}


/*
 * レスポンシブフォントサイズ
 * ウィンドウ幅 860px から 1280px まで、
 * フォントサイズが 15px から 24px に流動的に変化する
 */
@media (min-width: 860px) {
  html {
    font-size: calc(1rem + ((1vw - 8.6px) * 1.9048));
  }
}

/* 最大フォントサイズ : 幅 1280px 以上は 18px */
@media (min-width: 1280px) {
  html {
    font-size: 18px;
  }
}

body {
  margin: 0;
  height: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5rem 1.2rem 0;
}

.inner2 {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1.2rem;
}

.inner2_1 {
  max-width: 900px;
  margin: 5rem auto 1rem;
  padding: 0 1.2rem;
}

.inner3 {
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .inner2_1 {
    max-width: 800px;
    margin: 1rem auto 1rem;
    padding: 0 1.2rem;
  }
}

#content {
  max-width: 1200px;
  margin: 250px auto 150px;
  padding: 0 1.2rem;
}

@media (max-width: 600px) {
  #content {
    margin: 100px auto;
  }
}

#gotop {
  cursor: pointer;
}

#gTopImg {
  margin-top: 130px;
}

@media (max-width: 600px) {
  #gTopImg {
    margin-top: 95px;
  }
}

/*ナビゲーション*/
.navContainer {
  background-color: rgba(255, 255, 255, 0.8);
}

.navbox {
  display: flex;
  justify-content: space-between;
}

.navbox .telbox {
  margin: 0;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}

.navbox .navtel {
  font-size: 0.8rem;
  color: #FFF;
  border: solid 2px #000;
  background-color: #000;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0.9rem 1rem 0.6rem 0;
}

.navbox .navtelyaji:after {
  font-weight: 900;
  content: "\f0da";
  margin-right: 0.2rem;
  margin-left: 0.5rem;
}

.navbox .navtelno a {
  color: #000;
  text-decoration: none;
}

.navboxSp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

.kotei {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  position: fixed;
}

.kotei .navMenu {
  margin-top: 0;
}

.kotei .navImg {
  max-width: 80px;
}

.navImg {
  max-width: 130px;
}

.navImg img {
  width: 100%;
}

.nav-button {
  display: none;
}

.nav-ul a {
  color: #000000;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: bold;
}

.nav-ul li {
  display: inline-block;
  margin: 0;
  padding: 0 0.3rem;
}

.nav-ul li+li {
  border-left: 1px solid #333;
}

.nav-wrap.open {
  display: block;
}

.nav-wrap.close {
  display: none;
}


@media (max-width: 600px) {
  .navbox .telbox {
    display: none;
  }

  .navbox .nav-button {
    display: block;
    cursor: pointer;
  }

  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    padding-top: 80px;
    width: 100%;
    height: 100%;
  }

  .nav-wrap .nav-ul {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.9);
  }

  .nav-wrap li {
    display: block;
    margin: 2em 2em 3em 2em;
  }

  .nav-wrap li a {
    color: #fff;
    font-size: 1.5rem;
    display: block;
  }

  /*メニューボタンのエフェクト*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }

  .nav-button {
    z-index: 20;
    position: relative;
    width: 2.5rem;
    height: 2.2rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
  }

  .nav-button span:nth-of-type(1) {
    top: 0;
  }

  .nav-button span:nth-of-type(2) {
    top: 16px;
  }

  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }

  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }

  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }

  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
}

.button01 {
  color: #000;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  background: linear-gradient(#ECECEC, #FEFEFE);
  padding: 1rem 0.5rem;
  width: 100%;
  margin: 0 auto;
  font-size: 0.85rem;
  display: block;
  width: 90%;
}

.button01::after {
  content: "\f105";
  color: red;
  margin-left: 1rem;
}

/*Footer 地図*/
#MapContainer {
  background-color: #E9E9E9;
}

#MapContainer .Mapinner {
  max-width: 800px;
  margin: 5rem auto 0;
  text-align: center;
  padding: 1rem;
}

#MapContainer .Mapinner ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

/*Footer SNS*/
footer {
  background-color: #FFF;
  color: #000;
  padding: 0;
  /* Footer */
}

footer #SnsContainer {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

footer #SnsContainer h2 {
  font-size: 0.9rem;
  margin: 2rem 0;
}

footer #SnsContainer ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0;
}

footer #SnsContainer li {
  list-style: none;
}

footer #SnsContainer li.w100 {
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
}

footer #SnsContainer li.w33 {
  width: 100px;
}

footer #SnsContainer li.w33 a {
  color: #666666;
  font-size: 3rem;
}

footer #footerContainer {
  margin-top: 100px;
  font-size: 0.8rem;
}

footer #footerContainer #gotop {
  background-color: #BC1B21;
  text-align: center;
  color: #FFF;
  position: relative;
  margin: 0;
  padding: 0.5rem 0;
}

footer #footerContainer #gotop::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translate(-50%, 0%);
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #BC1B21;
  border-left: 1rem solid transparent;
}

footer #footerContainer #pa-bm-bar {
  background-color: #000;
  color: #FFF;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 0.7rem 0;
}

footer #footerContainer #pa-bm-bar a {
  color: #FFF;
}

footer #footerContainer #pa-bm-bar ul {
  display: flex;
  flex-wrap: wrap;
}

footer #footerContainer #pa-bm-bar li {
  list-style: none;
  padding: 0 0.7rem;
}

footer #footerContainer #pa-bm-bar li+li {
  border-left: 1px solid #FFF;
}

@media (max-width: 900px) {
  footer #footerContainer {
    font-size: 0.9rem;
  }
}

@media (max-width: 600px) {
  footer #footerContainer #pa-bm-bar {
    flex-direction: column;
  }

  footer #footerContainer #pa-bm-bar ul {
    padding: 0;
    margin: 0 auto;
  }
}

/*TOOL*/
.img-rp {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.img-rp01 {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.img-rp-top {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .img-rp-top {
    object-fit: cover;
    height: 240px;
  }
}

.txt-c {
  text-align: center;
}

h2.title {
  font-size: 1.2rem;
  padding-bottom: 0.5rem;
}

h2.title a {
  color: #000;
}

h2.title::before {
  content: "■";
  color: red;
  margin-right: 0.5rem;
}

.page-template-page-terms-php h3 {
  font-size: 1rem;
  padding-bottom: 0.5rem;
}

.page-template-page-terms-php h3::before {
  content: "■";
  margin-right: 0.5rem;
}

.page-template-page-terms-php p {
  margin-left: 1.2rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.page-template-page-terms-php h4 {
  margin-left: 1.2rem;
  font-size: 0.75rem;
}

.page-template-page-terms-php ul {
  /*margin-left: 1.2rem;*/
  font-size: 0.75rem;
}

.page-template-page-terms-php ol {
  margin-left: 1.2rem;
  font-size: 0.75rem;
}

@media (max-width: 600px) {
  .page-template-page-terms-php p {
    font-size: 0.9rem;
  }

  .page-template-page-terms-php h4 {
    font-size: 0.8rem;
  }

  .page-template-page-terms-php ul {
    font-size: 0.8rem;
  }

  .page-template-page-terms-php ol {
    font-size: 0.8rem;
  }
}

.imgbox03 {
  max-width: 150px;
  margin: 3rem auto;
  position: relative;
}

@media (max-width: 600px) {
  .imgbox03 {
    max-width: 120px;
    margin: 1.5rem auto;
    position: relative;
  }
}

/*Mail Form Pro*/
.mfp_element_submit {
  background: none;
  background-color: #009FE8;
  border: none;
  color: #FFF;
  text-shadow: none;
}

.mfp_element_submit:hover {
  background: none;
  background-color: #009FE8;
  border: none;
  color: #FFF;
  text-shadow: none;
}

@media screen and (min-width: 600px) {
  a[href^="tel:"] {
    pointer-events: none;
    color: #333;
    text-decoration: none;
  }
}

/*TOPバー*/
#gTopImg {
  position: relative;
}

#gTopImg h1 {
  text-align: center;
  color: #FFF;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 100%;
  font-size: 1.4rem;
}

@media (max-width: 600px) {
  #gTopImg h1 {
    font-size: 1.2rem;
  }
}

/*宅配エリア*/
#takuhaiarea {
  margin-top: 50px;
}

#takuhaiarea .takuhaiareabox {
  display: flex;
  width: 100%;
  padding: 0 0 2rem 0;
}

@media (max-width: 600px) {
  #takuhaiarea .takuhaiareabox {
    display: block;
  }
}

#takuhaiarea .areaimgbox {
  flex-grow: 1;
}

#takuhaiarea .areaguide {
  flex-grow: 2;
  margin-left: 2rem;
}

#takuhaiarea .areaguide dl {
  font-size: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  color: #666666;
}

#takuhaiarea .areaguide dt {
  width: 15%;
  padding: 4px;
  white-space: nowrap;
}

#takuhaiarea .areaguide dd {
  padding: 4px;
  margin: 0;
  width: 85%;
}

#takuhaiarea .tyuui {
  font-size: 0.7rem;
}

#takuhaiarea .bikou dl {
  font-size: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  color: #666666;
}

#takuhaiarea .bikou dt {
  width: 40%;
  padding: 0.5rem 0.5rem 0.5rem 5rem;
  white-space: nowrap;
  color: #000;
  font-weight: bold;
}

#takuhaiarea .bikou dd {
  padding: 0.5rem;
  margin: 0;
  width: 60%;
}

#takuhaiarea .bikou dt,
#takuhaiarea .bikou dd {
  border-bottom: 1px dotted #666666;
}

@media (max-width: 600px) {
  #takuhaiarea .bikou dt {
    padding: 0.5rem;
  }
}

#takuhaiarea .telbox {
  margin: 10px auto;
  display: flex;
  flex-flow: row;
  justify-content: center;
}

#takuhaiarea .navtel {
  font-size: 0.8rem;
  color: #FFF;
  border: solid 2px #BC1B21;
  background-color: #BC1B21;
  border-radius: 30px;
  padding: 5px 10px;
  margin: auto 2rem auto 0;
}

#takuhaiarea .navtelyaji:after {
  content: "\f0da";
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

#takuhaiarea .navtelno {
  font-size: 2rem;
  font-weight: 900;
  margin: auto 0;
}

#takuhaiarea .navtelno a {
  color: #000;
  text-decoration: none;
}

@media (max-width: 600px) {
  #takuhaiarea .navtel {
    font-size: 0.7rem;
    margin: auto 0.5rem auto 0;
  }

  #takuhaiarea .navtelyaji:after {
    content: "\f0da";
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }

  #takuhaiarea .navtelno {
    font-size: 1.5rem;
    font-weight: 900;
    margin: auto 0;
  }
}

/*注文ボックス*/
#tyumonbox {
  background-color: #E9E9E9;
  padding: 2rem 0;
}

#tyumonbox .bento-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 2rem;
}

#tyumonbox .box29 {
  margin: 2rem 0;
  background: #FFF;
  border-radius: 0.5rem;
}

#tyumonbox .box29 .box-title {
  font-size: 1rem;
  background: #666666;
  padding: 0.5rem;
  text-align: center;
  color: #FFF;
  letter-spacing: 0.05em;
  border-radius: 0.5rem 0.5rem 0 0;
}

#tyumonbox .siborikomi {
  padding: 1rem 0;
  text-align: center;
}

#tyumonbox .categori {
  display: flex;
  width: 100%;
  padding: 1rem 0.5rem;
}

#tyumonbox .categori .categori-1 {
  flex-grow: 2;
}

#tyumonbox .categori .categori-2 {
  flex-grow: 1;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

#tyumonbox .categori .categori-3 {
  flex-grow: 1;
  font-size: 0.9rem;
}

@media (max-width: 600px) {
  #tyumonbox .categori {
    flex-direction: column;
  }

  #tyumonbox .categori span {
    display: inline-block;
    width: 100%;
  }

  #tyumonbox .categori .cu-select01 {
    width: 100%;
  }
}

#tyumonbox .bentolist {
  display: flex;
  flex-flow: wrap;
}

#tyumonbox .bentoItem {
  font-size: 0.8rem;
  margin-top: 1rem;
  width: 50%;
}

#tyumonbox .bentoItem:nth-child(odd) {
  padding-right: 1rem;
}

#tyumonbox .bentoItem:nth-child(even) {
  padding-left: 1rem;
}

#tyumonbox .bentoItem h3 {
  background-color: #BC1B21;
  color: #FFF;
  padding: 0.5rem 0 0.5rem 1rem;
  font-size: 0.9rem;
}

#tyumonbox .bentoItem .imgbox {
  margin: 1rem 1.5rem;
  text-align: center;
}

#tyumonbox .bentoItem ul.itemmsg {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 1.5rem;
}

#tyumonbox .bentoItem .itemmsg li {
  list-style: none;
}

#tyumonbox .bentoItem form {
  background-color: #FFF;
}

@media (max-width: 600px) {
  #tyumonbox .bentoItem {
    font-size: 0.9rem;
    width: 100%;
    margin-top: 2rem;
  }

  #tyumonbox .bentoItem:nth-child(odd) {
    padding-right: 0;
  }

  #tyumonbox .bentoItem:nth-child(odd) {
    padding-left: 0;
  }

  #tyumonbox .bentoItem:nth-child(even) {
    padding-left: 0;
  }

  #tyumonbox .bentoItem:nth-child(even) {
    padding-right: 0;
  }

  #tyumonbox .bentoItem .imgbox {
    margin: 0;
  }

  #tyumonbox .bentoItem .imgbox img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

#tyumonbox .bentoItem dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

#tyumonbox .bentoItem dt {
  width: 20%;
  padding: 0;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}

#tyumonbox .bentoItem dd {
  padding: 0;
  margin: 0;
  width: 80%;
}

#tyumonbox .bentoItem .catp {
  margin: 0 0 0.5rem 0;
}

#tyumonbox .bentoItem ul.categorilist {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

#tyumonbox .bentoItem .categorilist li {
  margin: 0 0 0.5rem 0;
}

#tyumonbox .bentoItem .categorilist li::before {
  content: "●";
}

#tyumonbox .bentoItem .categorilist li .bikou {
  display: block;
  margin-left: 1rem;
}

#tyumonbox .bentoItem .tyumonForm {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
}

#tyumonbox .bentoItem .tyumonForm li {
  list-style: none;
}

#tyumonbox .bentoItem .tyumonForm li.suu {
  padding-top: 0.5rem;
  border-top: #000 1px solid;
  display: flex;
  justify-content: space-between;
  margin: 0 1.5rem;
}

#tyumonbox .bentoItem .tyumonForm li.suu p {
  color: red;
}

#tyumonbox .bentoItem .tyumonForm li.suu input {
  width: 3rem;
  margin-left: 0.5rem;
}

#tyumonbox .bentoItem .tyumonForm li.opt {
  display: flex;
  flex-direction: column;
  margin: 0 1.5rem 0.5rem 1.5rem;
  position: relative;
}

#tyumonbox .bentoItem .tyumonForm li.opt p {
  padding-left: 1.8rem;
  padding-top: 0.35rem;
}

#tyumonbox .bentoItem .tyumonForm li.opt p::before {
  left: 0;
  top: 0;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-size: 1.3rem;
  content: "\f152";
}

#tyumonbox .bentoItem .tyumonForm li.opt .cu-select01 {
  margin-left: 1.8rem;
}

#tyumonbox .bentoItem .tyumonForm li.sarada {
  display: flex;
  flex-direction: column;
  margin: 0 1.5rem 0.5rem 1.5rem;
  position: relative;
}

#tyumonbox .bentoItem .tyumonForm li.sarada p {
  padding-left: 1.8rem;
  padding-top: 0.35rem;
}

#tyumonbox .bentoItem .tyumonForm li.sarada p::before {
  left: 0;
  top: 0;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-size: 1.3rem;
  content: "";
}

#tyumonbox .bentoItem .tyumonForm li.sarada .saradalist {
  display: flex;
  padding-left: 1.8rem;
}

#tyumonbox .bentoItem .tyumonForm li.sarada .saradalist label {
  flex-grow: 1;
}

#tyumonbox .bentoItem .tyumonForm li.cart {
  background-color: #FF9300;
  padding: 0.8rem 0;
  text-align: center;
}

/*TOP index用ページ*/
h2.title {
  font-size: 1.4rem;
}

h2.title::before {
  content: "■";
  color: #BC1B21;
  margin-right: 0.5rem;
}

.onPC {
  display: block !important;
}

.onSP {
  display: none !important;
}

/*TOPメイン画像部*/
#maintop {
  position: fixed;
  height: calc(100vh - 150px);
  background-color: #464646;
  z-index: 5;
  width: 100%;
  /*ログインボタン*/
}

#maintop .topimg {
  height: calc(100vh - 150px);
  width: 100%;
  object-fit: cover;
}

#maintop .ButtonLogin {
  background-color: #A1A1A1;
  color: #FFF;
  padding: 0.3rem;
  position: absolute;
  top: 0.5rem;
  right: 5%;
  transform: translate(0%, -50%);
  font-size: 0.2rem;
}

#maintop .ButtonLogin::before {
  content: "";
  margin-right: 0.3rem;
}

#dami {
  height: calc(100vh - 150px);
  z-index: 1;
}

#topwrap {
  z-index: 10;
  position: relative;
  background-color: #FFF;
}

/*ナビゲーション*/
.navContainer {
  background-color: rgba(255, 255, 255, 0.8);
}

.navbox {
  display: flex;
  justify-content: flex-end;
}

.navbox> :first-child {
  margin-right: auto;
}

.navbox .navtel {
  font-size: 0.9rem;
  color: #FFF;
  border: solid 2px #000;
  background-color: #000;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0.9rem 1rem 0.6rem 0;
}

.navbox .navtelyaji:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  margin-right: 0.2rem;
  margin-left: 0.5rem;
}

.navbox .navtelno {
  font-size: 2rem;
  font-weight: 600;
  margin: auto 0;
}

.navbox .navtelno2 {
  font-size: 1.2rem;
  font-weight: 900;
  margin: auto 0;
}

.navbox .navtelno2 a {
  color: #000;
  text-decoration: none;
}

.navsptel {
  margin: 4% 2.5rem 2% 0;
  position: relative;
  width: 12rem;
}

.navsptel p {
  position: absolute;
  right: 0;
  /*bottom: 30%;*/
  margin-bottom: 0;
  text-align: center;
}

.navboxSp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}


.kotei .navMenu {
  margin-top: 0;
}

.navImg {
  max-width: 130px;
}

.navImg img {
  width: 100%;
}

@media (max-width: 420px) {
  .navImg {
    max-width: 80px;
  }

  .navImg img {
    width: 80%;
  }
}

.nav-button {
  display: none;
}

.nav-ul {
  margin: 1rem 0;
  line-height: 100%;
}

.nav-ul li+li {
  border-left: 1px solid #333;
}

.nav-wrap.open {
  display: block;
}

.nav-wrap.close {
  display: none;
}

@media (min-width: 601px) {
  .nav-wrap {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .onPC {
    display: none !important;
  }

  .onSP {
    display: block !important;
  }

  .navbox .telbox {
    display: none;
  }

  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding-top: 13%;
  }

  .nav-wrap li a {
    color: #fff;
    font-size: 1.3rem;
    display: block;
    border-bottom: 1px solid;
    padding-bottom: 0.5rem;
  }

  /*メニューボタンのエフェクト*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }

  .nav-button {
    z-index: 20;
    position: relative;
    width: 3.0rem;
    height: 2.5rem;
    margin-top: 1.2rem;
    margin-right: 1.5rem;
  }

  .nav-button span:nth-of-type(1) {
    top: 0;
  }

  .nav-button span:nth-of-type(2) {
    top: 16px;
  }

  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }

  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }

  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }

  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
}

/*キャンペーン*/
#campaignContainer {
  /* background-color: #434343;*/
  margin-top: 3rem;
}

#campaignContainer .campaign {
  max-width: 1000px;
}

/*新着情報部*/
#newBox {
  max-width: 1000px;
  margin: 2rem auto;
  text-align: center;
  padding: 0 1rem;
}

#newBox ul {
  text-align: left;
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;
  padding: 0.2rem 0;
}

#newBox li {
  display: inline-block;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
}

#newBox span.newBun {
  margin: 1rem 1.5rem;
  color: #000000;
  font-size: 0.8rem;
}

#newBox span.newtime {
  background-color: #999999;
  color: #FFFFFF;
  padding: 1rem;
  /*margin: 0.5rem;*/
  font-size: 0.9em;
}

@media (max-width: 420px) {
  #newBox span.newtime {
    padding: 0.5rem;
  }
}

/*宅配*/
#takuhaiContainer {
  background-color: #fff;
  position: relative;
}

#takuhaiContainer h3 {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 0.5rem;
}
#takuhaiContainer .takuhaiImg {
  margin-bottom: 2.5em;
}


@media (max-width: 420px) {
  #takuhaiContainer h3 {
    margin-top: 0.2rem;
  }
}

#takuhaiContainer .ichiimg {
  text-align: center;
}

#takuhaiContainer .takuhaiPoint {
  width: 100%;
}


#takuhaiContainer p {
  color: #333;
  font-size: 0.85rem;
  text-align: center;
  margin-bottom: 0.5rem;
  margin-top: 1.8rem;
  padding: 0 0.5rem;
}

@media (max-width: 420px) {
  #takuhaiContainer p {
    font-size: 0.85rem;
    margin-bottom: 0.2rem;
    margin-top: 0.5rem;
  }
}

#takuhaiContainer .takuhaiLogo {
  max-width: 10rem;
  margin: 0 auto;
}
#takuhaiContainer .takuhaiLogo img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 420px) {
  #takuhaiContainer .takuhaiLogo {
    max-width: 7rem;
    margin: 0 auto;
  }
}

#takuhaiContainer ul.takuhai1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}

#takuhaiContainer ul.takuhai1>li {
  width: 50%;
  list-style: none;
  position: relative;
}

#takuhaiContainer ul.takuhai1>li div {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem 2rem;
}

#takuhaiContainer ul.takuhai1>li div p {
  font-size: 0.8rem;
}

#takuhaiContainer ul.takuhai1>li div.cofff h3,
#takuhaiContainer ul.takuhai1 p {
  color: #FFF;
}

#takuhaiContainer ul.takuhai1>li div.co000 {
  color: #000;
}

@media (max-width: 600px) {
  #takuhaiContainer h3 {
    font-size: 2rem;
  }

  #takuhaiContainer ul.takuhai1>li div p {
    font-size: 0.85rem;
  }

  #takuhaiContainer ul.takuhai1>li {
    width: 80%;
  }
}

@media (max-width: 420px) {
  #takuhaiContainer h3 {
    font-size: 1.2rem;
  }
}

/*こだわり*/
#kodawariContainer {
  background-color: #000;
  position: relative;
}

#kodawariContainer .ichiimg {
  text-align: center;
}

#kodawariContainer .kodawariPoint {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 100%;
}

#kodawariContainer p {
  color: white;
  font-size: 0.85rem;
  text-align: center;
  margin-bottom: 0;
  margin-top: 1rem;
  padding: 0 0.5rem;
}

#kodawariContainer .kodawariimg {
  max-width: 10rem;
  margin: 0 auto;
}

@media (max-width: 420px) {
  #kodawariContainer .kodawariPoint {
    top: 0;
  }

  #kodawariContainer .kodawariimg {
    max-width: 6rem;
    margin: 0 auto;
    padding-top: 1rem;
  }
}

/*一押しメニュー*/
#MenuContainer h3 {
  font-size: 1.2rem;
}

#MenuContainer .kodawariContainer {
  background-color: #000;
  position: relative;
}

#MenuContainer .kodawariContainer .kodawariPoint {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 100%;
}

#MenuContainer .kodawariContainer .kodawariimg {
  max-width: 10rem;
  margin: 0 auto;
}

#MenuContainer .ichiochiContainer {
  max-width: 150px;
  margin: 3rem auto;
  position: relative;
}

@media (max-width: 600px) {
  #MenuContainer .ichiochiContainer {
    max-width: 100px;
    margin: 1.5rem auto;
    position: relative;
  }
}

#MenuContainer ul.ichimenu1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}

#MenuContainer ul.ichimenu1>li {
  width: 50%;
  list-style: none;
  position: relative;
}

#MenuContainer ul.ichimenu1>li div {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem 1rem;
}

#MenuContainer ul.ichimenu1>li div p {
  font-size: 0.8rem;
}

#MenuContainer ul.ichimenu1>li div.cofff {
  color: #FFF;
}

#MenuContainer ul.ichimenu1>li div.co000 {
  color: #000;
}

#MenuContainer ul.ichimenu1>li div.co000 p {
  text-shadow: white 1px 1px 0px, white -1px 1px 0px, white -1px -1px 0px, white 1px -1px 0px, white 1px 0px 0px, white 0px 1px 0px, white -1px 0px 0px, white 0px -1px 0px;
}

#MenuContainer ul.ichimenu2 {
  width: 100%;
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: row;
  margin-top: 3rem;
  margin-bottom: 2rem;
}

#MenuContainer ul.ichimenu2>li {
  width: 100%;
  list-style: none;
  text-align: center;
  padding: 0 1.5rem;
}

@media (max-width: 600px) {
  #MenuContainer h3 {
    font-size: 2rem;
  }

  #MenuContainer ul.ichimenu1>li div p {
    font-size: 0.85rem;
  }

  #MenuContainer ul.ichimenu1>li {
    width: 100%;
  }

  #MenuContainer ul.ichimenu2 {
    flex-direction: column;
  }

  #MenuContainer ul.ichimenu2>li {
    text-align: left;
    position: relative;
    padding: 0;
  }
}

@media (max-width: 420px) {
  #MenuContainer h3 {
    font-size: 1.2rem;
  }
}

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

  .inner,
  #newBox,
  #SnsContainer {
    padding: 0 1%;
  }

  #SnsContainer li.w100 {
    border-top: 2px solid #CCCCCC;
  }
}

.page-template-page-kodawari #MapContainer {
  margin-top: 4rem;
}

.page-template-page-kodawari .aisatsu {
  text-align: center;
  font-size: 0.85rem;
  border-top: 1px #000 solid;
  /*border-bottom: 1px #000 solid;*/
  padding: 1rem 0;
}

.page-template-page-kodawari h2 {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.page-template-page-kodawari p.msg {
  margin: 2rem 0;
}

.page-template-page-kodawari .bento {
  max-width: 400px;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .page-template-page-kodawari .aisatsu {
    font-size: 0.9rem;
  }

  .page-template-page-kodawari h2 {
    font-size: 1.3rem;
  }
}

.page-template-page-food .sab_f,
.page-template-page-drink .sab_f {
  font-size: 0.9rem;
}

.page-template-page-food .menunav,
.page-template-page-drink .menunav {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin-bottom: 3rem;
}

.page-template-page-food .menunav ul,
.page-template-page-drink .menunav ul {
  width: calc(100% / 3);
}

.page-template-page-food .menunav li,
.page-template-page-drink .menunav li {
  flex-grow: 1;
  list-style: none;
  text-align: center;
  margin: 0 2rem;
}

@media (max-width: 600px) {

  .page-template-page-food .menunav,
  .page-template-page-drink .menunav {
    flex-direction: column;
  }
}

.page-template-page-food .menulist,
.page-template-page-drink .menulist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}

.page-template-page-food .menulist .menuitem,
.page-template-page-drink .menulist .menuitem {
  width: calc(100% / 3);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (max-width: 600px) {

  .page-template-page-food .menulist .menuitem,
  .page-template-page-drink .menulist .menuitem {
    width: 50%;
  }
}

.page-template-page-food .menulist .menuitem ul,
.page-template-page-drink .menulist .menuitem ul {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  padding: 0 0 0.5rem 0.5rem;
  border-left: 5px solid red;
  height: 11rem;
}

@media (max-width: 600px) {

  .page-template-page-food .menulist .menuitem ul,
  .page-template-page-drink .menulist .menuitem ul {
    border-left: 3px solid red;
  }
}

.page-template-page-food .menulist .menuitem li,
.page-template-page-drink .menulist .menuitem li {
  list-style: none;
}

.page-template-page-food .menulist .menuitem li.menuitem-1,
.page-template-page-drink .menulist .menuitem li.menuitem-1 {
  font-size: 1rem;
}

.page-template-page-food .menulist .menuitem li.menuitem-2,
.page-template-page-drink .menulist .menuitem li.menuitem-2 {
  font-size: 0.75rem;
  height: 100%;
  margin-top: 0.5rem;
}

.page-template-page-food .menulist .menuitem li.menuitem-3,
.page-template-page-drink .menulist .menuitem li.menuitem-3 {
  font-size: 0.75rem;
  color: #666666;
}

@media (max-width: 600px) {

  .page-template-page-food .menulist .menuitem li,
  .page-template-page-drink .menulist .menuitem li {
    list-style: none;
  }

  .page-template-page-food .menulist .menuitem li.menuitem-1,
  .page-template-page-drink .menulist .menuitem li.menuitem-1 {
    font-size: 1rem;
  }

  .page-template-page-food .menulist .menuitem li.menuitem-2,
  .page-template-page-drink .menulist .menuitem li.menuitem-2 {
    font-size: 0.8rem;
    height: 100%;
    margin-top: 0.5rem;
  }

  .page-template-page-food .menulist .menuitem li.menuitem-3,
  .page-template-page-drink .menulist .menuitem li.menuitem-3 {
    font-size: 0.8rem;
    color: #666666;
  }
}

.page-template-page-food h2,
.page-template-page-drink h2 {
  margin-top: 3rem;
}

.page-template-page-food h3,
.page-template-page-drink h3 {
  margin-top: 2rem;
}

.page-template-page-food h3::before,
.page-template-page-drink h3::before {
  content: "●";
}

.page-template-page-food dl.txtList,
.page-template-page-drink dl.txtList {
  margin: 1rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #666666;
}

.page-template-page-food dl.txtList dt,
.page-template-page-drink dl.txtList dt {
  width: 50%;
  padding: 0.5rem 0.5rem 0.5rem 0;
  white-space: nowrap;
  color: #000;
  text-align: right;
}

.page-template-page-food dl.txtList dt span,
.page-template-page-drink dl.txtList dt span {
  display: inline-block;
  width: 20rem;
  margin-left: auto;
  margin-right: 3rem;
}

.page-template-page-food dl.txtList dd,
.page-template-page-drink dl.txtList dd {
  padding: 0.5rem;
  margin: 0;
  width: 50%;
}

.page-template-page-food dl.txtList dd span,
.page-template-page-drink dl.txtList dd span {
  display: inline-block;
  width: 5rem;
  text-align: right;
  margin-left: 5rem;
}

.page-template-page-food dl.txtList dt,
.page-template-page-food dl.txtList dd,
.page-template-page-drink dl.txtList dt,
.page-template-page-drink dl.txtList dd {
  border-bottom: 1px solid #666666;
}

.page-template-page-food .b_line,
.page-template-page-drink .b_line {
  border-bottom: 1px #000 solid;
}

.page-template-page-food .drinkTitle,
.page-template-page-drink .drinkTitle {
  max-width: 32rem;
  margin: 0 auto;
}

.page-template-page-food ul.foodlist,
.page-template-page-drink ul.foodlist {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
}

.page-template-page-food ul.foodlist li,
.page-template-page-drink ul.foodlist li {
  list-style: none;
  border-top: 1px solid #ccc;
  padding: 0.6rem 0;
}

.page-template-page-food ul.foodlist li .fooditem,
.page-template-page-drink ul.foodlist li .fooditem {
  max-width: 30rem;
  margin: 0 auto;
}

.page-template-page-food ul.foodlist li .fooditem .shohin01,
.page-template-page-drink ul.foodlist li .fooditem .shohin01 {
  display: flex;
  justify-content: space-between;
}

.page-template-page-food ul.foodlist li .fooditem .title,
.page-template-page-drink ul.foodlist li .fooditem .title {
  margin-left: 1rem;
  margin-bottom: 0;
}

.page-template-page-food ul.foodlist li .fooditem .price,
.page-template-page-drink ul.foodlist li .fooditem .price {
  margin-right: 1rem;
  margin-bottom: 0;
}

.page-template-page-food ul.foodlist li .setumei,
.page-template-page-drink ul.foodlist li .setumei {
  font-size: 0.7rem;
  margin-right: 1rem;
  margin-left: 1rem;
}

.page-template-page-food ul.foodlist li .sake1,
.page-template-page-drink ul.foodlist li .sake1 {
  color: #666666;
  font-size: 0.8rem;
}

.page-template-page-shop .annnai {
  margin: 0;
  padding-left: 0;
}

.page-template-page-shop .annnai li {
  list-style-type: none;
  font-weight: 600;
}

.page-template-page-shop .annnai .annnai-1 {
  margin: 1rem 0;
  font-size: 1.2rem;
}

.page-template-page-shop .annnai .annnai-5 {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.page-template-page-shop .annnai .telno {
  font-size: 2rem;
}

.page-template-page-shop .annnai .map img {
  border: 1px solid #666666;
  max-width: 800px;
  width: 100%;
}

.page-template-page-shop .body2 {
  text-align: left;
  max-width: 800px;
  width: 80%;
  margin: 2rem auto;
}

@media (max-width: 600px) {
  .page-template-page-shop .body2 {
    width: 90%;
  }
}

.page-template-page-shop .body2 ul {
  margin: 1rem 0 3rem 1rem;
  padding-left: 0;
}

.page-template-page-shop .body2 li {
  list-style-type: none;
  font-size: 0.85rem;
  padding: 0.5rem;
}

.page-template-page-shop .body2 h3::before {
  content: "■";
}

.page-template-page-shop .body2 .card {
  margin: 1rem 0 3rem 1rem;
}

@media (max-width: 600px) {
  .page-template-page-shop .body2 ul {
    margin: 1rem auto 3rem;
    padding: 0.5rem;
  }
}

.page-template-page-shop .body2 li {
  font-size: 0.9rem;
}

.page-template-page-shop .shopimg {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
}

.page-template-page-shop .shopimg div {
  width: calc(100% / 3);
}

.page-template-page-shop dl {
  text-align: left;
  margin: 1rem 10rem;
  display: flex;
  flex-wrap: wrap;
}

.page-template-page-shop dl dt {
  width: 30%;
  padding: 0.3rem 0 0.3rem 2rem;
  white-space: nowrap;
  border: #666666 1px solid;
  /*margin-bottom: 0.5rem;*/
}

.page-template-page-shop dl dd {
  padding: 0.3rem 0 0.3rem 2rem;
  margin: 0;
  width: 70%;
  border: #666666 1px solid;
  /*margin-bottom: 0.5rem;*/
}

@media (max-width: 600px) {
  .page-template-page-shop dl {
    margin: 1rem 0.5rem;
  }
}

.page-template-page-info-php .infobox,
.page-id-596 .infobox {
  margin: 1rem 3rem;
  text-align: left;
}

.page-template-page-info-php dt.req::after,
.page-id-596 dt.req::after {
  content: "※";
}

.page-template-page-info-php .req input,
.page-id-596 .req input {
  border-left: red 3px solid;
}

.page-template-page-info-php input,
.page-template-page-info-php textarea,
.page-id-596 input,
.page-id-596 textarea {
  width: 100%;
}

.page-template-page-info-php dl,
.page-id-596 dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  border: 1px solid #2E1B1C;
}

.page-template-page-info-php dt,
.page-id-596 dt {
  padding: 1rem 0.5rem;
  white-space: nowrap;
  border-bottom: 1px dotted #FFF;
  text-align: center;
  background-color: #2E1B1C;
  color: #FFF;
}

.page-template-page-info-php dd,
.page-id-596 dd {
  padding: 1rem 0.5rem;
  margin: 0;
  border-bottom: 1px dotted #666666;
}

.page-template-page-info-php .kakunin,
.page-id-596 .kakunin {
  max-width: 300px;
  margin: 0 auto;
}

.page-template-page-info-php dd span,
.page-id-596 dd span {
  display: block;
  font-size: 0.8rem;
}

.page-template-page-info-php ul.sitemap,
.page-id-596 ul.sitemap {
  text-decoration: none;
  display: block;
  max-width: 30rem;
  margin: 0 auto;
}

.page-template-page-info-php ul.sitemap a,
.page-id-596 ul.sitemap a {
  color: #000;
}

.page-template-page-info-php ul.sitemap a:link,
.page-id-596 ul.sitemap a:link {
  color: #000;
}

.page-template-page-info-php ul.sitemap a:visited,
.page-id-596 ul.sitemap a:visited {
  color: #000;
}

.page-template-page-info-php ul.sitemap li,
.page-id-596 ul.sitemap li {
  list-style-type: none;
  border-bottom: 1px dotted #666666;
  padding: 1rem 1rem;
}

.page-template-page-info-php ul.sitemap ul.sitechild li::before,
.page-id-596 ul.sitemap ul.sitechild li::before {
  content: "●";
  margin-right: 0.5rem;
}

.page-template-page-info-php ul.sitemap ul.sitechild li:last-child,
.page-id-596 ul.sitemap ul.sitechild li:last-child {
  border-bottom: none;
}

.page-template-page-info-php form#mailformpro dl dt,
.page-id-596 form#mailformpro dl dt {
  text-align: left;
  border-top: none;
  font-size: 0.7rem;
  font-weight: normal;
  width: 10rem;
  position: relative;
}

.page-template-page-info-php form#mailformpro dl dt>div,
.page-id-596 form#mailformpro dl dt>div {
  display: block;
  margin: auto 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-template-page-info-php form#mailformpro dl dd,
.page-id-596 form#mailformpro dl dd {
  border-top: none;
}

.page-template-page-info-php form#mailformpro dl dd,
.page-id-596 form#mailformpro dl dd {
  width: calc(100% - 10rem);
  padding: 0.5rem;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
}

.page-template-page-info-php input,
.page-template-page-info-php textarea,
.page-id-596 input,
.page-id-596 textarea {
  width: 100%;
}

.page-template-page-info-php .requ,
.page-id-596 .requ {
  color: red;
}

.page-template-page-info-php .bikou,
.page-id-596 .bikou {
  width: 100%;
  text-align: left;
  padding-right: 5px;
}

.page-template-page-info-php .mfp_element_all,
.page-id-596 .mfp_element_all {
  max-width: 100%;
}

.page-template-page-info-php form#mailformpro label,
.page-id-596 form#mailformpro label {
  margin-right: 3rem;
}

.page-template-page-info-php button,
.page-id-596 button {
  cursor: pointer;
}

@media (max-width: 600px) {
  .page-template-page-info-php .infobox {
    margin: 1rem 0.5rem;
  }

  .page-template-page-info-php form#mailformpro dl dt {
    width: 100%;
    padding: 1rem;
  }

  .page-template-page-info-php form#mailformpro dl dd {
    width: 100%;
  }
}