@charset "UTF-8";
/******* setting.scss *******/
/******* mixin.scss *******/
/*********index*********/
#index .vaArea {
  padding: 0 40px;
  position: relative;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}
#index .vaArea h1 {
  display: block;
  height: 200px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80px;
  margin: auto;
  text-align: right;
  z-index: 99;
  padding: 0;
  font-size: 500%;
  font-weight: lighter;
  line-height: 140%;
  color: #fff;
  background: none;
}
#index .vaArea h1 strong {
  font-size: 100%;
  font-weight: normal;
  text-shadow: 1px 2px 3px #333;
}
#index .vaArea .flexslider {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
}
#index .vaArea .flexslider .slides {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
}
#index .vaArea .flexslider .slides li {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
}
#index .vaArea .flexslider .slides li img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  box-sizing: border-box;
}
#index .vaArea .flexslider .flex-direction-nav {
  display: none;
}
#index .vaArea .news {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  right: 40px;
  width: 50%;
  min-width: 745px;
  background-color: #BA3E26;
}
#index .vaArea .news .leftArea {
  padding: 20px;
  text-align: center;
  width: 25%;
}
#index .vaArea .news .leftArea h2 {
  font-weight: normal;
  color: #fff;
  margin: 0;
  border-right: 1px dotted #fff;
}
#index .vaArea .news .rightArea {
  width: 75%;
  padding: 20px;
}
#index .vaArea .news .rightArea dl {
  display: flex;
}
#index .vaArea .news .rightArea dl dt {
  color: #fff;
  width: 20%;
}
#index .vaArea .news .rightArea dl dd {
  color: #fff;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#index .vaArea .news .rightArea dl dd a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
