@charset "utf-8";
/*

 	MCでよく使うTDR、USJ、ベースとなるデザインのCSS

	-reset
	-common
	-tdr
	-usj

*/

/* ======================================

        reset

========================================= */
/* .plan-info h1, ※h1は動的部分にあるので無視 */

.plan-info{
	position:relative;
	line-height: 1.6;
	font-size:14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
.plan-info:after{
	content:"";
	display:block;
	clear:both;
}
.plan-info h2,
.plan-info h3,
.plan-info h4,
.plan-info h5,
.plan-info h6,
.plan-info ul,
.plan-info ol,
.plan-info li,
.plan-info dl,
.plan-info dt,
.plan-info dd,
.plan-info p,
.plan-info a,
.plan-info div,
.plan-info img{
	float:none;
	margin:0;
	padding:0;
}
.plan-info h2,
.plan-info h3,
.plan-info h4,
.plan-info h5,
.plan-info h6,
.plan-info dt,
.plan-info li{
	line-height: 1.4;
}

.plan-info img{
	display:block;
	max-width:100%;
	height:auto!important;
	margin:auto;
}
.plan-img-left{
	margin:0!important;
}
.plan-info a{
	vertical-align:middle;
}
.plan-info p + p{
	margin-top:10px;
}
.plan-info em{
	color:#EB0003;
	font-weight:bold;
	font-style:normal;
}
/* ol ＆ li */
.plan-info li + li{
	margin-top:10px;
}
.plan-info li{
	position:relative;
}
.plan-info ul,
.plan-info ol{
	margin:20px auto;
}
.plan-info ol{
	counter-reset:number;
}
.plan-info ol li{
	padding:0 0 0 25px;
}
.plan-info ol li:before{
	position:absolute;
	top:0;
	left:0;
	counter-increment:number;
	content:counter(number);
	width:18px;
	height:18px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background:#660000;
	border-radius:50%;
}
.plan-info ul li{
	padding-left:10px;
}
.plan-info ul li:before{
	position:absolute;
	top:0.6em;
	left:0;
	content:"";
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#ff6f6f;
}




@media (min-width: 768px) {
	.plan-info a[href^="tel:"] {
		cursor: default;
		pointer-events:none;
		color:inherit;	
	}
}
@media (max-width: 767px) {
	.plan-info{
		font-size:12px;
		background-attachment:inherit;
	}
}


/* ======================================

        common

========================================= */

/* main
--------------------------------------- */
.plan-info .main-img{
	width:100%!important;
	height:auto!important;
	max-width:inherit!important;
}
.plan-info .main-title{
	position:relative;
	padding:10px 15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FF7E00;
	line-height: 1.2;
}
.plan-info .main-title:before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	content:"";
	background:#FF9600;
	z-index:-2;
}
.plan-info .main-title:after{
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	display:block;
	content:"";
	background:#fff;
	border-radius:50px;
	z-index:-1;
}
@media (max-width: 767px) {
	.plan-info .main-title{
		padding:10px 15px;
		font-size:12px;
	}
}



/* <h～>
--------------------------------------- */
.plan-info h2{
	position:relative;
	margin:40px auto 20px;
	padding:0 0 5px 2.2em;
	font-size:20px;
	font-weight:bold;
	color:#ff6f6f;
	border-bottom:3px solid #ff6f6f;
}
.plan-info h2:before{
	position:absolute;
	top:50%;
	left:4px;
	margin-top:-0.85em;
	content:"\f0a4";
	font-family:"fontAwesome";
	font-weight:normal;
	font-size:1.5em;
}
.plan-info .main-title + h2{
	margin-top:30px;
}
.plan-info h3{
	margin:30px auto 10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#555;
	border-left:6px solid #ff6f6f;
}
.plan-info:first-child h2:first-child{
	margin-top:0;
}

@media (max-width: 767px) {
	.plan-info h2{
		margin:20px auto 10px;
		font-size:16px;
		border-width:2px;
	}
	.plan-info h2:before{
		margin-top:-0.8em;
	}
	.plan-info .main-title + h2{
		margin-top:15px;
	}
	.plan-info h3{
		margin:20px auto 10px;
		padding-left:8px;
		font-size:14px;
		border-width:4px;
	}
}



