* html .cf{zoom:1}
*:first-child+html .cf{zoom:1}

#newsflash{
	display: none !important;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
* html .cf{zoom:1}
*:first-child+html .cf{zoom:1}
.test {border:1px solid #F00;}
li {list-style:none;}
.clr {
	clear: both;
/* macIE*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
/* macIE*/
}

.sp {
	display:none;
}
.pc {
	display: block;
}

#kimetsu2020 a {/*text-decoration: none; */
	color:#666;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

	word-wrap:break-word;

}
#kimetsu2020 a:hover {
	color:#F2594F;
}
#kimetsu2020 a:hover img{
	opacity:0.9;
	filter:alpha(opacity=90);-ms-filter: “alpha( opacity=90 )”;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#kimetsu2020 img {backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.left {float:left;}
.right {float:right;}
.inner{
	width:1060px;
	margin:0 auto;
	position:relative;
	padding:0;
}
/*--------------------------------
main
---------------------------------*/
#kimetsu2020{
	width:100%;
	position: relative;
	background-image:
	url("/static/img/campaign/kimetsu/kimetsu_bg02.png"),
	url("/static/img/campaign/kimetsu/kimetsu_bg01.jpg");
	background-repeat:repeat,repeat;
	padding: 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 62.5%;/*デフォルト10px*/
}
#kimetsu2020 .gothic{
	font-family: YakuHanJP,"ヒラギノ角ゴ Std", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#kimetsu2020 .kimetsu_wrap{
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
#main{
	height: 100%;
	padding: 30px ;
	text-align: center;
}
.flexbox{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.flexbox-bt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#main h1{
	text-align: center;
	font-size: 700%;
	font-weight: bold;
	padding: 20px 0 30px;
}
#main h2{
	line-height: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 308%;
}
#main .mainbg {
	padding: 30px;
	margin: 0 auto 0;
	background: url('/static/img/campaign/kimetsu/mainbg.png'), url('/static/img/campaign/kimetsu/mainbg_rd.png'),url('/static/img/campaign/kimetsu/mainbg_ld.png'),url('/static/img/campaign/kimetsu/mainbg_lu.png'),#fff;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;
	background-position: top right,bottom right,bottom left,top left;
	box-sizing: border-box;
	max-width: 1060px;
	width: 100%;
	color: #DDD;
}
#main .mainbg p{
	text-align: center;
}
#main .mainbg p.lead{
	font-weight: bold;
	font-size: 231%;
	text-align: center;
}
#main img{
	width: 100%;
}
#main .left{
	max-width: 320px;
	width: 32%;
	text-align: center;
}
#main .right{
	max-width: 650px;
	margin: 0;
	width: 68%;
}
#main .right img{
	width: 97%;
	margin: 0 auto;
}
#main .soon{
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 30px 0;
	border-radius: 8px;
	background:#9f1111;
	margin:20px auto 0;
	display: block;
	width: 100%;
	max-width: 1060px;
}
.about{
	width: 100%;
	max-width: 1060px;
	background:#898636;
	display: block;
	padding: 4px 0;
	color: #fff;
	margin: 20px auto 0;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.about_desc{
	width: 100%;
	max-width: 1060px;
	display: block;
	background:#fff;
	padding: 15px 30px;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	border: solid 1px #898636;
	margin: 0 auto;
	text-align: left;
}
.about_desc li{
	margin-top: 8px;
}
.about_desc li:first-child{
	margin-top: 0;
}

/*--------------------------------
共通ボックス
---------------------------------*/
.cont h1{
	font-size: 308%;
	color: #DDD;
}
.cont p{
	font-size: 154%;
}
.cont .ttl{
	background: url(/static/img/campaign/kimetsu/icon01.png) no-repeat 0 center;
	padding-left: 160px;
	margin: 0 0 10px;
	min-height: 129px;
	box-sizing: border-box;
}
.cont .left a{
	background: #3C9DFF;
	border:1px solid #FFF;
	text-align: center;
	font-size: 108%;
	font-weight: bold;
	padding: 20px 0;
	line-height: 100%;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin: 10px 0 0;
}
.cont .right a{
	background: #FF87BD;
	border:1px solid #FFF;
	text-align: center;
	font-size: 154%;
	font-weight: bold;
	padding: 16px 20px;
	line-height: 100%;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	margin: 4px 10px 0 0;
}
.cont .right a span{
	font-size: 80%;
}
#kimetsu2020 .cont {
	margin:0 0 50px;
}
#kimetsu2020 .cont:last-child{
	margin: 0;
}
.intro{
	background: #574277;
	padding: 20px 0;
	margin-top: 30px;
	margin-bottom:30px;
	color: #fff;
}
.intro img{
	width: 177px;
	padding-left: 25px;
	box-sizing: content-box;
}
.intro .intro_txt{
	flex: 1 0 auto;
	padding-left:30px;
	max-width: 842px;
}