#index .vaArea .news .rightArea dl dd a:hover {
  text-decoration: underline;
}
#index .aboutArea {
  padding: 160px 40px;
  background: url("../img/index/aboutBgChara.png") right top no-repeat;
}
#index .aboutArea .secCont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#index .aboutArea .secCont figure {
  display: block;
  max-width: 50%;
  height: 700px;
}
#index .aboutArea .secCont figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .aboutArea .secCont .detail {
  max-width: 50%;
  box-sizing: border-box;
  padding: 0 10%;
}
#index .aboutArea .secCont .detail h2 {
  font-weight: bold;
  color: #BA3E26;
  margin-bottom: 40px;
  font-size: 2.5vw;
  text-align: left;
}
#index .aboutArea .secCont .detail p {
  line-height: 259%;
}
#index .menuArea {
  padding: 160px 40px;
  background: url("../img/index/menuBgChara.png") left top #F5E2DF no-repeat;
}
#index .menuArea .secCont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#index .menuArea .secCont figure {
  display: block;
  max-width: 60%;
  max-height: 600px;
}
#index .menuArea .secCont figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .menuArea .secCont .detail {
  max-width: 40%;
  padding: 0 6%;
  box-sizing: border-box;
}
#index .menuArea .secCont .detail h2 {
  font-weight: bold;
  color: #BA3E26;
  margin: 0 auto 40px;
  font-size: 2.5vw;
  text-align: center;
}
#index .menuArea .secCont .detail p {
  line-height: 259%;
  margin-bottom: 40px;
}
#index .menuArea .secCont .detail .menuLink {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#index .menuArea .secCont .detail .menuLink p.btn {
  width: calc(33% - 2.5px);
  margin-bottom: 5px;
}
#index .menuArea .secCont .imgList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 60%;
}
#index .menuArea .secCont .imgList li {
  max-width: 24%;
  max-height: 300px;
  margin-bottom: 16px;
}
#index .menuArea .secCont .imgList li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .menuArea .secCont .imgList li:nth-child(4n) {
  margin-right: 0;
}
#index .courseArea {
  padding: 160px 40px;
  background: url("../img/index/couceBgChara.png") right top no-repeat;
}
#index .courseArea .secCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#index .courseArea .secCont figure {
  position: relative;
  display: block;
  width: 1150px;
  height: 42vw;
}
#index .courseArea .secCont figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 69.5%;
  height: auto;
}
#index .courseArea .secCont figure img:last-child {
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
}
#index .courseArea .secCont .detail {
  max-width: 40%;
  padding: 0 6%;
  box-sizing: border-box;
}
#index .courseArea .secCont .detail h2 {
  font-weight: bold;
  color: #BA3E26;
  margin: 0 auto 40px;
  font-size: 2.5vw;
  text-align: center;
}
#index .courseArea .secCont .detail p {
  line-height: 259%;
  margin-bottom: 80px;
}
#index .courseArea .secCont .detail p.btn {
  width: 100%;
}
#index .shopArea {
  padding: 160px 40px;
  background: url("../img/index/mapBgChara.png") left top #F5E2DF no-repeat;
}
#index .shopArea .secCont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#index .shopArea .secCont .detail {
  max-width: 40%;
  padding: 0 6%;
  box-sizing: border-box;
}
#index .shopArea .secCont .detail h2 {
  font-weight: bold;
  color: #BA3E26;
  margin: 0 auto 40px;
  font-size: 2.5vw;
  text-align: center;
}
#index .shopArea .secCont .detail p {
  margin-bottom: 20px;
}
#index .shopArea .secCont .detail dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#index .shopArea .secCont .detail dl dt {
  min-width: 20%;
  font-weight: bold;
}
#index .shopArea .secCont .detail dl dd {
  width: 80%;
}
#index .shopArea .secCont .detail dl:last-child {
  margin-bottom: 40px;
  padding: 0;
}
#index .shopArea .secCont .detail figure {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#index .shopArea .secCont .detail figure img {
  width: 49%;
  height: auto;
}
#index .shopArea .secCont .mapArea {
  width: 60%;
  text-align: center;
}
#index .shopArea .secCont .mapArea .map {
  width: 100%;
  height: 740px;
  margin-bottom: 20px;
}
#index .newsArea {
  padding: 160px 40px;
  background: url("../img/index/newsBgChara.png") right top no-repeat;
}
#index .newsArea .secCont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
}
#index .newsArea .secCont .detail {
  max-width: 40%;
  padding: 0 6%;
  box-sizing: border-box;
}
#index .newsArea .secCont .detail h2 {
  font-weight: bold;
  color: #BA3E26;
  margin: 0 auto 40px;
  font-size: 2.5vw;
  text-align: center;
}
#index .newsArea .secCont .detail p {
  margin-bottom: 40px;
}
#index .newsArea .secCont .detail p.btn {
  width: 100%;
}
#index .newsArea .secCont .listArea {
  width: 50%;
}
#index .newsArea .secCont .listArea dl {
  display: flex;
  align-items: center;
  position: relative;
  padding: 20px;
  border-top: 1px dotted #BA3E26;
  transition: 0.3s;
  background: url("../img/common/linkAlor.png") right 20px top 50% no-repeat;
}
#index .newsArea .secCont .listArea dl dt {
  margin-right: 20px;
}
#index .newsArea .secCont .listArea dl dd.cat {
  margin-right: 20px;
  display: block;
  padding: 5px 0;
  background-color: #BA3E26;
  color: #fff;
  min-width: 100px;
  text-align: center;
}
#index .newsArea .secCont .listArea dl dd.head {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 70px;
  box-sizing: border-box;
}
#index .newsArea .secCont .listArea dl dd:last-child {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
#index .newsArea .secCont .listArea dl dd:last-child a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
#index .newsArea .secCont .listArea dl:last-child {
  border-bottom: 1px dotted #BA3E26;
}
#index .newsArea .secCont .listArea dl:hover {
  background-color: #F5E2DF;
  background-position: right 0 top 50%;
}

