@charset "utf-8";
/* CSS Document */
.campNoteY {
	background: #fffeec;
	border: #f9af10 dotted 1px;
	padding: 8px;
	margin: 6px auto;
}
.campNotePi {
	background: #fff7fa;
	border: #f587a4 dotted 2px;
	padding: 8px;
	margin: 6px auto;
}
table.campNoteTable {
	background: #fff;
	border: #ccc;
	width: 100%;
	margin: 8px auto;
	border-collapse: collapse;
	font-size: 12px;
}
table.campNoteTable th {
	background: #555555;
	color: #fff;
	font-weight: bold;
	/*border: #555555 solid 1px;*/
	padding: 5px;
}
table.campNoteTable td,table.campNoteTable tr {
	border: #ccc solid 1px;
	padding: 5px;
}

.camPriceTable h4,.camShopTable h4 {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #fff;
  background:#003b60;
  border-radius: 4px;
  /*height: 42px;*/
  line-height: 1.3em;
  padding: 8px;
  letter-spacing: 1px;
  margin: 10px auto;
  box-sizing: border-box;
}
.camPriceTable h4:after,.camShopTable h4:after {
  position: absolute;
  right: 4px;
  top: 25%;
  width: 20px;
  height: 20px;
  content: " ";
  background: url("../images/icon/arrow-5.png") left center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
}
.camPriceTable h4.is-opened:after,.camShopTable h4.is-opened:after {
  background: url("../images/icon/arrow-6.png") left center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
}
.camPriceTable table,.camShopTable table {
	width: 100%;
	margin: 10px auto;
	border-collapse: collapse;
}
.camPriceTable th,.camShopTable th {
	background: #003b60;
	color: #fff;
	font-weight: bold;
	line-height: 1.3em;
	border: #003b60 solid 1px;
	padding: 5px;
	font-size: 12px;
	box-sizing: border-box;
}
.camPriceTable th {text-align: left;}
.camShopTable th {text-align: center;}
.camPriceTable td {text-align: center;}
.camPriceTable td,.camShopTable td {
	padding: 5px;
	font-size: 12px;
	border: #999 solid 1px;
}

dt:before {content: "" !important;}

.redtxt {color:#ff1414;}
.bluetxt {color:#0633db;}
.fontOR { color: #ee760a;}
.fontPI { color: #e70570;}
.fontRedB { color: #ff1414; font-weight: bold;}

.fontM {font-size:120%;}
.fontS {font-size:80%;}
.fontSS {font-size:75%;}
.fontXS {font-size:70%;}
.fontN {font-weight:normal;}
.fontB {font-weight:bold;}

.textC {text-align:center !important;}
.textR {text-align:right !important;}
.textL {text-align:left !important;}

.marginBM {margin-bottom:15px;}
.marginAuto {margin:0 auto;}
.marginMSAuto {margin:10px auto;}

.floatR {float:right;}
.floatL {float:left;}
.floatN {float:none;}
.floatC {clear:both;}

.w100 {width:100%;}
.w90 {width:90%;}
.w50 {width:50%;}
.w48 {width:48%;}

.cFix{
content:"";
display:block;
clear:both;
}

/*quick check
------------------------------------------*/
#quickIn {
	width:98%;
	margin:5px auto;
	background:#fff;
	padding-bottom:20px;
}

#quickIn:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#quickIn h3,#quickIn h4,#quickIn h5,#quickIn dt,#quickIn dd,#quickIn p,#quickIn th,#quickIn td {
	text-shadow:none;
}

#quickIn h3 {
	/*width:100%;*/
	background:#000000;
	padding:5px;
	margin:5% auto 1%;
	font-size:18px;
	color:#fff;
	text-align:center;
}

#quickIn h3 span {
	font-size:75%;
}

#quickIn h4 {
	background:url(../img/quick_check/quick_check_titleBk.jpg) bottom repeat-x;
	font-size:18px;
	font-weight:bold;
}

#quickIn .quickInner {
	width:97%;
	margin:15px auto;
}

#quickIn .quickInner:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#quickIn .subtxt {
	margin:0 auto;
}

#quickIn .toptxt {
	width:93%;
	margin:20px auto;
}

#quickIn .toptxtOR {
	color:#ea4403;
	text-align:center;
	font-weight:bold;
	padding:5% 4%;
	margin:3% auto;
	width:90%;
	border:#ea4403 solid 1px;
	font-size:14px;
	line-height:1.5em;
}

