@charset "UTF-8";
* {
  box-sizing: border-box; }

img {
  width: 100%; }

.p4 {
  padding: 0 4%; }
#key {
  background: url("../img/menu/key.jpg") no-repeat center top;
  background-size: cover; }
#sec1 {
  padding: 5% 0 0; }
  #sec1 .txt {
    margin: 5% 0 6%; }
  #sec1 .img {
    width: 80%;
    margin: 0 auto; }
  #sec1 .blk {
    background-image: url("../img/menu/pat1.jpg");
    padding: 12% 0 6%;
    margin-top: 13%; }
    #sec1 .blk ul {
      font-weight: bold;
      font-size: 15px;
      margin: 4% 0 5%; }
      #sec1 .blk ul li {
        position: relative;
        padding-left: 15px;
color: rgba(151,0,2,1.00);}
        #sec1 .blk ul li:before {
          content: '・';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
    #sec1 .blk .box1 {
      background: #aa8f6b;
      width: 92%;
      margin: 0 auto;
      color: #fff;
      padding: 6% 5%; }
      #sec1 .blk .box1 dt {
        font-size: 5.5vw;
        line-height: 7vw;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding-bottom: 3%;
        margin-bottom: 4%;
        letter-spacing: 2px; }
      #sec1 .blk .box1 dd span {
        display: block;
        text-align: center;
        font-size: 4vw;
        line-height: 6vw;
        letter-spacing: 1px;
        margin-bottom: 3%; }
    #sec1 .blk .box2 {
      background: #fff;
      border: 3px solid #bcbcbc;
      width: 92%;
      margin: 6% auto 0;
      text-align: center;
      padding: 7% 5% 9%; }
      #sec1 .blk .box2 h4 {
        text-align: center;
        font-size: 5.8vw;
        line-height: 7.5vw;
        letter-spacing: 2px;
        color: #cc0270; }
      #sec1 .blk .box2 .tel-box {
        margin-top: 6%;
        padding-bottom: 3%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
        #sec1 .blk .box2 .tel-box strong {
          font-size: 7vw;
          line-height: 10vw;
          font-weight: bold;
          color: #cc0270;
          letter-spacing: 2px; }
          #sec1 .blk .box2 .tel-box strong img {
            width: 8%;
            margin-top: -2%;
            margin-right: 2%; }
        #sec1 .blk .box2 .tel-box small {
          display: block;
          line-height: 18px;
          margin-top: 1%; }
      #sec1 .blk .box2 .fax-box {
        margin-top: 6%; }
        #sec1 .blk .box2 .fax-box .fax {
          font-size: 6.5vw;
          line-height: 9vw;
          letter-spacing: 1px;
          font-weight: bold; }
          #sec1 .blk .box2 .fax-box .fax small {
            font-size: 4.5vw; }
        #sec1 .blk .box2 .fax-box .order a {
          display: block;
          width: 70%;
          margin: 1% auto 0;
          text-align: center;
          border: 1px solid #7f7f7f; }
          #sec1 .blk .box2 .fax-box .order a:hover {
            text-decoration: none; }

#sec2 h2 {
  padding-top: 6%; }
#sec2 .note {
  text-align: center;
  margin: -7% 0 5%;
  position: relative;
  z-index: 1; }
#sec2 .btn-group {
  margin-bottom: 13%; }
#sec2 .bnr a {
  display: block;
  width: 92%;
  margin: 0 auto;
  background-image: url("../img/menu/pat2.jpg");
  color: #fff;
  text-align: center;
  font-size: 4vw;
  line-height: 6vw;
  margin-bottom: 4%;
  padding: 10px 0 13px;
  position: relative; }
  #sec2 .bnr a:hover {
    text-decoration: none; }
  #sec2 .bnr a:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    position: absolute;
    line-height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 4%;
    color: #FFF;
    content: '\f13a';
    font-size: 3.5vw;
    line-height: 5vw; }
#sec2 .bnr2 {
  margin: 7% 0 15%; }
  #sec2 .bnr2 a:after {
    content: '\f138'; }
#sec2 .blk {
  margin-top: 5%; }
  #sec2 .blk .toggle-link {
    background-image: url("../img/menu/pat2.jpg");
    color: #fff;
    text-align: center;
    font-size: 5vw;
    line-height: 7vw;
    padding: 12px 0 15px; }
    #sec2 .blk .toggle-link:after {
      font-size: 4.5vw;
      line-height: 5vw;
      transform: translateY(-50%);
      margin-top: 0; }