/* .hotel-
--------------------------------------- */
/* name */
.plan-info .hotel-name{
	margin:10px auto 20px;
}
.plan-info .hotel-name:after{
	content:"";
	display:block;
	clear:both;
}
.plan-info .hotel-name dt{
	position:relative;
	font-size:12px;
}
.plan-info .hotel-name dt:before{
	position:relative;
	content:"●";
}
.plan-info .hotel-name dd{
	margin-top:4px;
	font-size:18px;
	font-weight:bold;
	color:#ff6f6f;
	overflow:hidden;
}
.plan-info .hotel-name dd + dt{
	margin-top:15px;
	padding-top:15px;
	border-top:1px dashed #ccc;
}
/* ホテルロゴが入るなら↓ */
.plan-info .hotel-logo{
	position:relative;
	clear:left;
	float:left;
	margin-right:10px;
	z-index:2;
}
.plan-info .hotel-logo:before{
	display:none;
}

/* hotel-img */
.plan-info .hotel-img{
	display:table;
	margin:20px -2px;
}
.plan-info .hotel-img li{
	display:table-cell;
	margin:0;
	padding:2px;
	font-size:12px;
	line-height: 1.4;
	vertical-align:top;
}
.plan-info .hotel-img li:before{
	display:none;
}
.plan-info .hotel-img img{
	width:100%!important;
	max-width:inherit!important;
	height:auto!important;
	margin-bottom:4px;
}
.plan-info .hotel-img:after{
	content:"";
	display:block;
	clear:both;
}
.plan-info .hotel-img + .hotel-img{
	margin-top:-20px;
}

@media (max-width: 767px) {
	/* name */
	.plan-info .hotel-name dt{
		font-size:11px;
	}
	.plan-info .hotel-name dd{
		margin-top:4px;
		font-size:14px;
	}
	.plan-info .hotel-name dd + dt{
		margin-top:5px;
		padding-top:5px;
	}
	/* ホテルロゴが入るなら↓ */
	.plan-info .hotel-logo{
		float:none;
		margin:0 0 10px;
	}
	.plan-info .hotel-logo img{
		width:auto;
	}

	/* hotel-img */
	.plan-info .hotel-img{
		display:block;
		margin:15px 0;
	}
	.plan-info .hotel-img li{
		display:inline-block;
		width:49.5%;
		margin-top:5px;
		padding:0;
		font-size:11px;
	}
	.plan-info .hotel-img li:nth-child(2n){
		margin-left:1%;
	}
	.plan-info .hotel-img.img3 li:nth-child(1){
		width:100%;
	}
	.plan-info .hotel-img.img3 li:nth-child(2){ margin-left:0; }
	.plan-info .hotel-img.img3 li:nth-child(3){ margin-left:1%; }

}


/* .ticket-info
--------------------------------------- */
.plan-info .ticket-info{
	margin:20px auto;
}
.plan-info .ticket-info dt{
	position:relative;
	padding-left:1.2em;
	color:#ff6f6f;
	font-size:16px;
}
.plan-info .ticket-info dt:before{
	position:absolute;
	top:0;
	left:0;
	content:"■";
}
.plan-info .ticket-info dd{
	margin-top:3px;
	line-height: 1.6;
}
.plan-info .ticket-info dd + dt{
	margin-top:20px;
}

@media (max-width: 767px) {
	.plan-info .ticket-info{
		margin:15px auto;
	}
	.plan-info .ticket-info dt{
		font-size:14px;
	}
	.plan-info .ticket-info dd + dt{
		margin-top:10px;
	}
}


/* .caution-
--------------------------------------- */
.plan-info .caution-txt{
	font-size:12px;
}
.plan-info .hotel-img + .caution-txt{
	margin-top:-15px;
}
.plan-info .caution-area{
	margin:30px auto;
	color:#EB0003!important;
	font-size:14px;
	font-weight:bold;
}
.plan-info .caution-area dt{
	position:relative;
	margin-bottom:15px;
	padding:0 0 5px 1.5em;
	font-size:16px;
	border-bottom:3px double #EB0003;
}
.plan-info .caution-area dt:before{
	position:absolute;
	top:0;
	left:2px;
	content:"\f071";
	font-family:"fontAwesome";
}
.plan-info .caution-area dd{
	position:relative;
	margin-top:10px;
	padding-left:1.2em;
}
.plan-info .caution-area dd:before{
	position:absolute;
	top:0;
	left:0;
	content:"●";
}

.plan-info .caution-list{
	margin:20px auto;
	font-size:12px;
}
.plan-info .caution-list li{
	position:relative;
	padding-left:1.5em;
}
.plan-info .caution-list li:before{
	position:absolute;
	top:0;
	left:0;
	content:"※";
	width:auto;
	height:auto;
	background:transparent;
}
.plan-info .caution-list li + li{
	margin-top:5px;
}

