@charset "UTF-8";
/*=============================================*/
/*                   　index　　　　　          */
/*=============================================*/
#index #sec01 {
  padding-top: 5%;
  background: url(../img/index/s1-deco.png) no-repeat center top, url(../img/shared/bg11.jpg) repeat center top;
  background-size: 100%, auto;
}

#index #sec01 h2 {
  margin-left: -2%;
  margin-right: -2%;
}

#index #sec01 .btn {
  margin-bottom: 10%;
}

#index #sec01 .photo {
  margin-left: -2%;
  margin-right: -2%;
}

#index #sec02 {
  padding-top: 10%;
  padding-bottom: 10%;
}

#index #sec02 .g-bnr li {
  margin-bottom: 10%;
}

#index #sec02 .g-bnr li:last-child {
  margin-bottom: 0;
}

#index #sec03 {
  padding-top: 5%;
  padding-bottom: 10%;
  background: url(../img/shared/bg04.jpg) repeat center top;
}

#index #sec03 h2 {
  margin: 0 -2% 5%;
}

#index #sec03 h3 {
  margin: 5% -2% 0;
}

#index #sec03 .text {
  margin-bottom: 0;
}

#index #sec04 {
  padding-top: 10%;
  padding-bottom: 5%;
  background: url(../img/shared/line01.jpg) repeat-x center top, url(../img/shared/bg09.png) repeat center top;
  background-size: 100%, auto;
}

#index #sec04 h2 {
  width: 80%;
  margin: 0 auto 5%;
}

#index #sec04 #feed .photo span {
  width: auto !important;
  height: 0 !important;
  padding: 30%;
}

#index #sec04 #feed dl {
  line-height: 28px;
  text-align: center;
}

#index #sec04 #feed dl .date {
  margin-top: 15px;
}

#index #sec04 #feed dl .tit {
  text-decoration: underline;
  margin-bottom: 12px;
}

#index #sec04 .g-btn {
  margin-top: 5%;
}

#index #sec04 .g-btn li {
  margin-bottom: 5%;
}

/*=============================================*/
/*                   　access　　　　　          */
/*=============================================*/
#access #sec01 {
  padding-top: 5%;
  padding-bottom: 10%;
}

#access #sec01 .info dl {
  border-bottom: 1px solid #e0cba0;
  line-height: 28px;
  color: #2e1706;
  padding: 13px 0;
}

#access #sec01 .info dl dd {
  padding-left: 20px;
}

#access #map {
  line-height: 1;
}

#access #sec02 {
  padding-top: 5%;
  padding-bottom: 10%;
  background: url(../img/shared/bg13.jpg) repeat center top;
}

#access #sec02 .box {
  margin-top: 5%;
  padding-bottom: 10%;
  padding-top: 5%;
  background: url(../img/shared/bg07.jpg) repeat center top;
}

/*=============================================*/
/*                   　drink　　　　　          */
/*=============================================*/
#drink #sec01 {
  background: url(../img/drink/s1-deco.jpg) no-repeat center bottom, url(../img/shared/bg04.jpg) repeat center top;
  background-size: 100%, auto;
  padding-top: 5%;
  padding-bottom: 18%;
}

#drink #sec02 {
  position: relative;
  padding-bottom: 5%;
  margin-top: -18%;
}

#drink #sec03 {
  padding-bottom: 5%;
}

#drink #sec03 h3 {
  padding-top: 5%;
}

#drink #sec04 .bg {
  padding-top: 5%;
  padding-bottom: 5%;
  background: url(../img/shared/bg07.jpg) repeat center top;
}

#drink #sec04 .text-center {
  margin-top: 15px;
  margin-bottom: 15px;
}

#drink #sec05 {
  padding-bottom: 10%;
}

#drink #sec05 h2 {
  margin-left: -2%;
  margin-right: -2%;
}

#drink #sec05 h3 {
  width: 85%;
  margin: 0 auto;
}

#drink #sec05 .group {
  margin-top: -30%;
}