.intro .intro_txt h4{
	color: #ffff00;
	font-size: 32px;
	font-weight: bold;
	margin-top: 10px;
}
.intro p{
	font-size: 18px;
	margin-top: 20px;
}
.intro ul{
	margin-top: 10px;
	font-weight: 600;
}
.intro ul i{
	color: #ffff00;
}
.intro ul li{
	margin-top: 10px;
	font-size: 18px;
}
.hr_bold{
	background: #b9b7b4;
	height: 6px;
	margin-top: 0;
}
.hr_thin{
	background: #b9b7b4;
	height: 3px;
	margin-bottom: 0;
}
#kimetsu2020 .ttl{
	width: 100%;
	position: relative;
}
#kimetsu2020 .ttl h1{
flex:1;
	position: relative;
	font-weight: 800;
	font-size: 40px;
}
.ttl.flexbox-bt{
	align-items: center;
	padding-top: 40px;
}
/*--------------------------------
plan
---------------------------------*/
#plan .kimetsu_wrap{
	padding: 0 25px;
}
#plan{
	background: url('/static/img/campaign/kimetsu/kimetsu_bg03.png') repeat;
	padding-bottom: 40px;
}
#plan .ttl img{
	width: 118px;
}
#plan .maparea img{
	flex:1;
	max-width:517px;
	width: 40%;
}
#plan .hotel_link{
	width: 59%;
	padding-left: 20px;
}
#plan .hotel_link a{
	color: #000;
	font-size: 16px ;
	font-weight: 600;
	margin-top: 15px;
	margin-left: 15px;
	display: inline-block;
	text-decoration: underline;
}
#plan .hotel_link a:hover{
	text-decoration: none;
}
.goods_box{
	background: #fff;
	border: solid 1px #7850b4;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 20px;
	width: 100%;
}
.goods_box h5{
	color: #4b2684;
	font-size: 24px;
	font-weight: 800;
	padding-left: 5px;
	position: relative;
	padding-left: 10px;
}
.goods_box h5::before{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background: #4b2684;
	width: 5px;
	height: 24px;
	border-radius: 2.5px;
	display: inline-block;
}
.goods_box p{
	font-size: 14px;
	margin-top: 15px;
}
.goods_box ul{
	line-height: 1.2;
}
.goods_box ul li{
	font-size: 20px;
	margin-top: 15px;
	font-weight: 600;
	display: inline-block;
	position: relative;
	padding-left: 15px;
	margin-right: 55px;
	/* width: 40%; */
}
.goods_box ul li.list-add-img{
	margin-right: 0;
	padding-right: 0;
}
.goods_box ul li.list-add-img img{
	text-align: center;
	margin:0 auto;
}
.goods_box ul li::before{
	content: '◆';
	font-size: 12px;
	color: #986fd6;
	font-weight: 600;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.goods_box ul li.list-add-img::before{
	content: '◆';
	font-size: 12px;
	color: #986fd6;
	font-weight: 600;
	position: absolute;
	top: 5px;
	transform: translateY(0);
	left: 0;
}
.sd_box{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-self: flex-start;
}
.sd_wrap{
	width: 48%;
	text-align: center;
}
.sd_wrap p{
	width: 100%;
	border-radius:4px ;
	padding:4px 0;
	background: #4b2684;
	font-size: 16px;
	font-weight: 800;
	color: #fff;
	margin-top: 20px;
}
.sd_wrap img{
	/* max-height: 200px; */
	width: 80%;
	margin-top: 10px;
	max-width: 354px;
}
.sd_wrap img.one_sd{
	max-width: 125px;
	width: 25%;
}

/*--------------------------------
valued
---------------------------------*/
#valued{
	padding:0 25px;
}
#valued .ttl img{
	width: 120px;
}
.valued_desc{
	font-size: 14px;
	margin-top: 20px;
}
.valued_desc span{
	font-size: 20px;
	font-weight: 800;
}
#valued table{
	width: 100%;
	outline: solid 2px #645778;
	margin-top: 20px;
}
#valued table th {
	background: #645778;
	padding: 20px 0;
	width: 25%;
	box-sizing: border-box;
	border-left: solid 2px #fff;
	text-align: center;
	color: #fff;
	font-weight: 800;
	font-size: 18px;
}
#valued table th:first-child,#valued table td:first-child{
	border-left: none;
}

