@charset "Shift_JIS";

/*-------------------------------------
各ページ レイアウト用
-------------------------------------*/

/*-------------------------------------
メールアドレス入力
-------------------------------------*/
.inputMailBox{margin:20px 0 0}
.inputMail dt{margin-bottom:15px}
.inputMail .tooltipWrap{width:100%}
.inputMail input[type="text"]{width:100%}
.inputMail button{margin-bottom:15px}

/*-------------------------------------
メール送信・確認
-------------------------------------*/
.mailLinkBlock img {
	width: 100%;
	height: auto;
}

.mailLinkText01 {
	position: relative;
	margin: 20px 0 20px;
	padding-left: 77px;
	word-break: break-all;
}

.mailLinkText01::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 62px;
	height: 51px;
	background: url(/sp/ta/images/pict_mail_01.png) 0 0 no-repeat;
	background-size: cover;
}

/*-------------------------------------
メールマガジンの登録
-------------------------------------*/
.mailAreaBlock {
	margin-top: 17px;
	overflow: hidden;
}

.mailAreaBlock dl {margin-bottom: 20px}

.mailAreaBlock .acBlock dd {
	display: block;
	padding: 20px 10px 0;
}

.mailAreaBlock .checkList {overflow: hidden}

.mailAreaBlock .checkList li {
	float: left;
	width: 33%;
}

/*-------------------------------------
会員登録
-------------------------------------*/
.mailAreaBlock .acTitle input[type="checkbox"][class^="requiredeither"] + .checkbox {
	padding: 0 0 0 33px;
	background-color: transparent;
}

/*-------------------------------------
会員登録完了
-------------------------------------*/
.boxI + .btn02.mt30 {
	display: block;
}

/*-------------------------------------
まとめてクレジット
-------------------------------------*/
.arrowBox {
	position: relative;
	padding: 5px;
	border: 2px solid #ffb053;
	background: #fefeda;
}

.arrowBox::before {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	bottom: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #fefeda transparent transparent transparent;
	z-index: 2;
}

.arrowBox::after {
	content: "";
	display: block;
	position: absolute;
	left: 13px;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #ffb053 transparent transparent transparent;
	z-index: 1;
}

/*-------------------------------------
お申し込み完了
-------------------------------------*/
.btn06.icoMail {
  position: relative;
  padding: 12px 12px 12px 55px;
  line-height: 1.25;
}

.btn06.icoMail::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 14px;
  width: 28px;
  height: 21px;
  margin-top: -13px;
  background: url(/sp/ta/images/ico_mail_01.png) 0 center no-repeat;
  background-size: contain;
}

/*-------------------------------------
催行決定お知らせメール一覧
-------------------------------------*/
.btnDelete {
	position: relative;
	padding: 6px 14px 4px 38px;
	border: 1px solid #0184af;
	background: #fff;
	font-size: 1.112em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.btnDelete::before,
.btnDelete::after {
	content: "";
	display: block;
	position: absolute;
}

.btnDelete::before {
	top: 50%;
	left: 13px;
	width: 14px;
	height: 2px;
	margin-top: -1px;
	background: #0085b0;
	transform: rotate(45deg);
}

.btnDelete::after {
	top: 50%;
	left: 19px;
	width: 2px;
	height: 14px;
	margin-top: -7px;
	background: #0085b0;
	transform: rotate(45deg);
}

.tourTitleBlock .btn01.b01 {
	padding: 12px 20px 12px 30px;
}

.slashStyle {
	font-family: Arial;
	font-size: 16px;
}

.txtBBlack {
	color: #000;
	font-size: 16px;
	font-weight:bold;
}

.mypageH2Style03 {
	position: relative;
	margin: 0 0 12px;
	font-size: 1.35em;
	text-align: center;
}