#drink #sec05 .group h3 {
  margin-bottom: 3%;
}

#drink #sec05 .group .box {
  padding: 20px 2%;
  position: relative;
  background: url(../img/shared/bg10.png) repeat center top;
}

#drink #sec05 .group .box dl {
  margin: 0 auto;
  line-height: 22px;
  padding: 11px 0;
}

#drink #sec05 .group .box dl:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}

#drink #sec05 .group .box dl dt {
  float: left;
}

#drink #sec05 .group .box dl dd {
  float: right;
  color: #9f030a;
}

#drink #sec06 {
  background: url(../img/shared/bg09.png) repeat center top;
  background-size: auto;
  padding-top: 10%;
  padding-bottom: 8%;
}

#drink #sec06 .btn-acc {
  position: relative;
  padding-bottom: 10%;
}

#drink #sec06 .btn-acc:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  position: absolute;
  line-height: 20px;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
  content: '\f107';
  font-size: 20px;
}

#drink #sec06 .open:after {
  content: '\f106';
}

#drink #sec06 .bg01 {
  background: url(../img/menu/s5-01-tg.png) repeat center top;
  background-size: auto;
}

#drink #sec06 .bg02 {
  background: url(../img/menu/s5-02-tg.png) repeat center top;
  background-size: auto;
}

#drink #sec06 .note {
  padding-bottom: 15px;
}

#drink #sec06 .toggle {
  margin-bottom: 20px;
}

#drink #sec06 .toggle h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 15px;
}

#drink #sec06 .toggle h3:after {
  color: #000;
  font-size: 15px;
}

#drink #sec06 .toggle h4 span {
  color: #9f030a;
}

#drink #sec06 dl {
  line-height: 25px;
  padding: 12px 0;
  border-bottom: 1px solid #c2a997;
}

#drink #sec06 dl:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}

#drink #sec06 dl .tit {
  font-weight: bold;
}

#drink #sec06 dl dt {
  float: left;
}

#drink #sec06 dl dd {
  float: right;
  text-align: right;
  color: #9f030a;
}

/*=============================================*/
/*                   　menu　　　　　          */
/*=============================================*/
.mbp5 {
  margin-bottom: 5%;
}

#menu #sec01 {
  padding-top: 5%;
  padding-bottom: 5%;
}

#menu #sec01 h2 {
  margin-left: -2%;
  margin-right: -2%;
}

#menu #sec02 {
  padding-top: 10%;
  padding-bottom: 10%;
  background: url(../img/menu/s2-bg.png) no-repeat center bottom, url(../img/shared/bg12.jpg) repeat center top;
}
#menu #sec02 dl{
  margin-bottom: 20%;
}
#menu #sec02 dl dt {
  margin-top: 5%;
  margin-bottom: 3%;
}

#menu #sec02 dl .price {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

#menu #sec02 .bx-controls-direction {
  top: 30%;
}

#menu #sec02 .bx-next:after {
  left: auto;
  right: 11px;
}

#menu #sec02 .bx-pager {
  bottom: 15%;
}

#menu #sec03 h3 {
  margin-top: 5%;
}

#menu #sec03 .bg {
  padding-top: 10%;
  padding-bottom: 10%;
  background: url(../img/menu/s3-02-bg.png) no-repeat left bottom, url(../img/menu/s3-01-bg.png) no-repeat center top, url(../img/shared/bg07.jpg) repeat center top;
  background-size: 30%, 100%, auto;
}

#menu #sec03 .bg ul li {
  position: relative;
}

#menu #sec03 .bg ul li .price {
  position: absolute;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 25px;
  font-weight: bold;
}

#menu #sec03 .bg ul li .price span {
  font-size: 16px;
}

#menu #sec03 .bg ul li .color01 {
  color: #000;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff;
}

#menu #sec03 .bg ul li .color02 {
  color: #fff;
}

#menu #sec03 .bx-controls-direction {
  top: auto;
  bottom: -2%;
}

