@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

common

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ----pc,sp表示切替---- */
.sp {
  display: block !important;
}

.pc {
  display: none !important;
}

@media (min-width: 740px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
}
.txt_c {
  display: block !important;
  text-align: center !important;
}

.fnt12 {
  font-size: 1.2rem;
}

.fnt13 {
  font-size: 1.3rem;
}

.fnt14 {
  font-size: 1.4rem;
}
.fnt14.spfnt {
  font-size: 1.2rem;
}
@media (min-width: 740px) {
  .fnt14.spfnt {
    font-size: 1.4rem;
  }
}

.fnt16 {
  font-size: 1.6rem;
}
.fnt16.spfnt {
  font-size: 1.4rem;
}
@media (min-width: 740px) {
  .fnt16.spfnt {
    font-size: 1.6rem;
  }
}

.fnt18 {
  font-size: 1.8rem;
}
.fnt18.spfnt {
  font-size: 1.6rem;
}
@media (min-width: 740px) {
  .fnt18.spfnt {
    font-size: 1.8rem;
  }
}

.fnt20 {
  font-size: 2rem;
}
.fnt20.spfnt {
  font-size: 1.8rem;
}
@media (min-width: 740px) {
  .fnt20.spfnt {
    font-size: 2rem;
  }
}

.fnt22 {
  font-size: 2.2rem;
}

.serif {
  font-family: "Noto Serif JP", serif;
}

@media (min-width: 740px) {
  .pc-txtCenter p {
    text-align: center !important;
  }
}

.contentsInr {
  padding: 0 !important;
}

@media (min-width: 740px) {
  .contentsInr {
    width: 100% !important;
  }
}
.pageTtl {
  margin-bottom: 0 !important;
}

/* ----sec---- */
.sec {
  font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", sans-serif;
}

.pdnB60 {
  padding: 0 0 30px;
}
@media (min-width: 740px) {
  .pdnB60 {
    padding: 0 0 60px;
  }
}

.inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner_small {
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
  padding: 0 15px;
}

.topLead {
  background: #000;
  color: #fff;
  padding: 0 0 30px;
}
@media (min-width: 740px) {
  .topLead .serif p {
    text-align: center !important;
  }
}
@media (min-width: 740px) {
  .topLead .fnt14 {
    max-width: fit-content;
    margin: 0 auto;
  }
}

