@charset "utf-8";

/*----------------------------------------
    table
-----------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
/*.pricelist .plantable .ico-check {
  width: 1.2em !important;
}*/
.pricelist .plantable {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  margin-bottom:1%;
}

.pricelist .plantable td {
  border: 1px solid #DEDEDE;
  text-align: center;
  vertical-align: middle;
}
.pricelist .plantable th{
  border: 1px solid #DEDEDE;
  text-align: center;
  vertical-align: middle;
  width: 35%;
}


/*
.pricelist .plantable colgroup .group02 {

}
.pricelist .plantable thead th {
  font-size: 1.8rem;
  font-weight: bold;
}
.pricelist .plantable thead td {
  vertical-align: top;
}
.pricelist .plantable thead .ttl {
  height: 60px;
  line-height: 60px;
  padding: 0 5px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  color: #fff;
}
.pricelist .plantable thead .des {
  padding: 25px 10px;
  line-height: 1;
}
.pricelist .plantable thead .padtop {
  padding-top: 40px;
}
.pricelist .plantable thead .des .cap {
  font-size: 1.8rem;
  font-weight: bold;
}
.pricelist .plantable thead .des .cap span {
  font-size: 34px;
}
.pricelist .plantable thead .des .txt {
  margin-top: 10px;
  font-size:1.2rem;
}
.pricelist .plantable thead .des .btn {
  margin-top: 27px;
}
.pricelist .plantable thead .col02 .ttl {
  background: #AB8100;
}
.pricelist .plantable thead .col02 .ttl:before {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #AB8100 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.pricelist .plantable thead .col03 .ttl {
  background: #605804;
}
.pricelist .plantable thead .col03 .ttl:before {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #605804 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.pricelist .plantable thead .col04 .ttl {
  background: #5c564e;
}
.pricelist .plantable thead .col04 .ttl:before {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #5c564e transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.pricelist .plantable thead .col05 .ttl {
  background: #6495bf;
}
.pricelist .plantable thead .col05 .ttl:before {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #6495bf transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}*/
.pricelist .plantable tbody th,
.pricelist .plantable tbody td {
  /*height: 56px;*/
  font-size: 2rem;
  line-height: 1.4;
  padding: 15px 15px;

}

.pricelist .plantable tbody th{    font-weight: bold;}


/*
.pricelist .plantable tbody th small,
.pricelist .plantable tbody td small {
  font-size: 14px;
}*/
.pricelist .plantable tbody th span {
  display: block;
}
.pricelist .plantable tbody.drink td,
.pricelist .plantable tbody td.special {
  text-align: left;
  font-size: 1.6rem;
}
.pricelist .plantable tbody.shot th{
  width:70%;
  font-weight:normal;
  text-align: left;
  font-size: 1.6rem;
}
.pricelist .plantable tbody.shot td{
  font-weight:bold;
  text-align: right;
}

.pricelist .plantable tbody tr:nth-child(odd)   {
  /*background:#f7f7f7;*/
}

.price{font-weight: bold;}
.men{background: #DFEFFF;}
.women{background: #FDEAF5;}


/*メニュー表*/
.flex {
display: flex;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
font-size:2.2rem;
font-weight: bold;
padding:1%;
}

hr.tab-r-line {
position: relative;
top: calc(50% - 1px);
margin: 0 10px;
border: none;
border-top: dotted 2px #CCC;
}
.tab-reader{margin-top:2%;}

.tab-reader-box2 {
flex: auto;
}

.menusub{text-align:right;font-size:1.4rem;}








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

  /*.pricelist .plantable thead th {
      font-size: 1.3rem;
  }
  .pricelist .plantable thead .ttl {
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
  }
  .pricelist .plantable thead .des {
      padding: 25px 3px;
  }
  .pricelist .plantable thead .des .cap {
      font-size: 1.3rem;
  }
  .pricelist .plantable thead .des .txt {
      font-size: 1.0rem;
  }*/
  .pricelist .plantable tbody th, .pricelist .plantable tbody td {
      font-size: 1.5rem;
      padding: 8px;
  }
  .pricelist .plantable tbody.drink td, .pricelist .plantable tbody td.special,
  .pricelist .plantable tbody.shot th {
    font-size: 1.3rem;
}

  .flex {
  font-size:1.6rem;
  }
  .menusub{font-size:1.2rem;}
}

@media screen and (max-width: 414px) {
  /*.pricelist .plantable thead .ttl {
    font-size: 1.4rem;
  }
  .pricelist .plantable thead .ttl span{
   display:none;
  }*/
  .pricelist .plantable tbody th, .pricelist .plantable tbody td {
      font-size: 1.5rem;
  }
}

/*----------------------------------------
    #profile1,#profile4,#profile5
-----------------------------------------*/

#profile1,#profile4,#profile5 { margin: 0 auto; padding: 50px 7.5%; position:relative;}

#profile1 .catchArea {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  position: relative;
  background:none;
}
#profile1 .catchArea h3 {
  font-size:3rem;
  font-style: normal;
  letter-spacing: .15em;
  line-height: 2;
  font-weight: 700;
  }
#profile1 .txtArea {
  font-size:1.8rem;
  letter-spacing: 0.2em;
  margin:30px auto 0;
  max-width:700px;
  text-align:justify;
  line-height: 2;
 }



/* .h3.menu */
#profile1 h3.menu { display:block; margin:0 auto; padding:20px 0 23px; line-height:1; text-align:center; font-size: 1.8rem; font-weight: 700;letter-spacing: .05em; position:relative; border-bottom: #dbd9d5 solid 3px;}


/*----------------------------------------
    #profile2
-----------------------------------------*/
#profile2,#profile3{ margin: 0 auto; padding: 60px 15%; position:relative; }


/* .menuArea */
#profile2 .menuBox,
#profile3 .menuBox
 { display: inline-block; *display: inline; *zoom: 1; width:100%; margin:-1px 0 0 -1px;}
#profile2 .menuBox .inner,
#profile3 .menuBox .inner { padding:0px 1%; text-align:center;  overflow:hidden;}



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


/*----------------------------------------
    #profile1,#profile4,#profile5
-----------------------------------------*/
#profile1,#profile4,#profile5 { padding: 40px 5%; }

#profile1 .txtArea {
  font-size:1.4rem;
  margin:20px auto 0;
  letter-spacing: 0.1em;
}

#profile1 .catchArea h3 {
  font-size:2.2rem;
  letter-spacing: .125em;
  line-height: 2;
}






/*-- #profile2 --*/
#profile2,#profile3{ padding: 30px 5%; }
#profile2 .menuBox ,#profile3 .menuBox{ display: block; width:100%; margin:-1px 0 0;}
#profile2 .menuBox .inner,#profile3 .menuBox .inner {  text-align:center;  overflow:hidden;}

}



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


/*-- #profile1 --*/
#profile1,#profile4,#profile5 { padding: 20px 5%; }
#profile1 .txtArea {
  font-size:1.3rem;
  margin:20px auto 0;
}
#profile1 .catchArea h3 {
  font-size:1.8rem;
  letter-spacing: .1em;
 }
/*-- #profile2 --*/
#profile2,#profile3{  padding: 30px 4% 30px; }

table { margin-top:0; }


/* .menuArea */
#profile2 .menuBox .inner,#profile3 .menuBox .inner { padding:0px 0.5%; }

}