#quickIn .btnNext {
	font-weight:bold;
	background:#2188ae;
	color:#fff;
	padding:10px;
	width:53%;
	text-align:center;
	margin:2% auto;
	border-radius:4px;
	float:right;
}

#quickIn .btnNext a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#quickIn .btnBefor {
	font-weight:bold;
	background:#ea7d26;
	color:#fff;
	padding:10px;
	width:30%;
	text-align:center;
	margin:2% auto;
	border-radius:4px;
	font-size:85%;
	float:left;
}

#quickIn .btnBefor a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#quickIn .btnEnd {
	font-weight:bold;
	background:#e71734;
	color:#fff;
	padding:4% 2%;
	width:55%;
	text-align:center;
	margin:2% auto;
	border-radius:4px;
	float:right;
	font-size:15px;
}

#quickIn .btnEnd a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#quickIn .quickIn01,#quickIn .quickIn02,#quickIn .quickIn03,#quickIn .quickIn04,#quickIn .quickIn05,#quickIn .quickIn06 {
	width:100%;
	margin:20px auto 50px;
}

#quickIn .quickIn01 dl {
	width:98%;
}


#quickIn .quickIn01 dt {
	background:#a8926d;
	padding:10px 6px;
	color:#fff;
	font-size:18px;
	border-radius:4px 4px 0px 0px;
	clear:both;
	text-shadow:none;
	font-weight:bold;
}

#quickIn .quickIn01 dd {
	/*padding:15px 10px;*/
	font-size:14px;
	background:#f9f2d8;
	border-radius:0px 0px 4px 4px;
	margin-bottom:30px;
	float:left;
	width:100%;
}

#quickIn .quickIn01 p.ddtxt {
	float:left;
	width:50%;
	margin:15px 0 15px 10px;
}

#quickIn .quickIn01 img {
	float: right;
	width: 40%;
	margin:15px 10px 15px 3px;
}

#quickIn .quickNote {
	width:95%;
	margin:20px auto;
	clear:both;
}

#quickIn .quickIn02 h5 {
	background:url(../img/quick_check/quick_check_IconCar01.jpg) no-repeat left bottom;
	font-weight:bold;
	font-size:15px;
	height:20px;
	line-height:1.3em;
	padding:2% 0 0 12%;
	margin:20px auto;
	border-bottom:#7caf0d solid 1px;
	background-size:10%;
	text-shadow:none;
}

#quickIn .quickIn03 table {
	border-collapse:collapse;
	width:100%;
	margin:0 auto 5%;
	clear:both;
}

#quickIn .quickIn03 th {
	background: #7caf0d;
	border:#7caf0d solid 1px;
	color: #fff;
	text-align: left;
	padding:3% 1%;
}

#quickIn .quickIn03 td {
	background:#fff6f9;
	border:#7caf0d solid 1px;
	padding:4% 1%;
}

#quickIn .quickIn03 h5 {
	color:#0cb3c7;
	font-size:15px;
	font-weight:bold;
	border-bottom:#c60000 solid 2px;
	margin-bottom:3%;
	text-shadow:none;
}

#quickIn .quickIn03 h5 span {
	float:left;
}

#quickIn .quickIn03 u {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}

#quickIn .quickIn04 ol {
  counter-reset:li; /*カウントリセット*/
  margin-bottom:8%;
  }
#quickIn .quickIn04 ol li {
  list-style:none; /*デフォルトナンバリングを消す*/
  position:relative;
  padding:0;
  margin-left:25px;
  *list-style-type: decimal; /*IE7*/
  border-bottom:#ccc dotted 1px;
  line-height:1.5em;
  margin-bottom:3%;
  }
#quickIn .quickIn04 ol li:before {
  content:counter(li); /*カウンターのインデックスを挿入*/
  counter-increment:li; /*ナンバリングを生成*/
  /* ここから番号のスタイル */
  position:absolute;
  left:-31px;
  width:25px; /*幅*/
  color:#e5680c; /*文字色*/
  /*background:url(images/ol_list.png) no-repeat left 2px; 背景画像*/
  font-family: 'Federo', sans-serif; /*webフォント*/
  font-size:110%; /*フォントサイズ*/
  font-weight:bold;
  padding-left:5px;
  }