@media (max-width: 767px) {
	.plan-info .caution-txt{
		font-size:11px;
	}
	.plan-info .caution-area{
		margin:15px auto;
		font-size:12px;
	}
	.plan-info .caution-area dt{
		margin-bottom:10px;
		font-size:14px;
	}

	.plan-info .caution-list{
		margin:15px auto;
		font-size:11px;
	}
}



/* .btn-
--------------------------------------- */
.plan-info .plan-btn01{
	position:relative;
	display:inline-block;
	margin:10px 10px 10px 0;
	padding:15px 40px 15px 15px;
	font-size:14px;
	font-weight:bold;
	color:#fff!important;
	line-height: 1.2;
	text-align:center;
	text-decoration:none!important;
	text-shadow:1px 1px #ff6a00;
	box-shadow:0 0 5px rgba(255,255,255,0.5) inset;
	border:1px solid #ff6a00;
	border-radius:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9c11+0,ff6a00+100 */
background: #ff9c11; /* Old browsers */
background: -moz-linear-gradient(top, #ff9c11 0%, #ff6a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff9c11 0%,#ff6a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff9c11 0%,#ff6a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c11', endColorstr='#ff6a00',GradientType=0 ); /* IE6-9 */	
}
.plan-info .plan-btn01:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9c11+0,ff6a00+100 */
background: #ff6a00; /* Old browsers */
background: -moz-linear-gradient(top, #ff6a00 0%, #ff9c11 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff6a00 0%,#ff9c11 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff6a00 0%,#ff9c11 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ff9c11',GradientType=0 ); /* IE6-9 */	
}
.plan-info .plan-btn01:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f138";
	font-weight:normal;
	font-family:"fontAwesome";
}

.plan-info .plan-btn02{
	position:relative;
	display:inline-block;
	margin:10px 10px 10px 0;
	padding:15px 40px 15px 15px;
	font-size:14px;
	font-weight:bold;
	color:#222!important;
	line-height: 1.2;
	text-align:center;
	text-decoration:none!important;
	text-shadow:1px 1px #fff;
	box-shadow:0 0 5px rgba(255,255,255,0.9) inset;
	border:1px solid #bbb;
	border-radius:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.plan-info .plan-btn02:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.plan-info .plan-btn02:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f138";
	font-weight:normal;
	font-family:"fontAwesome";
}

@media (max-width: 767px) {
	.plan-info .plan-btn01,
	.plan-info .plan-btn02{
		display:block;
		width:95%;
		margin:20px auto;
		padding:15px 25px 15px 10px;
		font-size:12px;
	}
	.plan-info .plan-btn01:before,
	.plan-info .plan-btn02:before{
		right:5px;
	}
	.plan-info a[class*="btn"] + a[class*="btn"]{
		margin-top:-15px;
	}

}



/* .plan-table
--------------------------------------- */
.plan-table01{
	width:100%;
	margin:0;
	border:1px solid #d991d5!important;
}
.plan-table01 th,
.plan-table01 td{
	padding:10px;
	line-height: 1.4;
	border:none!important;
	background:#fff!important;
}
.plan-table01 tr:first-child th{
	padding:5px!important;
	color:#fff!important;
	text-align:center!important;
	background:#d991d5!important;
}


@media (max-width: 767px) {

}



/* .plan-btn-area
--------------------------------------- */
.plan-btn-area{
	display:table;
	width:100%;
	table-layout:fixed;
}
.plan-btn-area:first-child{
	margin:0 0 1px!important;
}
.plan-btn-area > li{
	position:relative;
	display:table-cell;
	padding:0 1px!important;
	vertical-align:top;
}
.plan-btn-area > li:before{
	display:none!important;
}
.plan-btn-area a{
	position:relative;
	display:block;
	padding:10px 30px 10px 10px;
	text-align:center;
	text-decoration:none!important;
	color:#fff!important;
	background:#ff6f6f;
}
.plan-btn-area a:before{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-0.6em;
	content:"\f138";
	font-family:"fontAwesome";
}
.plan-btn-area a:hover{
	background:#FF7E00;
}

@media (max-width: 767px) {
	.plan-btn-area{
		display:block;
	}
	.plan-btn-area > li{
		display:block;
		margin:0!important;
		padding:0 0 1px!important;
	}
}





/* other
--------------------------------------- */
.plan-info .text-red{
	color:#EB0003!important;
}