#menu #sec03 .bx-next:after {
  left: auto;
  right: 11px;
}

#menu #sec03 .note {
  margin-top: 5%;
}

#menu #sec04 h3 {
  margin-top: 5%;
}

#menu #sec04 .bg {
  padding-top: 10%;
  padding-bottom: 10%;
  background: url(../img/menu/s4-bg.png) no-repeat left bottom, url(../img/shared/bg04.jpg) repeat center top;
  background-size: 100%, auto;
}

#menu #sec04 .bg .group {
  position: relative;
}

#menu #sec04 .bg .group .price01 {
  position: absolute;
  right: 5%;
  bottom: 3%;
  font-size: 25px;
  font-weight: bold;
  color: #9f030a;
  z-index: 52;
}

#menu #sec04 .bg .group .price01 span {
  font-size: 16px;
}

#menu #sec04 .bg .group .price02 {
  position: absolute;
  left: 0;
  bottom: 38%;
  font-size: 25px;
  font-weight: bold;
  color: #9f030a;
  z-index: 52;
}

#menu #sec04 .bg .group .price02 span {
  font-size: 16px;
}

#menu #sec05 {
  background: url(../img/shared/line01.jpg) repeat-x center top, url(../img/shared/bg09.png) repeat center top;
  background-size: 100%, auto;
  padding-top: 10%;
  padding-bottom: 8%;
}

#menu #sec05 .btn-acc {
  position: relative;
  padding-bottom: 10%;
}

#menu #sec05 .btn-acc:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  position: absolute;
  line-height: 20px;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  color: #000;
  content: '\f107';
  font-size: 20px;
}

#menu #sec05 .open:after {
  content: '\f106';
}

#menu #sec05 .bg01 {
  background: url(../img/menu/s5-01-tg.png) repeat center top;
  background-size: auto;
}

#menu #sec05 .bg02 {
  background: url(../img/menu/s5-02-tg.png) repeat center top;
  background-size: auto;
}

#menu #sec05 .note {
  padding-bottom: 15px;
}

#menu #sec05 .toggle {
  margin-bottom: 20px;
}

#menu #sec05 .toggle h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 11px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 15px;
}

#menu #sec05 .toggle h3:after {
  color: #000;
  font-size: 15px;
}

#menu #sec05 dl {
  line-height: 25px;
  padding: 12px 0;
  border-bottom: 1px solid #c2a997;
}

#menu #sec05 dl:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}

#menu #sec05 dl dt {
  float: left;
}

#menu #sec05 dl dd {
  float: right;
  color: #9f030a;
}

/*=============================================*/
/*                   　howto　　　　　          */
/*=============================================*/
#howto #sec01 {
  background: url(../img/shared/bg13.jpg) repeat center top;
  padding-top: 5%;
  padding-bottom: 5%;
}

#howto #sec01 h2 {
  width: 90%;
  margin: 0 auto;
}

#howto #sec02 {
  position: relative;
  margin-top: -10%;
  padding-bottom: 10%;
}

#howto #sec02 h2 {
  margin-left: -2%;
  margin-right: -2%;
}

#howto #sec02 h3 {
  margin-top: 5%;
}

#howto #sec03 {
  background: url(../img/shared/bg08.jpg) repeat center top;
  padding-bottom: 10%;
  color: #fff;
}

#howto #sec03 h2 {
  margin: 0 -2% 5%;
}

#howto #sec03 h3 {
  margin-top: 5%;
}

#howto #sec04 {
  padding-bottom: 10%;
}

#howto #sec04 h2 {
  margin: 0 -2% 5%;
}

#howto #sec04 h3 {
  margin-top: 5%;
}

#howto #sec05 {
  padding-bottom: 5%;
}

#howto #sec05 .price {
  font-weight: bold;
  font-size: 16px;
  margin: 0 auto 20px auto;
}

#howto #sec05 .price dt {
  float: left;
}

#howto #sec05 .price dd {
  float: right;
  color: #9f030a;
}