/*********COURSE*********/
#course .vaArea {
  background: url("../img/course/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#course .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#course .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#course .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#course .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#course .coursePoint {
  padding: 160px 0 560px;
  background: url("../img/course/vaImg.jpg") 50% bottom no-repeat;
  margin-bottom: 160px;
}
#course .coursePoint item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 80px;
  margin-bottom: 80px;
  background: url("../img/course/coursePointImgBg.jpg") left -40px bottom -80px no-repeat;
}
#course .coursePoint item figure {
  width: 50%;
  height: 600px;
  display: block;
}
#course .coursePoint item figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#course .coursePoint item dl {
  padding: 80px;
  width: 50%;
  box-sizing: border-box;
}
#course .coursePoint item dl dt {
  margin-bottom: 40px;
}
#course .coursePoint item dl dt span {
  font-size: 161%;
  color: #BA3E26;
  display: block;
  margin-bottom: 10px;
}
#course .coursePoint item dl dt strong {
  font-size: 259%;
  font-weight: normal;
}
#course .coursePoint item:nth-child(even) {
  flex-flow: row-reverse;
  background: url("../img/course/coursePointImgBg.jpg") right -40px bottom -80px no-repeat;
}
#course .coursePoint item:last-child {
  margin-bottom: 0;
}
#course .courseDetail {
  margin-bottom: 80px;
}
#course .courseDetail h2 {
  text-align: center;
  font-size: 161%;
  margin-bottom: 20px;
}
#course .courseDetail h2 span {
  color: #BA3E26;
}
#course .courseDetail h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#course .courseDetail p {
  text-align: center;
  margin-bottom: 80px;
}
#course .courseDetail .secCont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#course .courseDetail .secCont .imgArea {
  display: block;
  width: 50%;
  height: 860px;
  padding: 0 40px;
  position: relative;
  background: url("../img/course/courseDetailImgBg.jpg") 50% 50% no-repeat;
}
#course .courseDetail .secCont .imgArea img.firstImg {
  position: absolute;
  right: 80px;
  top: calc(50% - 161px);
}
#course .courseDetail .secCont .imgArea img.secondImg {
  position: absolute;
  left: 80px;
  top: 0;
}
#course .courseDetail .secCont .imgArea img.lastImg {
  position: absolute;
  left: 80px;
  bottom: 0;
}
#course .courseDetail .secCont .courseFlow dl {
  padding: 0 0 80px 70px;
  background-image: url("../img/common/flowSquer.png"), url("../img/common/border_h.jpg");
  background-position: left top, left 14px top 5px;
  background-repeat: no-repeat, no-repeat;
}
#course .courseDetail .secCont .courseFlow dl dt {
  font-size: 161%;
  padding-bottom: 20px;
  border-bottom: 1px dotted #333;
  margin-bottom: 20px;
}
#course .courseDetail .secCont .omakaseMenu item {
  border: 10px solid #F5E2DF;
  padding: 40px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 40px;
}
#course .courseDetail .secCont .omakaseMenu item h3 {
  font-size: 161%;
  font-weight: bold;
  margin-bottom: 20px;
  color: #BA3E26;
}
#course .courseDetail .secCont .omakaseMenu item dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#course .courseDetail .secCont .omakaseMenu item dl dd {
  font-size: 161%;
}
#course .feeArea {
  width: 1200px;
  margin: 0 auto 160px;
  border: 10px solid #F5E2DF;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#course .feeArea dt {
  padding-right: 300px;
  margin-right: 20px;
  position: relative;
}
#course .feeArea dt strong {
  font-size: 161%;
}
#course .feeArea dt::after {
  content: "";
  display: block;
  position: absolute;
  border-top: 1px dotted #BA3E26;
  top: 50%;
  right: 0;
  width: 300px;
}
#course .feeArea dd {
  font-size: 161%;
}
#course .reserveBtn {
  display: block;
  width: 1200px;
  height: 210px;
  position: relative;
  text-align: center;
  margin: 0 auto 160px;
}
#course .reserveBtn p.btn {
  width: 480px;
  margin: 0 auto;
  position: absolute;
  transition: 0.3s;
  top: 0;
  left: calc( 50% - 240px );
  z-index: 2;
}
#course .reserveBtn p.btn a {
  background: none;
  color: #BA3E26;
  border: 1px solid #BA3E26;
}
#course .reserveBtn p.btn a span {
  font-size: 161%;
}
#course .reserveBtn p.btn:hover a {
  background-color: #BA3E26;
  color: #fff;
}
#course .reserveBtn p.reed {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 675%;
  font-weight: bold;
  color: #F5E2DF;
  z-index: 1;
}

