@charset "UTF-8";

/*  Clearfix
========================================== */
/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }


/* Text style
========================================== */

/* Font size */
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }


/*  Margin
========================================== */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.chef .course-wrap * { box-sizing: border-box; }

em{ font-style: normal; }

/* 全体
----------------------------------------------------- */

.contentsInr.chef{
  width: 100%;
  min-height: auto;
  font-size: 16px;
  color: #323232;
}
.contentsInr .chefwrap{
  width: 950px;
  margin: 10px auto 50px;
}


/* 共通
----------------------------------------------------- */

.flexbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.txt-c{ text-align: center; }

.indent li{
  text-indent: -15px;
  padding-left: 15px;
}
p.indent{
  text-indent: -15px;
  padding-left: 15px;
}

/* main
----------------------------------------------------- */

.contentsInr.chef section > section{
  width: 950px;
  margin: 10px auto 50px;
}
.contentsInr.chef .guide{
  width: 850px;
  margin: 70px auto;
}
.course-wrap{
  width: 100%;
  padding-bottom: 90px;
  background: #e8f3d3;
}
.course-wrap.overview{
  padding-bottom: 40px;
}
.course-wrap h3{
  width: 100%;
  background: #86b746;
}
.course-wrap h3 img{
  width: auto;
  margin: 0 auto;
  display: block;
}

/* mv */
.mv-bg{
  width: 950px;
  height: auto;
  margin: 0 auto 80px;
}
.mv-bg .txtno{
  display: none;
}

.point-wrap{
  width: 950px;
  margin: 50px auto 0;
  background: #fff;
  border-radius: 10px;
  position: relative;
  z-index: 0;
}

/* コースのポイント1 */
section.course-point1{
  padding: 50px 0;
}
.course-point1 h4 + p{
  margin: 10px 35px 30px 165px;
}
.course-point1 .flexbox{
  width: 850px;
  margin: 0 auto;
  background: url(/domtour/kat/event_chef/images/bg_point1_01.jpg) left 35px bottom no-repeat;
}
.course-point1 figcaption,
.course-point2 figcaption{
  line-height: 1.6;
  margin-top: 10px;
}
.course-point1 figcaption span,
.course-point2 figcaption span{
  font-weight: bold;
}
.course-point1 figcaption span em,
.course-point2 figcaption span em{
  font-size: 18px;
  display: inline;
  font-style: normal;
}
.course-point1 a{
  margin: 10px 0 0;
  padding: 7px 30px;
  font-weight: bold;
  background: #21800C;
  color: #fff;
  border-radius: 15px;
  display: inline-block;
}
.course-point1 .wine{
  width: 530px;
  border: 1px solid #21800C;
  padding: 5px 0;
}
.course-point1 .wine .line{
  border-top: 1px solid #21800C;
  border-bottom: 1px solid #21800C;
  padding: 45px 0 20px;
}
.course-point1 .wine .line img{
  display: block;
  margin: 0 auto;
}
.course-point1 .sttl{
  width: 480px;
  margin: 0 auto 10px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background: #74AE2F;
}
.course-point1 .winelist{
  width: 480px;
  margin: 0 auto;
}
.course-point1 .winelist em{
  color: #21800C;
  font-weight: bold;
}
.course-point1 .winelist .fs12{
  margin-bottom: 7px;
}

/* コースのポイント2 */
section.course-point2{
  padding: 50px 0;
}
.course-point2 h4 + p{
  margin: -25px 0 30px 165px;
}
.course-point2 .flexbox{
  position: relative;
}
.course-point2 .txt-wrap{
  width: 410px;
  margin-left:165px;
  margin-top: -10px;
}
.course-point2 .txt-wrap h5{
  font-size: 22px;
  font-weight: bold;
  color: #FF6500;
  margin-bottom: 5px;
}
.course-point2 .img-wrap{
  width: 292px;
  margin: -130px 45px 0 0;
}
.course-point2 .decoration{
  margin: 0 auto;
  position: absolute;
  bottom: -125px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  z-index: -1;
}

/* コースのポイント3 */
section.course-point3{
  padding: 50px 0;
}
.course-point3 .flexbox{
  width: 850px;
  margin: 30px auto 0;
}
.course-point3 figcaption{
  margin: 5px 0 0;
  text-align: right;
  font-size: 12px;
}

/* コースのポイント4 */
section.course-point4{
  padding: 50px 0;
}
.course-point4 h4 + p{
  margin: -25px 0 30px 165px;
}
.course-point4 .img{
  margin: -100px auto 0;
  display: block;
}

/* コースのポイント5 */
section.course-point5{
  padding: 50px 0;
  background: url(/domtour/kat/event_chef/images/bg_point5_01.jpg) right top no-repeat;
}
.course-point5 h4 + p{
  margin: -25px 0 30px 165px;
}
.course-point5 .flexbox{
  width: 590px;
  margin: 0 auto;
}
.course-point5 .flexbox img{
  margin: 0 auto 8px;
  display: block;
}

/* コースの概要 */