#quickIn .quickIn04 ol li span {
	font-size:80%;
	color:#0cb3c7;
}
#quickIn .quickIn04 .endtxt {
	float:left;
	font-weight:bold;
	width:50%;
	color:#c60000;
	font-size:14px;
	line-height:1.5em;
}
#quickIn .quickIn04 .endBox {
	margin:2% auto;
	overflow:hidden;
	z-index:1;
}

#quickIn .quickIn05 h5 {
	background:url(../img/quick_check/quick_check_IconCar02.jpg) no-repeat left bottom;
	font-weight:bold;
	font-size:16px;
	height:20px;
	line-height:1.3em;
	padding:2% 0 0 12%;
	margin:20px auto;
	border-bottom:#ea4403 solid 1px;
	background-size:10%;
	color:#ea4403;
}

#quickIn .quickIn05 dl {
	width:95%;
	margin:2% auto 8%;
}

#quickIn .quickIn05 dt {
	background:#000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:3%;
	letter-spacing:15px;
}

#quickIn .quickIn05 dd {
	background:#eeeee7;
	text-align:center;
	line-height:1.4em;
	padding:5%;
}

#quickIn .subtxtLB {
	color: #fff;
	font-weight: bold;
	background-color: #0cb3c7;
	margin:6% auto;
	padding: 5%;
}

#quickIn .quickIn06 h5 {
	color:#c60000;
	font-weight:bold;
	text-align:center;
	padding:5% 4%;
	margin:8% auto;
	width:85%;
	border:#c60000 solid 1px;
	font-size:13px;
	line-height:1.5em;
	letter-spacing:3px;
}

#quickIn .quickIn06 table {
	border-collapse:collapse;
	width:100%;
	margin:8% auto 5%;
}

#quickIn .quickIn06 th {
	color:#fff;
	background:#888888;
	text-align:center;
	padding:2%;
	font-size:12px;
	line-height:1.5em;
	border-right:#fff solid 1px;
}

#quickIn .quickIn06 td {
	vertical-align:middle;
}

#quickIn .quickIn06 ul {
  margin-bottom:8%;
  border-top:#cccccc dotted 1px;
  padding-top:5%;
  }
#quickIn .quickIn06 ul li {
  padding:0;
  margin-left:2%;
  list-style-type: none;
  /*border-bottom:#ccc dotted 1px;*/
  line-height:1.5em;
  margin-bottom:1%;
  font-size:12px;
  }
#quickIn .quickIn06 ul li:before {
  content: "●"; /*マーカーの指定*/
  /* ここから番号のスタイル */
  color:#e5680c; /*文字色*/
  /*background:url(images/ol_list.png) no-repeat left 2px; 背景画像*/
  font-family: 'Federo', sans-serif; /*webフォント*/
  }
#quickIn .quickIn06 ul li span {
	font-size:80%;
	color:#0cb3c7;
}
#quickIn .quickIn06 .in06Note {
	clear:both;
	width:95%;
	margin:5% auto;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#0cb3c7;
}

/*  JAL mile
-----------------------------------------------------------*/
#mile h4 {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.6em;
	margin-top: 6px;
}
#mile dl.miledl {
	width: 24.5%;
	margin-right: 0.5%;
	margin-bottom: 10px;
	border-radius: 3px;
	border: #ccc;
	float: left;
}
#mile dl.miledl dt {
	background: #fff;
	padding: 0px;
	margin-bottom: 0;
}
#mile dl.miledl dd {
	border-left: #ccc solid 1px;
	border-right:  #ccc solid 1px;
	border-bottom:  #ccc solid 1px;
	border-radius: 0 0 4px 4px;
	padding: 1%;
	width: 96%;
	margin: 0 auto;
}
#mile dl.miledl p {
	font-size: 11px;
	line-height: 1.6em;
	margin: 3px auto;
	padding: 3%;
	height: 90px;
}
#mile p.noteP {
	font-size: 11px;
	line-height: 1.6em;
	margin: 3px auto 10px;
	text-align: center;
}
#mile h3.h3jal,#mile h3.h3ana {
	width: 100%;
	border-radius: 3px 3px 0 0;
	font-size: 12px;
	text-align: center;
	margin:10px auto 0;
	color: #fff;
	padding: 2% 0;
}
#mile h3.h3jal {background: #cc0000;}
#mile h3.h3ana {background: #0a56cd;}
#mile h3.h3jal span,#mile h3.h3ana span {
	font-weight: bold;
	font-size: 15px;
}
#mile h3.rule {
	background: #1f2022;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px 5px 0 0;
}
#mile ul.howto {
	width: 99.5%;
	margin: 0 auto 10px;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	border-radius: 0 0 5px 5px;
}
#mile ul.howto li {
	padding: 10px 5px 10px 50px;
	border-bottom: #ccc dotted 1px;
	font-size: 12px;
	line-height: 1.6em;
}
#mile ul.howto li.li01 {background: url("../img/cam_img/mile_icon01.png") no-repeat 5px 5px; background-size: 40px;}
#mile ul.howto li.li02 {background: url("../img/cam_img/mile_icon02.png") no-repeat 5px 5px; background-size: 40px;}
#mile ul.howto li.li03 {background: url("../img/cam_img/mile_icon03.png") no-repeat 5px 5px; background-size: 40px;}
#mile ul.howto li a {
	display: inline;
	text-decoration: underline;
	color: #0a56cd;
}