/*********アラカルト*********/
#alacarte .vaArea {
  background: url("../img/alacarte/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#alacarte .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#alacarte .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#alacarte .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#alacarte .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#alacarte .alacartePoint {
  padding: 160px 0 560px;
  background: url("../img/course/vaImg.jpg") 50% bottom no-repeat;
  margin-bottom: 160px;
}
#alacarte .alacartePoint item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 80px;
  margin-bottom: 0;
  background: url("../img/course/coursePointImgBg.jpg") left -40px bottom -80px no-repeat;
}
#alacarte .alacartePoint item figure {
  width: 50%;
  height: 600px;
  display: block;
}
#alacarte .alacartePoint item figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#alacarte .alacartePoint item dl {
  padding: 80px;
  width: 50%;
  box-sizing: border-box;
}
#alacarte .alacartePoint item dl dt {
  margin-bottom: 40px;
}
#alacarte .alacartePoint item dl dt span {
  font-size: 161%;
  color: #BA3E26;
  display: block;
  margin-bottom: 10px;
}
#alacarte .alacartePoint item dl dt strong {
  font-size: 259%;
  font-weight: normal;
}
#alacarte .alacartePoint item:nth-child(odd) {
  flex-flow: row-reverse;
  background: url("../img/course/coursePointImgBg.jpg") right -40px bottom -80px no-repeat;
}
#alacarte .menuDetail {
  margin-bottom: 80px;
}
#alacarte .menuDetail h2 {
  text-align: center;
  font-size: 161%;
  margin-bottom: 160px;
}
#alacarte .menuDetail h2 span {
  color: #BA3E26;
}
#alacarte .menuDetail h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#alacarte .menuDetail .itemList {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 160px;
  box-sizing: content-box;
}
#alacarte .menuDetail .itemList item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}
#alacarte .menuDetail .itemList item dl {
  max-width: 84%;
  padding-left: 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
  background: url("../img/alacarte/menuLIstIcon.jpg") left 0 top 3px no-repeat;
  padding-right: 44%;
}
#alacarte .menuDetail .itemList item dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}
#alacarte .menuDetail .itemList item dl::after {
  content: "";
  display: block;
  position: absolute;
  border-top: 1px dotted #BA3E26;
  top: 10px;
  right: 0;
  width: 48%;
}
#alacarte .menuDetail .itemList item p.price {
  font-weight: bold;
  color: #BA3E26;
  max-width: 16%;
  text-align: left;
}
#alacarte .menuDetail .itemList item:last-child item {
  margin-bottom: 0;
}
#alacarte .menuDetail .imgArea {
  margin: 0 auto 80px;
  width: 90%;
  position: relative;
  max-width: 1640px;
  height: 482px;
  background: url("../img/alacarte/menuImgBg.jpg") 50% 50% no-repeat;
  background-size: 90%;
}
#alacarte .menuDetail .imgArea img {
  width: 32%;
  height: auto;
  min-height: 285px;
  object-fit: cover;
}
#alacarte .menuDetail .imgArea img:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
#alacarte .menuDetail .imgArea img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#alacarte .menuDetail .imgArea img:last-child {
  position: absolute;
  top: 0;
  right: 0;
}

/*********ドリンク*********/
#drink .vaArea {
  background: url("../img/drink/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#drink .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#drink .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#drink .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#drink .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#drink .drinkPoint {
  padding: 160px 0 560px;
  background: url("../img/drink/bgfootImg.jpg") 50% bottom no-repeat;
  margin-bottom: 160px;
}
#drink .drinkPoint item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 80px;
  margin-bottom: 0;
  background: url("../img/drink/drinkPointImgBg.jpg") left -40px bottom -80px no-repeat;
}
#drink .drinkPoint item figure {
  width: 50%;
  height: 600px;
  display: block;
}
#drink .drinkPoint item figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#drink .drinkPoint item dl {
  padding: 80px;
  width: 50%;
  box-sizing: border-box;
}
#drink .drinkPoint item dl dt {
  margin-bottom: 40px;
}
#drink .drinkPoint item dl dt span {
  font-size: 161%;
  color: #BA3E26;
  display: block;
  margin-bottom: 10px;
}
#drink .drinkPoint item dl dt strong {
  font-size: 259%;
  font-weight: normal;
}
#drink .drinkPoint item:nth-child(odd) {
  flex-flow: row-reverse;
  background: url("../img/course/coursePointImgBg.jpg") right -40px bottom -80px no-repeat;
}
#drink .menuDetail {
  margin-bottom: 80px;
}
#drink .menuDetail h2 {
  text-align: center;
  margin-bottom: 80px;
  line-height: 259%;
}
#drink .menuDetail h2 span {
  font-size: 161%;
  color: #BA3E26;
}
#drink .menuDetail h2 strong {
  font-size: 259%;
  font-weight: normal;
}
#drink .menuDetail .itemList {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 160px;
  box-sizing: content-box;
}
#drink .menuDetail .itemList h3 {
  text-align: center;
  margin-bottom: 80px;
  color: #BA3E26;
  display: block;
  background-color: #F5E2DF;
  padding: 10px 0;
}
#drink .menuDetail .itemList item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
#drink .menuDetail .itemList item dl {
  width: 76%;
  padding-left: 30px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
  background: url("../img/alacarte/menuLIstIcon.jpg") left 0 top 3px no-repeat;
  padding-right: 36%;
}
#drink .menuDetail .itemList item dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}
#drink .menuDetail .itemList item dl::after {
  content: "";
  display: block;
  position: absolute;
  border-top: 1px dotted #BA3E26;
  top: 10px;
  right: 0;
  width: 50%;
}
#drink .menuDetail .itemList item p.price {
  font-weight: bold;
  font-size-adjust: 161%;
  color: #BA3E26;
}
#drink .menuDetail .itemList item .price {
  width: 20%;
}
#drink .menuDetail .itemList item .price dl {
  background: none;
  padding: 0;
  margin: 0 0 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 200px;
}
#drink .menuDetail .itemList item .price dl dt {
  margin: 0;
  padding: 0;
  color: #BA3E26;
  text-align: left;
}
#drink .menuDetail .itemList item .price dl dd {
  color: #BA3E26;
  text-align: right;
}
#drink .menuDetail .itemList item .price dl::after {
  content: none;
  border: none;
}
#drink .menuDetail .itemList item:last-child item {
  margin-bottom: 0;
}
#drink .menuDetail .itemList p {
  text-align: center;
  font-size: 161%;
  margin-bottom: 80px;
}
#drink .menuDetail .imgArea {
  margin: 0 auto 80px;
  width: 90%;
  position: relative;
  max-width: 1640px;
  height: 482px;
  background: url("../img/alacarte/menuImgBg.jpg") 50% 50% no-repeat;
  background-size: 90%;
}
#drink .menuDetail .imgArea img {
  width: 32%;
  height: auto;
  min-height: 285px;
  object-fit: cover;
}
#drink .menuDetail .imgArea img:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
#drink .menuDetail .imgArea img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#drink .menuDetail .imgArea img:last-child {
  position: absolute;
  top: 0;
  right: 0;
}
#drink .menuDetail .dassaiArea {
  margin-bottom: 80px;
}
#drink .menuDetail .dassaiArea .secCont {
  padding: 80px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: url("../img/drink/dassai_bg.jpg") left top #2B3D56 no-repeat;
}
#drink .menuDetail .dassaiArea .secCont .dassaiDetail {
  width: 70%;
}
#drink .menuDetail .dassaiArea .secCont .dassaiDetail h3 {
  color: #fff;
  font-size: 259%;
  margin-bottom: 40px;
}
#drink .menuDetail .dassaiArea .secCont .dassaiDetail h4 {
  color: #fff;
  margin-bottom: 40px;
  font-size: 161%;
}
#drink .menuDetail .dassaiArea .secCont .dassaiDetail p {
  color: #fff;
  margin-bottom: 40px;
}
#drink .menuDetail .dassaiArea .secCont .dassaiDetail p.price {
  color: #fff;
  font-size: 161%;
  margin-bottom: 0;
}