/* bg */
.plan-info .area-bg{
	padding:20px 15px;
	color:#660000;
	font-weight:bold;
	background:url(/tour/campaign/tdr/img/mc/tpoint_bkg.png) left top repeat;
}


/* .legal-line */
.plan-info .legal-line{
	font-size:11px;
}


@media (max-width: 767px) {

	/* bg */
	.plan-info .area-bg{
		padding:15px 10px;
	}

	/* .legal-line */
	.plan-info .legal-line{
		font-size:10px;
	}
}



/* .icon-
--------------------------------------- */
.icon-attention:before{ content:"\f06a"!important; }
.icon-bed:before{ content:"\f236"!important; }
.icon-ticket:before{ content:"\f145"!important; }
.icon-window:before{ content:"\f2d2"!important; }





/* ======================================

        usj

========================================= */
.usj.plan-info .main-title{
	color:#0e0ca3;
}
.usj.plan-info .main-title:before{
	background:#0e0ca3;
}

@media (max-width: 767px) {
}




/* ======================================

        tdr

========================================= */
.tdr.plan-info .main-title{
	color:#f32b7a;
}
.tdr.plan-info .main-title:before{
	background:#f32b7a;
}

@media (max-width: 767px) {
}



/* ======================================

        fujiq

========================================= */
.fujiq.plan-info .main-title{
	color:#eeac0f;
}
.fujiq.plan-info .main-title:before{
	background:#eeac0f;
}

@media (max-width: 767px) {
}



/* ======================================
		定期観光
========================================= */
.htmigi-group .htdesc {
  float: none!important;
  width: 100%!important;
  margin-right: 19px;
  margin-bottom: 19px;
}

/* Box
--------------------------------------- */
.sct-1:after {
  content: '';
  display: block;
  clear: both;
}
.sct-1 {
  margin-bottom: 20px;
  /*font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';*/
  font-size: 16px;
}
/* Title
--------------------------------------- */
.tit-mc:after {
	content: '';
	display: block;
	clear: both;
}
.tit-mc {
  background: #750009;
  padding: 4px 0 !important;
  margin-bottom: 10px !important;
}
  
	.tit-mc dt:after {
		content: '';
    position: absolute;
    border: 17px solid transparent;
    border-left: 17px solid #750009;
    right: -34px;
    top: 0;
    display: inline-block;
	}
  .tit-mc dt:before {
		content: '';
    position: absolute;
    border: 20px solid transparent;
    border-left: 20px solid #ffffff;
    right: -40px;
    top: -3px;
    display: inline-block;
	}
	.tit-mc dt,
	.tit-mc dd {
		float: left;
		padding: 0.2em 0.5em;
		font-size: 18px;
    color: #ffffff;
	}
  .tit-mc dt {
    background: #750009;
    position: relative;
    padding-right: 3px;
    padding-top: 6px;
    width: auto;
    height: 38px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
  }
  .tit-mc dd {
    margin-top: 2px;
    padding-left: 27px;
    width: 91%;
  }
/* 768px以下 */
@media only screen and (max-width: 768px) {
  .tit-mc dd {
    line-height: 1.6;
  }
}
/* 472px以下 */
@media only screen and (max-width: 472px) {
	.tit-mc dt {
		font-size: 14px;
	}
  .tit-mc dd {
    width: 86%!important;
  }
}
.addpoint {
  background: #fff;
  color: #750009;
  font-size: 14px;
  padding: 0.1em 0.3em;
  margin-right: 10px;
}

/* Text
--------------------------------------- */
.txt-apeal {
  font-size: 20px !important;
  font-weight: bold;
  color: #750009;
  margin-bottom: 0.5em;
}
/* 768px以下 */
@media only screen and (max-width: 768px) {
  .txt-apeal {
    font-size: 16px!important;
  }
  .sct-1 p {
    font-size: 14px;
  }
}

.red {
  color: #ff0000;
}

/* List
--------------------------------------- */
.time-data {
  margin: 0.5em 0 1em;
}
.time-data li:before {
  content: '◆';
  top:0 !important;
}
.time-data li {
  /*text-indent: -1em;*/
  /*margin-left: 1em;*/
  font-weight: bold;
  padding-left: 20px !important;
  font-size: 16px;
}
.time-data li + li {
  margin-top: 0.5em;
}
  .time-data li span {
    font-weight: normal;
  }
.time-data li a{
  color: #333399 !important;
  font-weight: normal;
}
/* 768px以下 */
@media only screen and (max-width: 768px) {
  .time-data li {
    font-size: 14px;
  }
}