#howto #sec05 .price dd span {
  font-size: 13px;
}

/*=============================================*/
/*                   　party　　　　　          */
/*=============================================*/
#party #sec01 {
  background: url(../img/party/s1-02-bg.png) no-repeat center bottom, url(../img/party/s1-bg.png) no-repeat right top;
  background-size: 100%, 60%;
  padding-top: 10%;
  padding-bottom: 5%;
}

#party #sec01 h2 {
  width: 90%;
  margin: 0 auto 5%;
}

#party #sec01 .g-btn li {
  width: 49%;
}

#party #sec02 {
  background: url(../img/shared/bg07.jpg) repeat center top;
  padding-bottom: 10%;
}

#party #sec02 h2 {
  margin: 0 -2% -10%;
  padding: 5% 5% 10%;
}

#party #sec02 .group {
  position: relative;
}

#party #sec02 .group p {
  position: absolute;
  z-index: 2;
  left: -2%;
  bottom: -70px;
  width: 120px;
  padding: 25px 10px;
  color: #fff;
  text-align: center;
  background: url(../img/party/bg-text.png) no-repeat center top;
  background-size: 100%;
}

#party #sec02 .box {
  padding-top: 15px;
  padding-bottom: 20px;
  background: url(../img/shared/bg01.jpg) repeat center top;
}

#party #sec02 .box .detail dt {
  line-height: 1.5;
  font-size: 5.2vmin;
  text-align: right;
  font-weight: bold;
}

#party #sec02 .box .detail .price {
  line-height: 30px;
  font-size: 4.8vmin;
  text-align: right;
  padding-right: 10%;
  font-weight: bold;
}

#party #sec02 .box .toggle {
  margin-top: 10px;
  border: 1px solid #000;
}

#party #sec02 .box .toggle .toggle-link {
  text-align: center;
  padding: 8px 0;
  font-weight: bold;
}

#party #sec02 .box .toggle .toggle-link:after {
  color: #000;
}

#party #sec02 .box .toggle .toggle-main {
  padding: 10px 2%;
}

#party #sec02 .box .note {
  margin-top: 10px;
}

#party #sec02 .box02 {
  margin-top: 5%;
  background: url(../img/shared/bg13.jpg) repeat center top;
  padding-top: 15px;
  padding-bottom: 20px;
}

#party #sec02 .box02 .detail {
  letter-spacing: 0;
}

#party #sec02 .box02 .detail dt {
  font-weight: bold;
  font-size: 17px;
  color: #3e1e07;
}
#party #sec02 .box02 .detail dd {
  font-size: 18px;
}

#party #sec02 .box02 .toggle {
  margin-top: 10px;
  border: 1px solid #000;
}

#party #sec02 .box02 .toggle .toggle-link {
  text-align: center;
  padding: 8px 0;
  font-weight: bold;
}

#party #sec02 .box02 .toggle .toggle-link:after {
  color: #000;
}

#party #sec02 .box02 .toggle .toggle-main {
  padding: 10px 2%;
}

#party #sec02 .box02 .note {
  margin-top: 10px;
}

#party #sec03 {
  padding-top: 5%;
}

#party #sec03 .bx-controls-direction {
  top: 110%;
}

#party #sec03 .bx-next:after {
  right: 11px;
  left: auto;
}

#party #sec03 h2 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
}

#party #sec03 h3 {
  margin-left: -2%;
  margin-right: -2%;
}

#party #sec04 {
  padding-top: 5%;
  padding-bottom: 5%;
  background: url(../img/shared/bg09.png) repeat center top;
}

#party #sec04 .bx-pager {
  top: 40%;
}
#party #sec04 .bx-next:after{
  left: auto;
  right: 11px;
}
#party #sec04 .map {
  margin-top: 5%;
  margin-bottom: 5%;
}

#party #sec05 {
  padding-top: 10%;
  padding-bottom: 10%;
  background: url(../img/shared/bg10.png) repeat center top;
}

#gotoeat{
	padding: 5%;
}