@charset "UTF-8";
/* 年末年始特集用CSS */
/* このCSSはテンプレートCSS（lp-temp.css）の上書きになります */


/*=======================================
	メインビジュアル
=======================================*/
.nenmatsu .mainvisual {
  height: 500px;
  background: url("../img/main.jpg") top center;
	position: relative;
}
.nenmatsu .mainvisual .calendar {
	padding: 3px;
	display: flex;
	justify-content: center;
	width: 660px;
	position: absolute;
	bottom: 20px;
	left: calc(50% - 330px);
}
.nenmatsu .mainvisual .calendar li {
	width: 50px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	background: #FFF;
	border-top: 2px solid #c59848;
	border-bottom: 2px solid #c59848;
	border-left: 1px solid #c59848;
	border-right: 1px solid #c59848;
}
.nenmatsu .mainvisual .calendar li:first-child {
	border-left: 2px solid #c59848;
}
.nenmatsu .mainvisual .calendar li:last-child {
	border-right: 2px solid #c59848;
}
.nenmatsu .mainvisual .calendar li.wide {
	width: 80px;
}
.nenmatsu .mainvisual .calendar li.sat {
	background: #19448e;
	color: #FFF;
}
.nenmatsu .mainvisual .calendar li.sun {
	background: #DD0000;
	color: #FFF;
}
@media screen and (max-width:768px) {
  .nenmatsu .mainvisual {
    background: url("../img/main-sp.jpg") top center;
  }
	
.nenmatsu .mainvisual .calendar {
	flex-wrap: wrap;
	width: 352px;
	left: calc(50% - 176px);
}
.nenmatsu .mainvisual .calendar li {
	width: 45px;
	margin: 0 0 4px 0;
}
.nenmatsu .mainvisual .calendar li:nth-child(7){
	border-right: 2px solid #c59848;
}
.nenmatsu .mainvisual .calendar li:nth-child(8){
	border-left: 2px solid #c59848;
}
.nenmatsu .mainvisual .calendar li.wide {
	width: 75px;
}
}
/*=======================================
	リード
=======================================*/
.nenmatsu .lead h1 {
	font-weight: 500;
	letter-spacing: 2px;
}
.nenmatsu .lead .catch-txt {
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 500;
	color: #19448e;
}
.nenmatsu .lead strong {
	font-weight: 500;
	color: #19448e;
}
.nenmatsu .lead .txt {
	letter-spacing: 1px;
}
/*=======================================
	インフォメーション
=======================================*/
.nenmatsu .info dl {
  background: #f8f4e6 url("../img/bk-asanoha.png");
}
.lp-temp .info dt::after {
	background: #c59848;
}
.nenmatsu .info.about-covid ul li {
	border: 2px solid #c59848;
}
.nenmatsu .info.about-covid ul li::after {
	border-top: 5px solid #19448e;
	border-bottom: 5px solid #f8f4e6;
	border-left: 5px solid #19448e;
	border-right: 5px solid #f8f4e6;
	bottom: -2px;
	right: -2px;
}
.nenmatsu .info.about-covid ul li .midashi {
	color: #19448e;
}
.nenmatsu .info.about-covid .note {
	color: #19448e;
}
.nenmatsu .info.about-covid .btn a {
	border:1px solid #19448e;
	color: #19448e;
}
.nenmatsu .info.about-goto .btn a {
	background: #19448e;
}
/*=======================================
	おすすめポイント
=======================================*/
.nenmatsu .point {
  background: #096dd1;
  /*background: #d13209;*/
}

.nenmatsu .point h2{
	color: #FFF;
}
.nenmatsu .point p{
	color: #FFF;
}

.nenmatsu .point h3 {
  color: #ffffff;
  background-color: #054a91; /* #096dd1 より濃い青 */
  padding: 8px 12px;
}
.nenmatsu .txt-box p {
  background-color: #ffffff;
  color: #000000;
  padding: 10px 8px;
  min-height: 150px; /* ← 高さを揃える */
}

.nenmatsu .point img {
	border: 3px solid #c59848;
	background: #FFF;
}
/*=======================================
	出発地絞り込み
=======================================*/
.nenmatsu .dep-select li {
	background: #f8f4e6;
}
.nenmatsu .dep-select li:hover {
	background: #c59848;
	opacity: 1;
	transition: 0.3s;
}
.nenmatsu .dep-select li.active {
	background: #d13209;
}
@media screen and (max-width:768px) {
	.lp-temp .dep-select {
		border: 1px solid #c59848;
	}
}
/*=======================================
	テーマで絞り込む（タブ切り替え）
=======================================*/
.nenmatsu .tabs li a {
	background: #f8f4e6;
}
.nenmatsu .tabs li a:hover {
	background: #c59848;
	opacity: 1;
	transition: 0.3s;
}
.nenmatsu .tabs li.active a {
	background: #d13209;
}
/*タブの中身*/
.nenmatsu .tab-wrap {
  background: #f8f4e6 url("../img/bk-asanoha.png");
}
/*=======================================
	テーマ別おすすめツアー
=======================================*/
/*slickの上書き（共通）*/
.nenmatsu .slick-dots li button::before {
  color: #c59848;
}
/*---------------------------------------
	ツアー＿AType（１カラム）
---------------------------------------*/
.nenmatsu .tour-a {
	background: #FFF;
	border: 3px solid #c59848;
}
.nenmatsu .tour-a .mark {
	background: #d13209;
}
.nenmatsu .tour-a .ico li {
	background: #59b9c6;
}
.nenmatsu .tour-a .dep-btn li a {
	background: #19448e;
}