.point {
  background: linear-gradient(#402600 0%, #583a00 100%);
  color: #fff;
  padding-bottom: 50px;
}
.point .point_topBg {
  background: url("/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/makers-dinner/img_sites/240118/bg_01.jpg") no-repeat;
  background-size: cover;
  padding: 0 0 30px;
}
@media (min-width: 740px) {
  .point .point_topBg {
    padding: 0 0 80px;
  }
}
.point .point_icon {
  max-width: 38px;
  margin: 0 auto;
}
.point .point_ttl .ttlLv1 {
  margin-top: 0;
}
.point .point_ttl .ttlLv1 .heading {
  font-size: 2.4rem;
  font-weight: 500;
}
@media (min-width: 740px) {
  .point .point_ttl .ttlLv1 .heading {
    font-size: 3rem;
  }
}
.point .point_ttl .ttlLv1 .heading span {
  position: relative;
}
.point .point_ttl .ttlLv1 .heading span::before {
  content: "";
  background: #fff;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -60px;
}
@media (min-width: 740px) {
  .point .point_ttl .ttlLv1 .heading span::before {
    width: 65px;
    left: -80px;
  }
}
.point .point_ttl .ttlLv1 .heading span::after {
  content: "";
  background: #fff;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -60px;
}
@media (min-width: 740px) {
  .point .point_ttl .ttlLv1 .heading span::after {
    right: -80px;
    width: 65px;
  }
}
.point .point_txt {
  padding-left: 35px;
  position: relative;
}
@media (min-width: 740px) {
  .point .point_txt {
    padding-left: 40px;
  }
}
.point .point_txt::before {
  content: "";
  width: 33px;
  height: 35px;
  position: absolute;
  top: -12px;
  left: 0;
}
@media (min-width: 740px) {
  .point .point_txt::before {
    width: 38px;
    height: 40px;
  }
}
.point .point_txt.txt01::before {
  content: "";
  background: url("/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/makers-dinner/img_sites/ico_number_01.svg") no-repeat;
  background-size: contain;
}
.point .point_txt.txt02::before {
  content: "";
  background: url("/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/makers-dinner/img_sites/ico_number_02.svg") no-repeat;
  background-size: contain;
}
.point .point_txt.txt03::before {
  content: "";
  background: url("/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/makers-dinner/img_sites/ico_number_03.svg") no-repeat;
  background-size: contain;
}
.point .point_txt.txt04::before {
  content: "";
  background: url("/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/makers-dinner/img_sites/ico_number_04.svg") no-repeat;
  background-size: contain;
}
.point .point_whtBox {
  background: #fff;
  padding: 15px 10px;
}
.point .point_whtBox .fnt18 {
  color: #333;
}
.point .point_whtBox .point_whtBox_img {
  max-width: 290px;
  margin: 0 auto;
}
.point .point_dinner_ttl .ctm_pageTtl .ttlLv2 {
  background: #8E5A1F;
  margin-top: 0;
}
.point .point_dinner_ttl .ctm_pageTtl .ttlLv2 .heading {
  font-size: 2rem;
  font-weight: 500;
}
@media (min-width: 740px) {
  .point .point_dinner_ttl .ctm_pageTtl .ttlLv2 .heading {
    font-size: 2.2rem;
  }
}
.point .point_dinner_subTtl .ttlLv3 {
  margin-top: 0px;
  margin-bottom: 10px;
}
.point .point_dinner_subTtl .ttlLv3 .heading {
  font-size: 2.4rem;
}
@media (min-width: 740px) {
  .point .point_dinner_subTtl .ttlLv3 .heading {
    font-size: 3rem;
  }
}
.point .point_yellow_box {
  border: 1px solid #D2BE05;
  padding: 20px 15px;
}
@media (min-width: 740px) {
  .point .point_yellow_box {
    padding: 30px 50px;
  }
}
@media (min-width: 740px) {
  .point .point_yellow_box .colWrap .col:first-of-type {
    width: 40%;
  }
}
.point .point_yellow_box .colWrap .col:last-of-type {
  margin-top: 10px;
}
@media (min-width: 740px) {
  .point .point_yellow_box .colWrap .col:last-of-type {
    margin-top: 0;
    width: calc(60% - 30px);
  }
}
@media (min-width: 740px) {
  .point .point_yellow_box .nikiLunch .colWrap .col:first-of-type {
    width: 26%;
  }
}
@media (min-width: 740px) {
  .point .point_yellow_box .nikiLunch .colWrap .col:last-of-type {
    margin-top: 0;
    width: calc(74% - 30px);
  }
}
@media (min-width: 740px) {
  .point .point_yellow_box .point_wineList {
    padding-left: 10px;
  }
}
.point .point_chef {
  background: #000;
}
@media (min-width: 740px) {
  .point .point_chef .colWrap .col:first-of-type {
    width: 20%;
  }
}
.point .point_chef .colWrap .col:last-of-type {
  padding: 5px 15px 15px;
}
@media (min-width: 740px) {
  .point .point_chef .colWrap .col:last-of-type {
    padding: 20px 10px;
    margin-left: 10px;
    width: 74%;
  }
}
.point .point_brown_box {
  background: #3D2800;
  padding: 20px 15px;
}
@media (min-width: 740px) {
  .point .point_brown_box {
    padding: 0 40px 20px;
  }
}
@media (min-width: 740px) {
  .point .point_brown_box .colWrap .col:first-of-type {
    width: 35%;
  }
}
.point .point_brown_box .colWrap .col:last-of-type {
  margin-top: 10px;
}
@media (min-width: 740px) {
  .point .point_brown_box .colWrap .col:last-of-type {
    margin-top: 30px;
    width: calc(65% - 30px);
  }
}

.course {
  background: #3F3200;
  color: #fff;
  padding-bottom: 50px;
}
.course .inner_small {
  position: relative;
}
.course .course_icon {
  max-width: 60px;
  position: absolute;
  right: 40px;
  top: 75px;
}
@media (min-width: 740px) {
  .course .course_icon {
    max-width: 80px;
    right: 80px;
    top: 60px;
  }
}
.course .course_ttl span {
  position: relative;
}
.course .course_ttl span::before {
  content: "";
  background: #fff;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -60px;
}
@media (min-width: 740px) {
  .course .course_ttl span::before {
    width: 100px;
    left: -120px;
  }
}
.course .course_ttl span::after {
  content: "";
  background: #fff;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -60px;
}
@media (min-width: 740px) {
  .course .course_ttl span::after {
    right: -120px;
    width: 100px;
  }
}
@media (min-width: 740px) {
  .course .course_ttl .ttlLv1 {
    margin-top: 40px;
  }
}
.course .course_ttl .ttlLv1 .heading {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (min-width: 740px) {
  .course .course_ttl .ttlLv1 .heading {
    font-size: 2.2rem;
  }
}
.course .course_subTtl .ttlLv2 {
  background: #8E5A1F;
}
.course .course_subTtl .ttlLv2 .heading {
  font-size: 1.6rem;
  font-weight: 500;
}
.course .table_typeA {
  color: #333;
  font-size: 1.4rem;
}
.course .table_typeA table {
  border-top: none;
  border-right: none;
  border-bottom: none;
  width: 100%;
}
@media (min-width: 740px) {
  .course .table_typeA table {
    width: 950px;
  }
}
.course .table_typeA table tr th {
  padding: 10px 5px;
  text-align: center;
  background: #000;
  border-top: none;
}
@media (min-width: 740px) {
  .course .table_typeA table tr th {
    text-align: left;
    padding: 10px 15px;
  }
}
.course .table_typeA table tr th:first-of-type {
  border-left: none;
}
.course .table_typeA table tr th:nth-of-type(1) {
  width: 60px;
}
@media (min-width: 740px) {
  .course .table_typeA table tr th:nth-of-type(1) {
    width: 8%;
  }
}
.course .table_typeA table tr th:nth-of-type(2) {
  width: 100px;
}
@media (min-width: 740px) {
  .course .table_typeA table tr th:nth-of-type(2) {
    width: 12%;
  }
}
.course .table_typeA table tr th:nth-of-type(3) {
  width: 300px;
}
@media (min-width: 740px) {
  .course .table_typeA table tr th:nth-of-type(3) {
    width: 66%;
  }
}
.course .table_typeA table tr th:nth-of-type(4) {
  width: 60px;
}
@media (min-width: 740px) {
  .course .table_typeA table tr th:nth-of-type(4) {
    width: 10%;
  }
}
.course .table_typeA table tr td {
  vertical-align: baseline;
  border-left: 1px solid #3F3200;
  border-top: 1px solid #3F3200;
  padding: 10px 5px;
  font-size: 1.3rem;
}
@media (min-width: 740px) {
  .course .table_typeA table tr td {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}
.course .table_typeA table tr td .ico {
  width: 16px;
  vertical-align: middle;
}
.course .table_typeA table tr td .yelloBox {
  background: #E8DFB4;
  padding: 10px;
}
@media (min-width: 740px) {
  .course .table_typeA table tr td .yelloBox {
    padding: 15px 20px;
  }
}
.course .table_typeA table tr td .yelloBox b {
  color: #643C14;
  font-size: 1.5rem;
}
@media (min-width: 740px) {
  .course .table_typeA table tr td .yelloBox b {
    font-size: 1.6rem;
  }
}
.course .table_typeA ul .marknone {
  list-style-type: none;
}
.course .table_typeA ul .marknone ul {
  padding-left: 0;
  list-style-type: none;
}

.hotel {
  background: #000;
  color: #fff;
  padding-bottom: 50px;
}
.hotel .hotel_ttl span {
  position: relative;
}
.hotel .hotel_ttl span::before {
  content: "";
  background: #fff;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -60px;
}
@media (min-width: 740px) {
  .hotel .hotel_ttl span::before {
    width: 100px;
    left: -120px;
  }
}
.hotel .hotel_ttl span::after {
  content: "";
  background: #fff;
  width: 45px;
  height: 1px;
  position: absolute;
  top: 50%;
  right: -60px;
}
@media (min-width: 740px) {
  .hotel .hotel_ttl span::after {
    right: -120px;
    width: 100px;
  }
}
@media (min-width: 740px) {
  .hotel .hotel_ttl .ttlLv1 {
    margin-top: 40px;
  }
}
.hotel .hotel_ttl .ttlLv1 .heading {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (min-width: 740px) {
  .hotel .hotel_ttl .ttlLv1 .heading {
    font-size: 2.2rem;
  }
}
.hotel .hotel_subTtl .ttlLv2 {
  margin-top: 0;
}
.hotel .hotel_subTtl span {
  position: relative;
  padding-right: 40px;
}
@media (min-width: 740px) {
  .hotel .hotel_subTtl span {
    padding-right: 0;
  }
}
.hotel .hotel_subTtl span .ico {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 38px;
}
@media (min-width: 740px) {
  .hotel .hotel_subTtl span .ico {
    right: -60px;
  }
}
@media (min-width: 740px) {
  .hotel .hotel_list .colWrap {
    justify-content: center;
    gap: 10px;
  }
}
@media (min-width: 740px) {
  .hotel .hotel_list .colWrap .col {
    width: calc(33.3333333333% - 10px);
    margin-left: 0;
  }
  .hotel .hotel_list .colWrap .col:first-of-type {
    margin-left: 0;
  }
}
.hotel .hotel_list .hotel_listBox {
  background: #382800;
  padding: 15px;
}
@media (min-width: 740px) {
  .hotel .hotel_list .hotel_listBox {
    min-height: 290px;
  }
}

.caution .caution_ttl .ttlLv1 {
  background: #CC0000;
}
.caution .caution_ttl .ttlLv1 .heading {
  color: #fff;
  font-size: 2rem;
}
@media (min-width: 740px) {
  .caution .caution_ttl .ttlLv1 .heading {
    font-size: 2.2rem;
  }
}
.caution .caution_box {
  border: 2px solid #cc0000;
  padding: 10px;
}
@media (min-width: 740px) {
  .caution .caution_box {
    padding: 20px;
  }
}