#valued table td {
	background: #eeebf3;
	padding: 20px 0;
	width: 25%;
	box-sizing: border-box;
	border-left: solid 2px #fff;
	border-top: solid 2px #fff;
	text-align: center;
	color: #645778;
	font-weight: 800;
	font-size: 20px;
	vertical-align: middle;
}
#valued table td span{
	color: #ff0000;
	font-weight: 800;
	font-size: 20px;
	display: block;
}
#kimetsu2020 .col_dp{
	background: #645778;
}
#kimetsu2020 .col_dp_desc{
	border: solid 1px #645778;
}
#kimetsu2020 .col_dp_desc span{
	color:#e30404;
	font-weight: 800;
}
/*--------------------------------
contact
---------------------------------*/
#kimetsu2020 #contact{
	margin-top: 50px;
	padding:0 25px 80px 25px;
}
#kimetsu2020 .white-box{
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 30px;
}
#kimetsu2020 #contact h5{
	color: #bf1313;
	font-size: 18px;
	font-weight: 800;
}
#kimetsu2020 .white-box p{
	font-size: 14px;
	margin-top: 10px;
}
#kimetsu2020 .white-box p span{
	font-weight: 700;
}
#kimetsu2020 .white-box p a{
	color: #0263bd;
}

@media screen and (min-width: 751px){
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
}
/*--------------------------------
OPEN
---------------------------------*/
#kimetsu2020 .btn_kimetsu{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 15px 5px;
	border-radius: 8px;
	margin:20px auto 0;
	display: block;
	width: 100%;
	max-width: 600px;
}
#kimetsu2020 .btn_kimetsu span{
	font-size: 26px;
}
#kimetsu2020 .btn_kimetsu.submit_btn{
	background:#00b132;
	color: #fff;
}
#kimetsu2020 .btn_kimetsu.submit_btn:hover{
	background:#12cb46;
	color: #fff;
	text-decoration: none;
}
#kimetsu2020 .btn_kimetsu.calendar_btn{
	background:#da6100;
	color: #fff;
}
#kimetsu2020 .btn_kimetsu.calendar_btn:hover{
	background:#fa7306;
	color: #fff;
	text-decoration: none;
}
#kimetsu2020 #plan_attention{
	margin-top: 60px;
	padding: 0 25px;
}
#plan_attention .ttl img{
	width: 120px;
}
#kimetsu2020 #plan_attention h5{
	color: #bf1313;
	font-size: 24px;
	font-weight: 800;
}
#kimetsu2020 .kimetsu_info{
	margin-top: 30px;
	background: #fff;
	padding: 25px 30px;
	box-sizing: border-box;
}
#kimetsu2020 .kimetsu_info h3{
	font-size: 26px;
	font-weight: 600;
	color: #df1f09;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: double 4px #df1f09;
}
#kimetsu2020 .kimetsu_info p{
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	text-align: left;
	color: #444;
	line-height: 1.4;
}
#kimetsu2020 .kimetsu_info p span{
	font-weight: 600;
	font-size: 17px;
	color: #000;
}
@media only screen and (max-width:750px){
	#kimetsu2020 .btn_kimetsu{
		font-size: 13px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		padding: 15px 10px;
		border-radius: 8px;
		margin:20px auto 0;
		display: block;
		width: 100%;
		max-width: 600px;
	}
	#kimetsu2020 .btn_kimetsu span{
		font-size: 20px;
	}
}