/*********テイクアウトメニュー*********/
#takeout .vaArea {
  background: url("../img/takeout/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#takeout .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#takeout .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#takeout .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#takeout .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#takeout .takeoutPoint {
  background: url("../img/takeout/drinkPointImg01.jpg") right bottom no-repeat;
  background-size: 60%;
  padding: 160px 0 500px;
  margin-bottom: 160px;
}
#takeout .takeoutPoint dl {
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  box-sizing: border-box;
}
#takeout .takeoutPoint dl dt {
  margin-bottom: 40px;
}
#takeout .takeoutPoint dl dt span {
  font-size: 161%;
  color: #BA3E26;
  display: block;
  margin-bottom: 10px;
}
#takeout .takeoutPoint dl dt strong {
  font-size: 259%;
  font-weight: normal;
}
#takeout .takeoutPoint dl dd {
  width: 50%;
}
#takeout .takeoutItemList {
  margin-bottom: 80px;
  background: url("../img/takeout/menuImgBg.jpg") left 50% top 40px no-repeat;
}
#takeout .takeoutItemList h2 {
  text-align: center;
  font-size: 161%;
  margin-bottom: 80px;
}
#takeout .takeoutItemList h2 span {
  color: #BA3E26;
}
#takeout .takeoutItemList h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#takeout .takeoutItemList .itemList {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#takeout .takeoutItemList .itemList item {
  width: 373px;
  margin-right: 40px;
  margin-bottom: 40px;
}
#takeout .takeoutItemList .itemList item figure {
  width: 100%;
  height: 232px;
  margin-bottom: 20px;
}
#takeout .takeoutItemList .itemList item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#takeout .takeoutItemList .itemList item dl dt {
  font-weight: bold;
  margin-bottom: 20px;
}
#takeout .takeoutItemList .itemList item dl dd {
  margin-bottom: 20px;
}
#takeout .takeoutItemList .itemList item dl dd:last-child {
  margin-bottom: 0;
  text-align: right;
  color: #BA3E26;
  font-size: 161%;
}
#takeout .takeoutItemList .itemList item:nth-child(3n) {
  margin-right: 0;
}