#mile .mailNote  {margin: 20px auto;}
#mile .mailNote h5 {
	border-left: #f17603 solid 5px;
	font-size: 14px;
	color: #444444;
	padding: 5px 5px 5px 10px;
}
#mile .mailNote ul {margin: 15px auto;}
#mile .mailNote li {
	background:  url("../img/cam_img/mile_icon04.png") no-repeat 5px 0;
	background-size: 20px;
	margin-bottom: 8px;
	padding-left: 30px;
	line-height: 1.7em;
}
/*#mile h6 {
	font-weight: bold;
	font-size: 13px;
	line-height: 3em;
	width: 95%;
	margin: 10px auto;
	color: #fff;
	background: #cc0000;
	border-radius: 3px;
	text-align: center;
	-moz-box-shadow: 0px 3px 9px #bcbcbc;
	-webkit-box-shadow: 0px 3px 9px #bcbcbc;
	box-shadow: 0px 3px 9px #bcbcbc;
}
#mile h6 a {
	text-decoration: none;
	color: #fff;
}*/
#mile h6 a {
	-webkit-border-image: url("../img/btn04.png") 0 3 0 3;
	border-style: solid;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	padding: 4% 2% 4%;
	font-size: 12px;
	vertical-align: middle;
	width: 95%;
	margin: 0 auto;
	text-decoration: none;
}
#mile .mileRule {
	border-left: #ccc solid 1px;
	border-right:  #ccc solid 1px;
	border-bottom:  #ccc solid 1px;
	border-radius: 0 0 5px 5px;
}
#mile .mileRule p {
	margin: 0 5px 5px;
	font-size: 12px;
}
#mile table.miletable {
	border-collapse: collapse;
	border: #ccc;
	width: 95%;
	margin: 10px auto;
	font-size: 12px;
}
#mile table.miletable th {
	color: #fff;
	font-size: 15px;
	background: #888888;
	text-align: center;
	padding: 10px 5px;
	border-bottom: #888888 solid 1px;
}
#mile table.miletable th.thjal {background: #cc0000 !important;border-right: #cc0000 solid 1px;border-bottom: #cc0000 solid 1px;}
#mile table.miletable th.thana {background: #0a56cd !important;border-right: #0a56cd solid 1px;border-bottom: #0a56cd solid 1px;}
#mile table.miletable th.thnone {background: #fff !important;border-bottom: #fff solid 1px;}
#mile table.miletable td {
	padding: 5px;
	line-height: 1.5em;
	border-right: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	vertical-align: top;
}


/*campaign lift_ticketsp
---------------------------------------------------*/
.nodisplaySP {display: none;}
.lift_ticketModel {
	background: #d2ebf2;
	padding-bottom: 10px;
}
.lift_ticketModel h3 {
  position: relative;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #fff;
  background:#063da2;
  border-radius: 4px;
  /*height: 42px;*/
  line-height: 37px;
  padding-left: 13px;
  letter-spacing: 1px;
  margin: 10px;
}
.lift_ticketModel h3:after {
  position: absolute;
  right: 4px;
  top: 10px;
  width: 20px;
  height: 20px;
  content: " ";
  background: url("../images/icon/arrow-5.png") left center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
}
.lift_ticketModel h3.is-opened:after {
  background: url("../images/icon/arrow-6.png") left center no-repeat;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
}
.liftTicketLinkNote {
	background: #234fa8;
	padding: 10px;
}
.liftTicketLinkNote li {
	color: #fff;
	font-size: 12px;
	line-height: 1.8em;
}