/*---------------------------------------
	ツアー＿BType（３カラム）
---------------------------------------*/
.nenmatsu .tour-b .areaname {
	background: #c59848;
}
/*6000円*/
.nenmatsu .tour-b .ico li {
	background: #f24646;
	width: 100%;
}
/*3500円*/
.nenmatsu .tour-b .ico2 li {
	background: #43a628;
	width: 100%;
}
/*1500円*/
.nenmatsu .tour-b .ico3 li {
	background: #59b9c6;
	width: 100%;
}
.nenmatsu .tour-b .dep-btn li a {
	background: #19448e;
}
/*=======================================
	テーマ別おすすめホテル
=======================================*/
/*---------------------------------------
	ホテル＿AType
---------------------------------------*/
.nenmatsu .hotel-a {
	background: #FFF;
	border: 3px solid #c59848;
}
.nenmatsu .hotel-a .ico li {
	background: #59b9c6;
}
.nenmatsu .hotel-a .ico2 li {
	background: #59b9c6;
}
.nenmatsu .hotel-a .ico3 li {
	background: #59b9c6;
}
.nenmatsu .hotel-a .dep-btn li a {
	background: #19448e;
}
@media screen and (max-width:768px) {
.nenmatsu .hotel-a {
	border-left: none;
	border-right: none;
}
}
/*---------------------------------------
	ホテル＿BType
---------------------------------------*/
.nenmatsu .hotel-b {
	background: #FFF;
	border: 3px solid #c59848;
}
.nenmatsu .hotel-b .ico li {
	background: #59b9c6;
}
.nenmatsu .hotel-b .ico2 li {
	background: #59b9c6;
}
.nenmatsu .hotel-b .ico3 li {
	background: #59b9c6;
}
.nenmatsu .hotel-b .dep-btn li a {
	background: #19448e;
}
/*=======================================
	テーマ別人気ランキング
=======================================*/
.nenmatsu .ranking .img-box span {
	    background: #c59848;
}
.nenmatsu .ranking .img-box span::before {
  border-left: 20px solid #c59848;
  border-right: 20px solid #c59848;
}
.nenmatsu .ranking .img-box img {
	border: 3px solid #c59848;
}
.nenmatsu .ranking .box-wrap .box:first-of-type .img-box span {
	    background: #d13209;
}
.nenmatsu .ranking .box-wrap .box:first-of-type .img-box span::before {
  border-left: 20px solid #d13209;
  border-right: 20px solid #d13209;
}
.nenmatsu .ranking .dep-btn li a {
	background: #19448e;
}
/*=======================================
	よくある質問
=======================================*/
.nenmatsu .faq li {
  border-bottom: 1px dotted #c59848;
}

/*=======================================
	その他特集
=======================================*/
.nenmatsu .other-special .link-btn a {
	background: #19448e;
}
.nenmatsu .faq .que {
	background: #f8f4e6;
}
.nenmatsu .faq .que span {
  color: #c59848;
}
.nenmatsu .faq .ans span.icon {
	background: #c59848;
	color: #FFF;
}


/*=======================================
  キャンペーンのテーブルタグ
=======================================*/
.nenmatsu .table table{
  width: 100%;
  border-collapse: collapse;
}

.nenmatsu .table table tr{
  border-bottom: solid 2px white;
}

.nenmatsu .table table tr:last-child{
  border-bottom: none;
}

.nenmatsu .table table th{
  position: relative;
  width: 20%;
  background-color: #52c2d0;
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
}

/* 見出し右側の三角 */
.nenmatsu .table table th:after{
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.nenmatsu .table table td{
  width: 40%;
  background-color: #eee;
  border-right: solid 2px white;
  padding: 10px 15px;
  text-align: left;
}

/* ボタン */
.lp-temp .table .btn{
  max-width: 600px;
  margin: 10px auto 0;
  text-align: center;
  display: block;
  white-space: normal;
}

.lp-temp .table .btn a{
  display: block;
  background-color: #00B900;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  padding: 12px 0;
  border-radius: 3px;
  text-decoration: none;
}

.lp-temp .table .btn a::after{
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: bold;
  margin-left: 10px;
}


/*=======================================
  キャンペーンのバナー
=======================================*/
.banner {
  width: 500px;
  margin: 0 auto;           /* 中央配置 */
  display: flex;
  justify-content: center;  /* 横方向中央 */
  align-items: flex-start;  /* 上寄せ（＝予約を上に） */
}

.banner img {
  width: 100%;
  height: auto;             /* 縦は自動 */
  display: block;
}
.banner {
  max-width: 100%;
}