/*********お席*********/
#seat .vaArea {
  background: url("../img/seat/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#seat .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#seat .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#seat .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#seat .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#seat .seatDetail {
  padding: 80px 40px 480px;
  margin-bottom: 80px;
  background: url("../img/seat/bgfootImg.jpg") left 50% bottom 0 no-repeat;
}
#seat .seatDetail h2 {
  text-align: center;
  font-size: 161%;
  margin-bottom: 40px;
}
#seat .seatDetail h2 span {
  color: #BA3E26;
}
#seat .seatDetail h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#seat .seatDetail p {
  text-align: center;
}
#seat .seatPoint {
  padding: 80px 0;
  margin-bottom: 160px;
}
#seat .seatPoint item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 40px 80px;
  margin-bottom: 80px;
  background: url("../img/course/coursePointImgBg.jpg") left -40px bottom -80px no-repeat;
}
#seat .seatPoint item figure {
  width: 50%;
  height: 600px;
  display: block;
}
#seat .seatPoint item figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#seat .seatPoint item .itemDetail {
  padding: 80px;
  width: 640px;
  box-sizing: border-box;
}
#seat .seatPoint item .itemDetail h3 {
  margin-bottom: 40px;
}
#seat .seatPoint item .itemDetail h3 span {
  font-size: 161%;
  color: #BA3E26;
  display: block;
  margin-bottom: 20px;
}
#seat .seatPoint item .itemDetail h3 strong {
  font-size: 259%;
  font-weight: normal;
}
#seat .seatPoint item .itemDetail p {
  margin-bottom: 20px;
}
#seat .seatPoint item .itemDetail dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0;
  border-top: 1px dotted #BA3E26;
  border-bottom: 1px dotted #BA3E26;
}
#seat .seatPoint item .itemDetail dl dt {
  font-size: 161%;
  color: #BA3E26;
  margin-right: 40px;
}
#seat .seatPoint item:nth-child(even) {
  flex-flow: row-reverse;
  background: url("../img/course/coursePointImgBg.jpg") right -40px bottom -80px no-repeat;
}
#seat .seatPoint item:last-child {
  margin-bottom: 0;
}
#seat .reserveBtn {
  display: block;
  width: 1200px;
  height: 210px;
  position: relative;
  text-align: center;
  margin: 0 auto 160px;
}
#seat .reserveBtn p.btn {
  width: 480px;
  margin: 0 auto;
  position: absolute;
  transition: 0.3s;
  top: 0;
  left: calc( 50% - 240px );
  z-index: 2;
}
#seat .reserveBtn p.btn a {
  background: none;
  color: #BA3E26;
  border: 1px solid #BA3E26;
}
#seat .reserveBtn p.btn a span {
  font-size: 161%;
}
#seat .reserveBtn p.btn:hover a {
  background-color: #BA3E26;
  color: #fff;
}
#seat .reserveBtn p.reed {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 675%;
  font-weight: bold;
  color: #F5E2DF;
  z-index: 1;
}