.contentsInr.chef section > section.details{
  width: 950px;
  padding: 35px 50px;
  margin: 50px auto;
  background: #fff;
  border-radius: 10px;
  position: relative;
  z-index: 0;
}
.details .flexbox{
  width: 730px;
}
.details .flexbox dl dt{
  margin: 0 0 3px;
  display: inline-block;
  font-weight: bold;
  float: left;
  clear: left;
}
.details .flexbox dl dt:before{
  content: "\25CF";
  color: #84BD0F;
  display: inline-block;
  padding-right: 3px;
}
.details .flexbox dl dd{
  margin: 0 0 3px;
  display: inline-block;
  float: left;
}
.details .flexbox dl:first-child{
  width: 220px;
}
.details .flexbox dl:last-child{
  width: 495px;
}

.details h4{
  font-size: 22px;
  margin: 30px 0 20px;
  padding: 6px 0;
  text-align: center;
  background: #84BD0F;
  color: #fff;
  border-radius: 5px;
}
.details .schedule dl{
  width: 100%;
}
.schedule dl dt{
  width: 26%;
  padding: 2px 0;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
}
.schedule dl dt span{
  width: 100%;
  padding: 2px 0;
  border-radius: 3px;
  background: #B4A449;
  color: #fff;
  display: block;
}
.schedule dl dt.two span{
  height: 50px;
  padding: 12px 0 0;
}
.schedule dl dd{
  width: 74%;
  padding: 3px 0 0 20px;
}
.schedule dl dt:not(.last):after{
  content: "\25BC";
  display: block;
  color: #84BD0F;
  text-align: center;
  font-size: 12px;
}
.price strong{
  display: block;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #d52114;
}
.price strong span{
  font-size: 24px;
}
.price strong + p{
  margin: 10px 0 25px;
  text-align: center;
}
.price .flexbox{
  width: 670px;
  margin: 0 auto;
}
.price .flexbox p{
  width: 30%;
  padding: 52px 0 0;
  text-align: center;
  border-radius: 15px;
  border: 1px solid #000;
}
.price .flexbox ul{
  width: 70%;
}
.price .flexbox ul li{
  text-indent: -10px;
  padding-left: 40px;
  line-height: 1.4;
}
.price .flexbox ul li:before{
  content: "\25CF";
  display: inline-block;
  padding:3px;
  font-size: 
}

/* GOTOトラベルキャンペーンについて */
section.about,section.checklist{
  background: #fff;
  border-radius: 10px;
}
.about h4,
.checklist h4{
  margin: 0 auto;
  padding: 10px 0;
  background: #d52114;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.about .txt-wrap,
.checklist .txt-wrap{
  padding: 50px;
  font-size: 14px;
}
.about h5,
.checklist h5{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: bold;
  color: #d52114;
}

.about dl{
  width: 33%;
  float: left;
  font-weight: bold;
  border-top: 1px solid #323232;
  border-right: 1px solid #323232;
  border-left: 1px solid #323232;
}
.about dl dt{
  width: 58%;
  padding: 5px 3px 5px 8px;
  border-bottom: 1px solid  #323232;
}
.about dl dd{
  width: 42%;
  padding: 5px 3px 5px 8px;
  text-align: right;
  border-bottom: 1px solid  #323232;
}
.about .wrap{
  width: 64%;
  float: right;
}
.txtLink.iconOther {
  margin: 0 6px 0 0;
  padding-left: 0;
  padding-right: 13px;
  background: url(/commonY15/img/icon_ext_red_01.png) right 0 top 6px no-repeat;
}
.mark li:before{
  content: "\25CF";
  display: inline-block;
  color: #84BD0F;
  font-size: 12px;
  padding-right: 3px;
}
.mark li{
  margin-bottom: 5px;
  text-indent: -7px;
  padding-left: 17px;
}
.mark li.red{
  color: #d52114;
}
.mark li.red:before{
  content: "\25CF";
  color: #d52114;
}
.checklist .attention {
  color: #d52114;
  border: 1px solid #d52114;
  background: #FFFFCB;
  padding: 26px 30px 18px;
}
.checklist .attention em{
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
.checklist .attention ul li{
  margin-top: 3px;
}

/* ご応募方々のご案内 */
section.guide {
  background: #e8f3d3;
  padding: 25px;
}
.guide .wrap{
  padding: 30px 45px;
  background: #fff;
  position: relative;
}
.guide .wrap h4{
  position: absolute;
  top: -42px;
}

.guide .wrap h5{
  display: inline-block;
  background: linear-gradient(transparent 53%, #F2E47E 0%);
  font-weight: bold;
  margin: 15px 0 10px;
}
.guide .wrap h4 + h5{
  margin-top: 35px;
}
.guide .wrap h5 + p span{
  color: #21800C;
  display: inline-block;
  padding-right: 3px;
}
.otherlink{
  margin-left: 10px;
  padding: 7px 20px 8px!important;
}
.otherlink img{
  width: 13px;
  display: inline-block;
  margin-right: 10px;
}
.banner{
  width: 850px;
  margin: 0 auto 100px;
}

/* コロナ拡大傾向により延期のための追加文言 */

.attention-add{
  white-space: pre-line;
}
.attention-add.top{
  width: 906px;
  margin: 10px auto 50px;
  padding: 20px;
  border: 4px double #d52114;
  color: #d52114;
}
.attention-add.top span{
  font-weight: bold;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 18px;
  border-bottom: 1px dotted #d52114;
}

.schedule .attention-add{
  width: 100%;
  margin-top: 10px;
  padding: 15px;
  border: 4px double #d52114;
  color: #d52114;
  font-size: 15px;
  text-indent: -15px;
  padding-left: 30px;
}

.guide .attention-add{
  margin-top: 30px;
}