/*--------------------------------
モバイル
---------------------------------*/
@media only screen and (max-width:750px){
	#kimetsu2020 {
		background-size: contain;
	}
	#kimetsu2020 img {
		width:100%;
	}
	.left,
	.right,
	section h2 {
		float:none;
		padding:5px 10px;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.inner{
		width:100%;
		max-width:420px;
		box-sizing:border-box;
		padding:0 10px 0;
		margin:0 auto;
	}
	#kimetsu2020{
		width:100%;
		background-size: contain;
		padding: 0 0 0;
	}
	#kimetsu2020 .kimetsu_wrap{
		width:100%;
		max-width: 600px;
	}
	#main{
		padding: 0 20px ;
	}
	#main h1{
		text-align: center;
		font-size: 170%;
		margin: 10px 0 0;
	}
	#main .mainbg {
		padding: 20px;
		margin: 0 auto 0;
		box-sizing: border-box;
		width: 100%;
	}
	#main .mainbg p.lead{
		font-size: 154%
	}
	#main img{
		width: 100%;
	}
	#main h1 img{
		width: 100%;
		margin: 10px 0 0;
	}
	#main .left{
		width: 100%;
		text-align: center;
		padding: 0;
		max-width: 100%;
	}
	#main .left img{
	}
	#main .right{
		margin: 0 0 0;
		width: 100%;
		padding: 0;
	}
	#main .right img{
		margin-top: 20px;
		padding-bottom:20px;
		width: 100%;
	}
	#main .soon{
		font-size: 20px;
		padding: 20px 10px;
		margin:20px auto 0;
	}
	.about{
		font-size: 18px;
	}
	.about_desc{
		padding: 15px 20px;
		font-size: 14px;
		line-height: 1.5;
	}
	.about_desc li{
		margin-top: 8px;
	}
	.about_desc li:first-child{
		margin-top: 0;
	}

	.intro{
		padding: 20px 25px;
	}
	.intro .flexbox-bt{
		display: block;
		text-align: center;
	}
	.intro img{
		width: 155px;
		padding-left: 0;
		margin: 0 auto;
	}
	.intro .intro_txt{
		padding-left:0;
		text-align: left;
	}
	.intro .intro_txt h4{
		font-size: 25px;
		margin-top: 15px;
	}
	.intro p{
		font-size: 16px;
		margin-top: 12px;
	}
	.intro ul li{
		margin-top: 7px;
		font-size: 16px;
	}

	#kimetsu2020 .ttl{
		width: 100%;
		position: relative;
	}
	#kimetsu2020 .ttl h1{
		font-size: 27px;
	}
	.ttl.flexbox-bt{
		padding-top: 30px;
	}
/*--------------------------------
plan
---------------------------------*/
#plan .ttl img{
	width: 80px;
}
#plan .maparea{
	display: block;
}
#plan .maparea img{
	width: 100%;
}
#plan .hotel_link{
	width: 100%;
	padding-left: 0;
}
#plan .hotel_link a{
	font-size: 15px ;
	margin-top: 8px;
	margin-left: 10px;
}
.goods_box h5{
	color: #4b2684;
	font-size: 18px;
	font-weight: 800;
	padding-left: 5px;
	position: relative;
	padding-left: 10px;
}
.goods_box h5::before{
	height: 100%;
}
.goods_box p{
	font-size: 13px;
	line-height: 1.4;
}
.goods_box ul li{
	font-size: 16px;
	margin-top: 8px;
	margin-right: 20px;
	width: auto;
}
.sd_box{
	display: block;
}
.sd_wrap{
	width: 100%;
}
.sd_wrap p{
	width: 100%;
	font-size: 15px;
	margin-top: 15px;
}
.sd_wrap img{
	max-height: 100%;
	width: 80%;
	margin-top: 10px;
	max-width: 320px;
}
.sd_wrap img.one_sd{
	/* max-width: 200px; */
	width: 30%;
}

