/*********************************** ページ設定***********************************/

html, body{
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #212121;
	background: #c70000;
	font-family: 'Noto Sans JP', sans-serif;
}

a{ word-break: break-all;}/* これがないとaタグがはみ出る */
b{font-weight: 500 !important;}

h1{ }

.point{ background-color: black; color: white;}
.point .row div{ padding: 5px;}
.bg{ background: url(/tour/campaign/live/dish/conifer/2020/img/bg.gif) center / cover;}
.sdw{ box-shadow: 0  0 6px white;}

/*********************************** ページ設定***********************************/

/*********************************** ツアー申込み受付期間設定***********************/
/*
#accept table{ font-size: 20px;}
#accept h2{ background-color: #666; color: white; text-align: center; font-size: 20px; padding: 15px;}
#accept table { background-color: white; width: 100%;}
#accept table tr{ border: 3px solid #666;}
#accept table th { vertical-align: middle !important; text-align: center;line-height: 1.5; background: #666; color: #FFF;}
#accept table td{ text-align: center; vertical-align: middle !important; padding: 20px;}
#accept table tr td div{ display: inline-block;}
#accept b{ font-size: 28px;}
th.pc{ display: table-cell;}
*/
#accept{ margin: 60px 0;}
/*********************************** ツアー申込み受付期間設定***********************/

/*********************************** バスプラン***********************************/

/* .plan_title,.plan{ display: none; font-size: 16px;}  */
#bus input{ display: none;}


.plans{
	border: 3px solid  black;
	background-color: white;
	padding: 15px;
	margin: 0;
	margin-bottom: 1px;
    transition: 0.5s;
}
#bus label{
	display: block;
	margin: 1.5px 0;
	padding: 15px 12px;
	color: white;
	font-weight: bold;
	background-color: black;
	cursor: pointer;
	transition: all 0.5s;
	font-size: 25px;
	cursor: default;
}

#bus .plan_title label{
	display: block;
	margin: 1.5px 0;
	padding: 15px 12px;
	color: #fff;
	background: black;
	cursor: pointer;
	font-size: 25px;
}
/* #bus .plan_title label:hover, */
/* #bus label:hover{ opacity: .8;} */


.plans h5 {
	border-bottom: 1px dashed black;
	color: #f00000;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}
.plans h6{ font-size: 1em; margin-bottom: 5px;}
.ticket{ color: purple; font-size: 0.8em;}
.plans dl { font-weight: bold; font-size: 0.9em;}
.plans dt,.plans dd{ display: inline-block;}
.price{
	text-align: center;
	color: red ;
	font-weight: bold;
}

.plans a{ text-decoration: none;}
.reserve_btn{
	text-align: center;
	padding: 10px 20px;
	margin-top: 10px;
	background-color: ;
	color: white;
	background-color:#ccc;
}
/* .reserve_btn:hover{ opacity: .9; transition: .3s; } */

h3 span.red{
  background: linear-gradient(transparent 70%, #c70000 70%);
  vertical-align: middle;
  font-size: 35px;
  font-weight: bold;
}

/************************* フェードインアニメーション*************************/
#bus input:checked + .plan_title,#bus input:checked + .plan{ display: block; animation-name: fade-in; animation-duration: .5s;}
@keyframes fade-in { /*「fadeIn」と名前をそろえる*/ 0% {opacity: 0} /*アニメーション開始時は完全に透過*/ 100% {opacity: 1} /*アニメーション終了時は透過しない*/ }
@-webkit-keyframes fade-in { 0% {opacity: 0} 100% {opacity: 1} }/*旧 Safari 用のベンダー処理*/
/************************* フェードインアニメーション*************************/

/*********************************** バスプラン***********************************/

/*********************************** ホテルプラン***********************************/

#hotel_plan table{ border: 1px solid #333; width: 100%; text-align: center;}
#hotel_plan th{ background-color: #666; color: white; border: 1px solid #333;}
#hotel_plan td{ background-color: white; border: 1px solid #333;}

#hotel_plan dl dt,
#hotel_plan dl dd{ display: inline-block;}
#hotel_plan .reserve_btn{
	text-align: center;
	padding: 10px 20px;
	margin-top: 10px;
	background-color: #CCC;
	color: white;
}
#hotel_plan .reserve_btn:hover{ opacity: .8;}
#hotel_plan a{ text-decoration: none;}

.box2{ border: 3px solid #6377b2; }

h3 span.yellow{
  background: linear-gradient(transparent 70%, #f5e828 70%);
  vertical-align: middle;
  font-size: 35px;
  font-weight: bold;
}

/*********************************** ホテルプラン***********************************/

/*********************************** フッター***********************************/
.note{ background-color: white; box-shadow: 0 0 3px gray; padding: 20px;}


.sp{  display: none;}

#conditions .midashi{
	background: #212121;
	padding: 20px 0;
	margin: 0;
	color: white;
	text-align: center;
	margin-bottom: 15px;
}
.term{ padding-top: 15px; background-color: ; color: white;}
}
.term h4{ font-size: 16px;}
.term div{ border-bottom: 1px dashed #ccc; padding-bottom: 20px;}
.term div ul li{margin-bottom: 3px;}
.term dl {margin-bottom: 5px;}
.term div {
border-bottom: 1px dashed #ccc;
padding-bottom: 20px;
}

.event .list dl dt{ border-bottom: 1px solid #c70000; border-radius: 3px; vertical-align: middle;}
/*********************************** フッター***********************************/


/*********************************** レスポンシブ ***********************************/

/*********************************************************************/
@media screen and (max-width: 768px){/*Don't Erase This Line！*/
/*********************************************************************/

.pc{  display: none;}
.sp{ display: block;}
.point .row div{ padding: 5px 15px;}
th.pc{ display: none;}
.sp_tx-left{ text-align: left;}
.sp_tx-right{ text-align: right;}

#accept{ margin: 30px 0;}
#accept table tr td div{ display: block;}
#accept h2{ background-color: #666; color: white; text-align: center; font-size: 18px; padding: 15px; margin-bottom: -5px;}
#accept table { background-color: white; width: 100%; font-size: 18px;}
#accept table td{ text-align: center; vertical-align: middle !important; padding: 10px 0; font-size: 13px;}
#accept b{ font-size: 22px;}
h3 span.yellow{
  font-size: 25px;
}

.event .list dl dt{ display: block;}
.event .list dl dd{ display: block;}

/*********************************************************************/
}/*Don't Erase This Line！*/
/*********************************************************************/