/* Img
--------------------------------------- */
/* ----- Common ----- */
[class^="col-"]:after {
  content: '';
  clear: both;
  display: block;
}
[class^="col-"] p {
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}
/* 768px以下 */
@media only screen and (max-width: 768px) {
  [class^="col-"] p {
    font-size: 12px!important;
  }
}

/* ----- 右横float縦1列パターン ----- */
.col-1 {
  font-size: 0;
  margin: 0 0 12px;
  float: right;
  width: 32%;
  height: auto;
  padding-left: 1%;
}
  .col-1 img {
    width: 100%!important;
    height: auto!important;
  }
  .col-1 li {
    width: 100%!important;
    height: auto!important;
  }
  .col-1 li + li {
    margin-top: 12px!important;
  }
/* 768px以下 */
@media only screen and (max-width: 768px) {
  .col-1 {
    width: 40%!important;
  }
}

/* ----- 横2・3列パターン ----- */
.col-2,
.col-3 {
  font-size: 0;
  margin: 0 0 12px;
}
  .col-2 img,
  .col-3 img {
    width: 100%!important;
    height: auto!important;
  }
  .col-3 li {
    float: left;
    width: 32%!important;
    height: auto!important;
  }
  .col-2 li:nth-child(n+3),
  .col-3 li:nth-child(n+4) {
    margin-top: 12px;
  }
  .col-2 li:nth-child(2n+1),
  .col-3 li:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  .col-2 li + li,
  .col-3 li + li {
    margin-left: 2%;
  }
.col-2 {
  padding: 0 17%;
}
  .col-2 li {
    float: left;
    width: 48.5%!important;
    height: auto!important;
  }
/* 420px以下 */
@media only screen and (max-width: 420px) {
  .col-1,
  .col-2 li,
  .col-3 li {
      width: 100% !important;
      height: auto !important;
      margin-bottom: 2%;
  }
  .col-2 li + li,
  .col-3 li + li {
    margin-left: 0;
  }
  .col-1 {
    padding-left: 0;
  }
  .col-2 {
    padding: 0;
  }
}

.datalist a {
  text-decoration: underline;
}
/* Table
--------------------------------------- */
.tbl-data {
  width: 67%;
  margin: 1em 0 0.5em;
  border-top: 2px solid #750009;
  border-bottom: 2px solid #750009;
}
.tbl-data th {
  background: #D16573;
  color: #fff;
  width: 14%;
}
.tbl-data th {
  border-top: 1px dotted #fff;
  font-weight: bold;
}
.tbl-data td {
  border-right: 2px solid #750009;
  border-top: 1px dotted #000;
  border-left: 1px dotted #000;
}
.tbl-data th + td {
  border-left: none;
}
.tbl-data th,
.tbl-data td {
  padding: 0.3% 1%;
}
/* 768px以下 */
@media only screen and (max-width: 768px) {
  .tbl-data {
    width: 59%!important;
    font-size: 14px;
  }
}
/* 420px以下 */
@media only screen and (max-width: 420px) {
  .tbl-data {
    width: 100%!important;
  }
}

.tbl-data.w100 {
	width: 100%!important;
}

/* 注釈
--------------------------------------- */
.annotation {
  font-size: 12px;
  color: #133AB7;
}
/* Dl（特典／食事）
--------------------------------------- */
.sp:after {
  content: '';
  display: block;
  clear: both;
}
.sp {
  width: auto;
  margin: 1em 0 !important;
  border: 2px solid #750009;
  background: #750009;
  overflow: hidden;
}
  .sp dt {
    color: #fff;
    width: 14%;
  }
  .sp dd {
    width: 86%;
    background: #fff;
  }
  .sp dt,
  .sp dd {
    float: left;
    padding: 0.3% 1%;
  }
  .sp dd ul {
    margin: 0 !important;
  }
  .sp dd ul li{
    margin-top: 5px !important;
    padding-left: 0 !important;
  }
.sp li {
  list-style: disc;
	margin-left: 1.4em;
}
/* 768px以下 */
@media only screen and (max-width: 768px) {
  .sp {
    font-size: 14px;
  }
}
/*
レスポンシブ崩れ調整
*********************/
.plan-info ul.time-data li:before {
  content: '◆' !important;
}

.plan-info ul li:before{
	content:none !important;
	width:0;
	height:0;
	background:none;
}
	
.htdesc ul.col-1{
	float:right;
}

.htdesc ul.col-1:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}