/*********お知らせ*********/
#news .vaArea {
  background: url("../img/news/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#news .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#news .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#news .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#news .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#news .newsArea {
  padding: 160px 40px;
}
#news .newsArea .listArea {
  width: 745px;
  margin: 0 auto;
}
#news .newsArea .listArea item {
  display: block;
  border: 1px solid #F5E2DF;
  border-top: 5px solid #BA3E26;
  transition: 0.3s;
  position: relative;
  padding: 40px 40px 0;
  margin-bottom: 40px;
}
#news .newsArea .listArea item dl {
  padding-bottom: 40px;
  border-bottom: 1px dotted #BA3E26;
  margin-bottom: 40px;
}
#news .newsArea .listArea item dl dt {
  margin-bottom: 20px;
  display: inline-block;
  color: #fff;
  background-color: #BA3E26;
  padding: 10px 20px;
}
#news .newsArea .listArea item dl dd {
  font-size: 161%;
  font-weight: bold;
}
#news .newsArea .listArea item p {
  margin-bottom: 40px;
}
#news .newsArea .listArea item figure {
  max-width: 100%;
  height: auto;
  margin-bottom: 40px;
}
#news .newsArea .listArea item figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
#news .pageList {
  margin-bottom: 160px;
}
#news .pageList .secCont {
  display: flex;
  justify-content: center;
}
#news .pageList .secCont span, #news .pageList .secCont a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #BA3E26;
  border-radius: 50%;
  text-decoration: none;
  background-color: #BA3E26;
  color: #fff;
  margin: 0 10px;
}
#news .pageList .secCont span:hover, #news .pageList .secCont a:hover {
  border-color: #F5E2DF;
  background-color: #F5E2DF;
  color: #BA3E26;
}
#news .pageList .secCont span {
  border-color: #F5E2DF;
  background-color: #F5E2DF;
  color: #BA3E26;
}
#news .newsDetail {
  padding: 80px 0;
}
#news .newsDetail .secCont {
  width: 745px;
  margin: 0 auto;
  border-top: 1px dotted #BA3E26;
  padding-top: 40px;
}
#news .newsDetail .secCont dl.date {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#news .newsDetail .secCont dl.date dt {
  margin-right: 20px;
}
#news .newsDetail .secCont dl.date dd {
  display: inline-block;
  padding: 2px 0;
  background-color: #BA3E26;
  color: #fff;
  min-width: 100px;
  text-align: center;
}
#news .newsDetail .secCont h2 {
  font-size: 161%;
  padding-bottom: 40px;
  border-bottom: 1px dotted #BA3E26;
  margin-bottom: 40px;
}
#news .newsDetail .secCont .contArea {
  padding-bottom: 40px;
  border-bottom: 1px dotted #BA3E26;
  margin-bottom: 40px;
}
#news .newsDetail .secCont .contArea figure {
  margin-bottom: 40px;
}
#news .newsDetail .secCont .contArea figure img {
  max-width: 100%;
  height: auto;
}
#news .newsDetail .secCont .contArea p {
  margin-bottom: 40px;
}
#news .newsDetail .secCont .pageLink {
  display: flex;
  justify-content: center;
  align-items: center;
}
#news .newsDetail .secCont .pageLink a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin: 0 40px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #BA3E26;
  color: #fff;
  transition: 0.3s;
}
#news .newsDetail .secCont .pageLink a:hover {
  opacity: 0.6;
}

/*********店舗情報*********/
#outline .vaArea {
  background: url("../img/outline/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#outline .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#outline .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#outline .pankuzu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
}
#outline .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#outline .philosophyPoint {
  padding: 160px 0;
  margin-bottom: 0;
}
#outline .philosophyPoint item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 80px;
  margin-bottom: 80px;
  background: url("../img/course/coursePointImgBg.jpg") left -40px bottom -80px no-repeat;
}
#outline .philosophyPoint item figure {
  width: 50%;
  height: 600px;
  display: block;
}
#outline .philosophyPoint item figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#outline .philosophyPoint item dl {
  padding: 80px;
  width: 50%;
  box-sizing: border-box;
}
#outline .philosophyPoint item dl dt {
  margin-bottom: 40px;
}
#outline .philosophyPoint item dl dt span {
  font-size: 161%;
  color: #BA3E26;
  display: block;
  margin-bottom: 10px;
}
#outline .philosophyPoint item dl dt strong {
  font-size: 259%;
  font-weight: normal;
}
#outline .philosophyPoint item:nth-child(even) {
  flex-flow: row-reverse;
  background: url("../img/course/coursePointImgBg.jpg") right -40px bottom -80px no-repeat;
}
#outline .philosophyPoint item:last-child {
  margin-bottom: 0;
}
#outline .shopDetail {
  background-color: #F5E2DF;
  padding: 160px 40px;
}
#outline .shopDetail .secCont {
  width: 745px;
  margin: 0 auto;
}
#outline .shopDetail .secCont h2 {
  text-align: center;
  font-size: 161%;
  margin-bottom: 80px;
}
#outline .shopDetail .secCont h2 span {
  color: #BA3E26;
}
#outline .shopDetail .secCont h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#outline .shopDetail .secCont .detail dl {
  border-top: 1px dotted #BA3E26;
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
}
#outline .shopDetail .secCont .detail dl dt {
  width: 30%;
  font-weight: bold;
}
#outline .shopDetail .secCont .detail dl dd {
  width: 70%;
}
#outline .shopDetail .secCont .detail dl:last-child {
  border-bottom: 1px dotted #BA3E26;
}
#outline .accessArea {
  padding: 160px 0;
}
#outline .accessArea .secCont {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#outline .accessArea .secCont .detail {
  width: 50%;
  box-sizing: border-box;
  padding: 80px 40px 80px 0;
}
#outline .accessArea .secCont .detail h2 {
  font-size: 161%;
  margin-bottom: 40px;
}
#outline .accessArea .secCont .detail h2 span {
  color: #BA3E26;
}
#outline .accessArea .secCont .detail h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#outline .accessArea .secCont .detail p {
  margin-bottom: 20px;
}
#outline .accessArea .secCont .detail dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#outline .accessArea .secCont .detail dl dt {
  font-weight: bold;
  width: 20%;
}
#outline .accessArea .secCont .detail dl:last-child {
  margin-bottom: 40px;
}
#outline .accessArea .secCont .mapArea {
  width: 50%;
}
#outline .comDetail {
  background-color: #F5E2DF;
  padding: 160px 40px;
}
#outline .comDetail .secCont {
  width: 745px;
  margin: 0 auto;
}
#outline .comDetail .secCont h2 {
  text-align: center;
  font-size: 161%;
  margin-bottom: 80px;
}
#outline .comDetail .secCont h2 span {
  color: #BA3E26;
}
#outline .comDetail .secCont h2 strong {
  font-size: 161%;
  font-weight: normal;
}
#outline .comDetail .secCont .detail dl {
  border-top: 1px dotted #BA3E26;
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
}
#outline .comDetail .secCont .detail dl dt {
  width: 30%;
  font-weight: bold;
}
#outline .comDetail .secCont .detail dl dd {
  width: 70%;
}
#outline .comDetail .secCont .detail dl:last-child {
  border-bottom: 1px dotted #BA3E26;
}