#sec2 .blk .toggle-link2 {
	  background: #A22224;
    color: #fff;
    text-align: center;
    font-size: 5vw;
    line-height: 7vw;
    padding: 12px 0 15px; }
    #sec2 .blk .toggle-link2:after {
      font-size: 4.5vw;
      line-height: 5vw;
      transform: translateY(-50%);
      margin-top: 0; }

  #sec2 .blk .toggle-main {
    padding-bottom: 13%; }
    #sec2 .blk .toggle-main .item {
      margin-top: 10%; }
    #sec2 .blk .toggle-main dl {
      display: table;
      width: 100%;
      font-weight: 500;
      margin: 20px 0 11px; }
      #sec2 .blk .toggle-main dl dt {
        display: table-cell;
        font-size: 17px;
        line-height: 7vw; }
        #sec2 .blk .toggle-main dl dt small {
          font-size: 3.8vw; }
      #sec2 .blk .toggle-main dl dd {
        display: table-cell;
        text-align: right;
        font-size: 4.8vw;
        line-height: 7vw;
        color: #cc0270; }
    #sec2 .blk .toggle-main .txt {
      line-height: 24px;
      letter-spacing: 0; }
    #sec2 .blk .toggle-main #field {
      width: 125px;
      float: left;
      margin-top: 17px;
      height: 34px; }
      @media (max-width: 370px) {
        #sec2 .blk .toggle-main #field {
          height: 40px; } }
      #sec2 .blk .toggle-main #field input::-webkit-outer-spin-button,
      #sec2 .blk .toggle-main #field input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      #sec2 .blk .toggle-main #field input[type=number] {
        -moz-appearance: textfield;
        width: 46px;
        height: 34px;
        border: 1px solid #aaa9a9;
        text-align: center;
        font-size: 14px;
        vertical-align: top; }
        @media (max-width: 370px) {
          #sec2 .blk .toggle-main #field input[type=number] {
            height: 30px; } }
      #sec2 .blk .toggle-main #field button {
        cursor: pointer;
        width: 16px;
        height: 34px;
        border: 1px solid #aaa9a9;
        text-align: center;
        font-size: 14px;
        background: #f2f1f1;
        vertical-align: top; }
        @media (max-width: 370px) {
          #sec2 .blk .toggle-main #field button {
            height: 30px; } }
      #sec2 .blk .toggle-main #field #sub {
        margin-left: -1px;
        margin-right: 1px; }
      #sec2 .blk .toggle-main #field label {
        line-height: 34px;
        font-size: 13px; }
        @media (max-width: 370px) {
          #sec2 .blk .toggle-main #field label {
            line-height: 30px; } }
      #sec2 .blk .toggle-main #field #add {
        margin-right: -3px; }
    #sec2 .blk .toggle-main .btn-link {
      width: 170px;
      float: right;
      margin-top: 17px; }
      @media (max-width: 370px) {
        #sec2 .blk .toggle-main .btn-link {
          width: 150px; } }
#sec2 #menu5 .toggle-main {
  padding-bottom: 10%; }
#sec2 .banner {
  margin-top: 13%; }
#sec2 .blk2 {
  background-image: url("../img/menu/pat1.jpg");
  padding: 7% 0 4%;
  margin-top: 13%; }
  #sec2 .blk2 .box {
    background: #fff;
    border: 3px solid #bcbcbc;
    width: 92%;
    margin: 4% auto 0;
    text-align: center;
    padding: 7% 5% 7%; }
    #sec2 .blk2 .box .tel-box {
      padding-bottom: 3%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
      #sec2 .blk2 .box .tel-box strong {
        font-size: 7vw;
        line-height: 10vw;
        font-weight: bold;
        color: #cc0270;
        letter-spacing: 2px; }
        #sec2 .blk2 .box .tel-box strong img {
          width: 8%;
          margin-top: -2%;
          margin-right: 2%; }
      #sec2 .blk2 .box .tel-box small {
        display: block;
        line-height: 18px;
        margin-top: 1%; }
    #sec2 .blk2 .box .fax-box {
      margin-top: 6%; }
      #sec2 .blk2 .box .fax-box .fax {
        font-size: 6.5vw;
        line-height: 9vw;
        letter-spacing: 1px;
        font-weight: bold; }
        #sec2 .blk2 .box .fax-box .fax small {
          font-size: 4.5vw; }
      #sec2 .blk2 .box .fax-box .order a {
        display: block;
        width: 70%;
        margin: 1% auto 0;
        text-align: center;
        border: 1px solid #7f7f7f; }
        #sec2 .blk2 .box .fax-box .order a:hover {
          text-decoration: none; }

/* カート部分 */

#sec2 .blk .left_col {
        float: left;
	padding-top:20px;
	width: 43%;
}
#sec2 .blk .right_col {
        float: right;
	padding-top:20px;
	width: 55%;
}
#sec2 .blk .right_col .btn {
	padding-top: 116px;
}
#sec2 .blk .item_detail_number input {
        height: 37px;
}
#sec2 .blk .item_detail_number button {
	width: 15px;
        height: 37px;
}
.chui{
	width: 96%;
	margin: 15px auto;
	background: #eab0a4;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
}
.chui span{
	background-color: #A22224;
	color: #FFFFFF;
}
.sub_tit{
	text-align: center;
	background-color: #A22224;
	color: #FFFFFF;
	padding: 20px 0;
	margin: 25px 0 0 0;
	font-size: 20px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
}
/*# sourceMappingURL=menu.css.map */

.note_b{
	text-align: center;
	margin: 30px 5px 0px 5px;	
	font-size: 17px;
}