/*--------------------------------
valued
---------------------------------*/
#valued .ttl img{
	width: 80px;
}
.valued_desc{
	font-size: 14px;
	margin-top: 10px;
}
.valued_desc span{
	font-size: 16px;
}
#valued table th {
	padding: 10px 5px;
	font-size: 13px;
	vertical-align: middle;
}
#valued table td {
	padding: 10px 5px;
	font-size: 13px;
}
#valued table td span{
	color: #ff0000;
	font-weight: 800;
	font-size: 14px;
	display: block;
}

/*--------------------------------
contact
---------------------------------*/
#kimetsu2020 #contact{
	margin-top: 50px;
	padding-bottom: 80px;
}
.white-box{
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 30px;
}
#kimetsu2020 #contact h5{
	color: #bf1313;
	font-size: 18px;
	font-weight: 800;
}
#kimetsu2020 .white-box p{
	font-size: 14px;
	margin-top: 10px;
}
#kimetsu2020 .white-box p span{
	font-weight: 700;
}
#kimetsu2020 .white-box p a{
	color: #0263bd;
}
}



/*--------------------------------
Calendar
---------------------------------*/
#kimetsu2020.calendar{
	font-size: 14px;
	padding-bottom: 80px;
}
#kimetsu2020.calendar .kimetsu_wrap{
	padding: 25px;
}
#kimetsu2020.calendar .about{
	font-size: 20px;
	padding: 8px;
}
#kimetsu2020.calendar .about_desc{
	font-weight: normal;
}
#kimetsu2020.calendar h2{
	margin-top: 50px;
	padding: 5px 10px;
  border-left: 8px double #000;
	/* background: #f4f4f4; */
	font-size: 40px;
	font-weight: 600;
}

#kimetsu2020.calendar h4{
	margin-top: 40px;
	text-align: left;
	font-size: 24px;
	font-weight: 800;
	margin: 20px 0 0;
}
#kimetsu2020.calendar h4.jan{
	color: #324d88;
}
#kimetsu2020.calendar h4.feb{
	color: #cc1212;
}
#kimetsu2020.calendar h4.mar{
	color: #0f691b;
}
#kimetsu2020.calendar table{
	background: #fff;
	margin-top: 10px;
	width: 100%;
	font-size: 14px;
	line-height: 1.2;
	border-radius: 4px;
}
#kimetsu2020.calendar .jan table{
	outline: #4c5c80 solid 1px;
}
#kimetsu2020.calendar .feb table{
	outline: #a50b0b solid 1px;
}
#kimetsu2020.calendar .mar table{
	outline: #0f691b solid 1px;
}
#kimetsu2020.calendar th,.calendar td{
	padding: 5px 10px ;
}
#kimetsu2020.calendar tr{
	border-bottom: #b7b7b7 solid 1px;
}
#kimetsu2020.calendar tr:last-child{
	border-bottom:none;
}
#kimetsu2020.calendar .sp th{
	width: 100%;
	color: #fff;
	font-size: 15px;
}
#kimetsu2020.calendar .sp.jan th{
	background: #4c5c80;
}
#kimetsu2020.calendar .sp.feb th{
	background: #a50b0b;
}
#kimetsu2020.calendar .sp.mar th{
	background: #0f691b;
}
#kimetsu2020 .hotel_name{
	width: 70%;
	/* background: rgb(251, 251, 251); */
	border-right: #b7b7b7 solid 1px;;
}
#kimetsu2020 .hotel_day{
	width: 30%;
	text-align: center;
}
#kimetsu2020.calendar tr:nth-child(even){
	background: #f5f5f5;
}
#kimetsu2020.calendar .pc{
	overflow: scroll;
	overflow-y: hidden;
}
#kimetsu2020.calendar .pc table{
	min-width: 900px;
}
#kimetsu2020.calendar .pc tr:first-child{
	color:#fff;
	font-size: 12px;
	font-weight: normal;
}
#kimetsu2020.calendar .pc tr:first-child th{
	border-left: solid #a7a7a7 1px;
	text-align: center;
	vertical-align: middle;
}
#kimetsu2020.calendar .pc tr:first-child th:first-child{
	border-left: none;
}
#kimetsu2020.calendar .pc.jan tr:first-child{
	background: #4c5c80;
}
#kimetsu2020.calendar .pc.feb tr:first-child{
	background: #a50b0b;
}
#kimetsu2020.calendar .pc.mar tr:first-child{
	background: #0f691b;
}
#kimetsu2020.calendar .pc td{
	width: 7.5%;
	text-align: center;
	vertical-align: middle;
	border-left: solid #a7a7a7 1px;
}
#kimetsu2020.calendar .pc td:first-child{
	background: #5d5d5d;
	color: #fff;
	width: 10%;
	border-left: none;
}