/*********お問合せ*********/
#contact .vaArea {
  background: url("../img/contact/vaImg.jpg") 50% 50% no-repeat;
  background-size: cover;
  width: calc( 100% - 80px );
  margin: 100px auto 0;
  padding: 200px 0 200px;
  position: relative;
  overflow: hidden;
}
#contact .vaArea h1 {
  background-color: #BA3E26;
  color: #fff;
  display: inline-block;
  font-size: 259%;
  padding: 20px 40px 20px 50%;
  padding-left: calc( (100% - 1200px) / 2 );
  font-weight: bold;
}
#contact .vaArea p.reed {
  position: absolute;
  color: #fff;
  padding: 0;
  margin: 0;
  bottom: -65px;
  right: 0;
  font-size: 1092%;
  font-weight: bold;
  opacity: 0.5;
}
#contact .pankuzu {
  width: 1200px;
  margin: 0 auto 80px;
  padding: 20px 0;
  display: flex;
}
#contact .pankuzu li a {
  display: block;
  padding-right: 30px;
  margin-right: 20px;
  background: url("../img/common/pankuzu_alor.png") right 0 top 50% no-repeat;
}
#contact .mailArea .secCont {
  max-width: 745px;
  margin: 0 auto;
}
#contact .mailArea .secCont p {
  margin-bottom: 40px;
  text-align: center;
}
#contact .mailArea .secCont form {
  margin-bottom: 80px;
}
#contact .mailArea .secCont form .formArea {
  margin-bottom: 80px;
}
#contact .mailArea .secCont form .formArea dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 40px 0;
  box-sizing: border-box;
  border-bottom: 1px dotted #BA3E26;
}
#contact .mailArea .secCont form .formArea dl dt {
  width: 30%;
  text-align: left;
  font-weight: bold;
}
#contact .mailArea .secCont form .formArea dl dd {
  width: 70%;
}
#contact .mailArea .secCont form .formArea dl dd input,
#contact .mailArea .secCont form .formArea dl dd textarea,
#contact .mailArea .secCont form .formArea dl dd select {
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
#contact .mailArea .secCont form .formArea dl:first-child {
  border-top: 1px dotted #BA3E26;
}
#contact .mailArea .secCont form p.btn {
  margin: 0 auto;
  text-align: center;
}
#contact .mailArea .secCont form p.btn input {
  border: none;
  background-color: #BA3E26;
  color: #fff;
  padding: 20px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  transition: 0.3s;
}
#contact .mailArea .secCont form p.btn input:hover {
  opacity: 0.6;
}
#contact .thanksArea .secCont {
  max-width: 745px;
  margin: 0 auto 80px;
}
#contact .thanksArea .secCont h2 {
  font-size: 161%;
  color: #BA3E26;
  margin-bottom: 40px;
  text-align: center;
}
#contact .thanksArea .secCont p {
  margin-bottom: 40px;
}
#contact .thanksArea .secCont dl.thanksInfo {
  margin-bottom: 80px;
}
#contact .thanksArea .secCont dl.thanksInfo dt {
  font-weight: bold;
}
#contact .thanksArea .secCont p.btn {
  margin: 0 auto;
}