#kimetsu2020.calendar tr td.cross{
	background:#FADDE6;
}

#kimetsu2020.calendar tr td.add_day{
	background:#f9dd91;
}
@media screen and (min-width: 751px){
.txt-goods-benefit{text-align: right;}
	}

.btn-pdf{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background: #bf1a20;
  border: 1px solid #bf1a20;
	border-radius: 8px;
  box-sizing: border-box;
  padding: 10px 0;
  color: #FFF!important;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
	margin: 20px auto 0;

}
.btn-pdf i{
	font-size: 20px;
	margin-left: 10px;
}

.btn-pdf:hover {
	opacity: 0.7;
	text-decoration: none;
}
@media screen and (min-width: 751px){
.btn-pdf{
  width: 30%;
	float: right;
	margin-top: 0;


}
	}



.title-hotelarea{
	color: #4b2684;
	font-size: 24px;
	font-weight: 800;
	padding-left: 5px;
	position: relative;
	padding-left: 10px;
}
.title-hotelarea:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #4b2684;
    width: 5px;
    height: 24px;
    border-radius: 2.5px;
    display: inline-block;
}
.row-hotel .card-plan-01 dt{
	font-size: 18px;
	color: #4b2684;
	margin-bottom: 6px;
}
.row-hotel .card-plan-01 dd{
	padding: 0;
}
.row-hotel .card-plan-01 dd.dd-access{
	font-size: 80%;
}
.row-hotel .card-plan-01 dd.dd-day{
	font-size: 80%;
	margin-top: 6px;
	font-weight: bold;
}
.row-hotel .card-plan-01 dd.dd-btn{
	background: #00b132;
    color: #fff;
    text-align: center;
    padding: 12px 5px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
}
.row-hotel .card-plan-01 dd.dd-btn.dd-btn-two{
	padding:0;
}
.row-hotel .card-plan-01 dd.dd-btn.dd-btn-two a{
	display: block;
    padding: 12px 5px;
    border-radius: 8px;
	color: #fff !important;
	text-decoration: none;
}
.row-hotel .card-plan-01 dd.dd-btn.dd-btn-end{
	background:#ccc;
	color: #666;
}
.row-hotel.row-end .card-plan-01{
	pointer-events: none;
}
.row-hotel.row-end .card-plan-01:hover{
	background:#fff;
}
.row-hotel .card-plan-01 dd.dd-btn a:hover{
	background: #12cb46;
}
.row-hotel.row-end .card-plan-01 dd.dd-btn{
	background:#ccc;
	color: #666;
}
@media only screen and (max-width:750px){

.row-hotel .card-plan-01 dt{
	font-size: 16px;
}
.row-hotel .card-plan-01 dd.dd-btn{
    padding: 8px 5px;
}
}