@charset "utf-8";

/* ======================
 * Contents CSS
======================= */
@media print, screen and (min-width: 737px) {


/* Common
=========================================*/
input[type=email],input[type=password],input[type=text] {
  height: 38px;
  padding: 3px 8px;
  padding: 6px 8px 0 9px;
  border-top: solid 1px #abadb3;
  border-right: solid 1px #dbdfe6;
  border-bottom: solid 1px #dbdfe6;
  border-left: solid 1px #dbdfe6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.input-pcmail01,.input-pcmail02,.input-mbmail01,.input-mbmail02,.input-password01,.input-password02,.input-other {
  width: 480px;
}
.input-tel01,.input-tel02,.input-tel03,.input-tel04,.input-tel05,.input-tel06,.input-postal01,.input-postal02 {
  width: 100px;
}
.input-address01,.input-address02,.input-address03,.input-address04,.input-name01,.input-name02,.input-name03,.input-name04,.input-floors,.input-introductionCompany,.input-introductionPerson,.input-entrycode {
  width: 100%;
}
.input-adMail01 {
  width: 290px;
}
.input-adMail02 {
  width: 240px;
}
.input-exchange {
  width: 100px;
}
.input-cmngId {
  width: 180px;
}
.input-company,.input-companyperson {
  width: 220px;
}
.input-changeName01,.input-changeNameKana01 {
  width: 300px;
  margin-right: 20px;
}
.changeName02,.changeNameKana02 {
}

.select-address,.select-relation,.select-inquiryCategory {
  height: 33px;
  padding: 3px 8px 3px 8px;
  border-top: solid 1px #abadb3;
  border-right: solid 1px #dbdfe6;
  border-bottom: solid 1px #dbdfe6;
  border-left: solid 1px #dbdfe6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}/* 他ブラウザ対応はファイル下部に記載 */

/* error */
input.error, textarea.error {
  background: #ffdede;
}
/* 2015/11/12 add start */
select.error {
  background-color: #ffdede;
}
/* 2015/11/12 add end */
.errorText {
  margin-top: 5px;
  color: #cc0000;
  font-weight: bold;
}

/* blockControl */
.blockControl {
  display: block;
}

/* passwordCheckList */
.passwordCheckList li {
  float: left;
  margin-right: 87px;
}
.passwordCheckList li input {
  margin: 0 8px 2px 0;
  vertical-align: middle;
}

/* telList */
.telList li {
  position: relative;
  float: left;
  padding-left: 20px;
}
.telList li:first-child {
  padding-left: 0;
}
.telList li:before {
  position: absolute;
  top: 9px;
  left: 2px;
  line-height: 1;
  content: "－"
}
.telList li:first-child:before {
  content: ""
}

/* postalList */
.postalList li {
  position: relative;
  float: left;
  padding-left: 20px;
}
.postalList li:first-child {
  padding-left: 0;
}
.postalList li:before {
  position: absolute;
  top: 9px;
  left: 2px;
  line-height: 1;
  content: "－"
}
.postalList li:first-child:before,
.postalList li.postalSearchBt:before {
  content: ""
}
.postalList li.postalSearchBt {
  display: table;
  margin-left: 20px;
  padding-left: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.postalList li.postalSearchBt a {
  display: table-cell;
  padding: 11px 24px 7px 40px;
  background: url(/common/images/common_ic01.png) no-repeat 10px 0.7em;
  color: #000000;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.postalList li.postalSearchBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.postalList li.postalSearchBt:hover a {
  color: #ffffff;
  text-decoration: none;
}

/* addresseeCheckList */
.addresseeCheckList li {
  float: left;
  margin-right: 70px;
}
.addresseeCheckList li input {
  margin: 0 8px 2px 0;
  vertical-align: middle;
}
/* checkBoxList */
.checkBoxList div dd {
  padding: 3% 0;
}
/* exchangeList */
.exchangeList {
  display: table;
}
.exchangeList li {
  display: table-cell;
}
.exchangeList li:first-child {
  padding-right: 10px;
}

/* usePointList */
.usePointList {
  display: table;
  padding: 10px 0 0 0;
}
.usePointList li input {
  margin: 0 8px 2px 0;
  vertical-align: middle;
}
.usePointList li:last-child {
  padding: 10px 0 10px 0;
}
#usePointDiv {
  padding: 10px 0 0 25px;
}

/********************/
/* nameList */
.nameList li {
  position: relative;
  float: left;
  padding-left: 30px;
  width:250px;
}
.nameList li:first-child {
  padding-left: 30;
}
.nameList li:before {
  position: absolute;
  top: 9px;
  left: 2px;
  line-height: 1;
  content: "名"

}
.nameList li:first-child:before {
  content: "姓"
}

/* nameFgList */
.nameFgList li {
  position: relative;
  float: left;
  padding-left: 30px;
  width:250px;
}
.nameFgList li:first-child {
  padding-left: 30;
}
.nameFgList li:before {
  position: absolute;
  top: 9px;
  left: 2px;
  line-height: 1;
  content: "メイ"

}
.nameFgList li:first-child:before {
  content: "セイ"
}

/* birthdayList */
.birthdayList li {
  position: relative;
  float: left;
  padding-right: 10px;
}
.birthdayList li:first-child:after {
  padding-left: 0;
  content: "";
}
.birthdayList li:after {
  position: absolute;
  top: 9px;
  left: 2px;
  line-height: 1;
  content: "";

}
/********************/


/* Heading
=========================================*/
.heading01 {
  width: 100%;
  padding: 11px 30px 11px 30px;
  background: #00b6e1;
  border-bottom: solid 1px #009abe;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.heading02 {
  width: 100%;
  margin-top: 40px;
  padding: 14px 19px 14px 19px;
  background: #0075c1;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.heading03 {
  margin-top: 30px;
  padding-bottom: 10px;
  border-bottom: solid 2px #0075c1;
  color: #0075c1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.heading04 {
  margin-top: 30px;
  padding-left: 14px;
  border-left: solid 4px #00b6e1;
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.heading05 {
  width: 1000px;
  margin: 0 auto;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #0075c1;
  line-height: 1;
}
.heading06 {
  margin-top: 50px;
  padding: 10px 20px 10px 20px;
  background: #0075c1;
  border-bottom: solid 3px #005185;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
.heading07 {
  margin-top: 30px;
  padding-left: 14px;
  border-left: solid 5px #00b6e1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}
.heading08 {
  padding-top: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0075c1;
  line-height: 1;
}
.heading09 {
  width: 100%;
  padding: 11px 30px 11px 30px;
  background: #ff7b93;
  border-bottom: solid 1px;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* checkHeading */
.checkHeading {
  margin-top: 45px;
  padding: 0 0 8px 0;
  color: #0075c1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 2px #0075c1;
}
.checkHeading .inputWrap {
  float: left;
  padding: 5px;
  background: url(/common/images_sys/mail_bg01.gif) no-repeat 0 50%;
}
.checkHeading .inputWrap input {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  line-height: 1;
}
.checkHeading label {
  float: left;
  display: block;
  width: 700px\9;
  margin: 5px 0 0 13px;
}
.checkHeading .recommendIcon {
  width: 93px;
  height: auto;
  margin: 0 10px 2px 0;
  vertical-align: middle;
}

/* couponHeading */
.couponHeading {
  position: relative;
  padding: 20px 163px 20px 186px;
  background: #c5a200;
  color: #ffffff;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1;

}
.couponHeading .birthdayIcon {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top:-27px;
}
.couponHeading .printBt {
  position: absolute;
  top: 50%;
  right: 33px;
  margin-top: -20px;
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-bottom: solid 1px #846d00;
}
.couponHeading .printBt a {
  display: block;
  width: 120px;
  padding: 12px 0 12px 47px;
  background: url(/common/images_sys/common_ic04.png) no-repeat 12px 50%;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-indent: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}


/* Text
=========================================*/
.leadText {
  margin-top: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
.leadText02 {
  margin-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.leadText03 {
  margin-top: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}
.leadText-textalign {
  margin-top: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  text-align:center;
}
.leadText-textalign2 {
  margin-top: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  text-align:center;
}
.leadText-textalign2 {
    margin-top: 15px;
  font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  text-align:center;
  color: #FF0000;
  font-weight: bold;
}
.leadText-textalign4 {
  margin-top: 15px;
font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
text-align:center;
color: #FF0000;
font-weight: bold;
}
.text {
  margin-top: 15px;
}
.smallText {
  font-size: 12px;
  font-size: 1.2rem;
}
.notesTitle {
  margin-top: 15px;
  color: #cc0000;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.confirmText {
  margin-top: 25px;
  color: #cc0000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 60px;
}
.confirmText2 {
  margin-top: 25px;
  color: #cc0000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.finishText {
  margin-top: 20px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.finishText2 {
  margin-top: 20px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}

/* highlight */
.highlight01 {
  color: #cc0000;
}
.highlight02 {
  font-weight: bold;
}
.highlight03 {
  color: #0075c1;
  font-weight: bold;
}
.highlight04 {
  color: #cc0000;
  font-weight: bold;
}

/* notes */
p.notes {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  font-size: 1.2rem;
}
p.notes:before {
  content: "※";
}
p.notes .mandatoryIcon {
  width: 70px;
  height: auto;
  margin: 0 7px 4px 3px;
  vertical-align: middle;
}
ul.notes {
  margin-top: 10px;
}
ul.notes li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  font-size: 1.2rem;
}
ul.notes li:before {
  content: "※";
}
.notes02 {
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.notes02:before {
  content: "※";
}
p.visaNotes {
  padding: 0 0 10px 0;
  font-size: 1.8rem;
  text-align: center;
  color: #cc0000;
  font-weight: bold;
}

/* iconList
=========================================*/
dl.iconList {
  margin-top: 25px;
}
dl.iconList dt {
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}
dl.iconList dt:before {
  content: "●";
}
dl.iconList dd {
  padding: 5px 0 0 1em;
}
dl.iconList02 {
  margin-top: 25px;
}
dl.iconList02 dt {
  margin-top: 20px;
}
dl.iconList02 dt:first-child {
  margin-top: 0;
}
dl.iconList02 dt:before {
  color: #99a9b4;
  content: "■";
}
dl.iconList02 dd {
  padding-top: 6px;
}


/* iconLink
=========================================*/
.iconLink01 {
  margin-top: 10px;
  padding-left: 13px;
  background: url(/common/images/common_ic02.png) no-repeat 0 0.3em;
}
.iconLink01 a[href$=".pdf"],
.iconLink01 a.pdfLink {
  padding: 1px 24px 1px 0;
  background: url(/common/images/common_ic03.png) no-repeat 100% 0;
}


/* btLink
=========================================*/
.btLink01 {
  display: table;
  margin: 35px auto 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btLink01 a {
  display: table-cell;
  padding: 12px 30px 12px 40px;
  background: url(/common/images/common_ic01.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btLink01:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.btLink01:hover a {
  color: #ffffff;
  text-decoration: none;
}


/* sslArea
=========================================*/
.sslArea {
  display: table;
  width: 620px;
  margin: 20px auto 0;
  padding-top: 15px;
  border-top: dotted 1px #b0babc;
}
.sslArea .sslSeal {
  display: table-cell;
  width: 138px;
}
.sslArea .sslInfo {
  display: table-cell;
  width: auto;
  vertical-align: middle;
}
.sslArea .sslInfo .iconLink {
  margin-top: 10px;
  padding-left: 13px;
  background: url(/common/images/footer_ic10.png) no-repeat 0 0.3em;
}


/* linkArea
=========================================*/
.linkArea {
  width: 620px;
  margin: 15px auto 0;
  padding: 20px 0;
  border-top: dotted 1px #b0babc;
}
.linkArea .iconLink {
  padding-left: 4px;
}
.linkArea .iconLink li {
  float: left;
  margin-right: 30px;
  padding-left: 13px;
  background: url(/common/images/footer_ic10.png) no-repeat 0 0.3em;
}

/* registContent
=========================================*/
.admissionContent .spSection .regist {
  width: fit-content
}

.admissionContent .spSection .regist .sendingEmailBox {
  border: 2px solid #ff0000;
  background: #fcded8;
  padding: 5px;
  margin: 5px;
}

.admissionContent .spSection .sendingTelBox {
  font-size: 140%;
  padding: 5px 5px 5px 0px;
  margin: 5px 5px 5px 0px;
}

.admissionContent .formBox .sendingIvrBox {
  font-size: 140%;
  padding: 5px 5px 5px 0px;
  margin: 5px 5px 5px 0px;
  color: #0087c0;
  font-weight: bold;
}

/* logInContent
=========================================*/
.logInContent {
  width: 960px;
  margin: 0 auto;
}

/* logInBox */
.logInContent .logInBox {
  width: 620px;
  margin: 0 auto;
  padding: 20px 50px 20px;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.logInContent .logoArea {
  width: 100%;
  margin-bottom: 10px;
}
.logInContent .logoArea .logo {
  width: 135px;
}
.logInContent .logoArea .cross {
  width: 35px;
}
.logInContent .logoArea .logo img {
  width: 100%;
  height: auto;
}
.logInContent .logInBox .mail {
  width: 380px;
  margin: 0 auto;
}
.logInContent .logInBox .password {
  width: 380px;
  margin: 20px auto 0;
}
.logInContent .logInBox .password .sendingEmailBox {
  border: 2px solid #ff0000;
  background: #fcded8;
  padding: 5px;
  margin: 5px;
}

.logInContent .logInBox .password .sendingTelBox {
  text-align: center;
  font-size: 140%;
  padding: 5px;
  margin: 5px;
}

.logInContent .logInBox .sendingIvrBox {
  font-size: 140%;
  padding: 5px 5px 5px 0px;
  margin: 5px 5px 5px 0px;
  color: #0087c0;
  font-weight: bold;
}

.logInContent .logInBox .hitoCd {
  width: 380px;
  margin: 0 auto;
}
.logInContent .logInBox .hitoCd dt,
.logInContent .logInBox .mail dt,
.logInContent .logInBox .password dt {
  font-size: 12px;
  font-size: 1.2rem;
}
.logInContent .logInBox .hitoCd dt span,
.logInContent .logInBox .mail dt span,
.logInContent .logInBox .password dt span {
  font-size: 12px;
  font-size: 1.2rem;
}
.logInContent .logInBox .hitoCd dd,
.logInContent .logInBox .mail dd,
.logInContent .logInBox .password dd {
  padding-top: 2px;
}
.logInContent .logInBox .mail dd input.input-mail,
.logInContent .logInBox .password dd input.input-password {
  width: 380px;
}
.logInContent .logInBox .hitoCd dd input.input-hitoCd {
  width: 365px;
}
.logInContent .logInBox .logIn {
  width: 380px;
  margin: 20px auto 0;
}
.logInContent .logInBox .logIn dt {
  text-align: center;
  color: #0088c1;
}
.logInContent .logInBox .logIn dt input[type=checkbox] {
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.logInContent .logInBox .logIn dd {
  padding-top: 5px;
}
.logInContent .logInBox .logIn dd .input-login {
  width: 380px;
  padding: 12px 0;
  background: #ff9b00;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.logInContent .logInBox .logIn dd .input-login:hover {
  background: #ff6c00;
  width: 380px;
  padding: 12px 0;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.logInContent .logInBox .logIn dd .input-login:active {
  background: #ff6c00;
  width: 380px;
  padding: 12px 0;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;

}

.logInContent .logInBox .logIn dd .input-login:disabled {
  background: #ff6c00;
  width: 380px;
  padding: 12px 0;
  background: -moz-linear-gradient(top,  #DDDDDD 0%, #DDDDDD 50%, #DDDDDD 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDDDDD), color-stop(50%,#DDDDDD), color-stop(100%,#DDDDDD));
  background: -webkit-linear-gradient(top,  #DDDDDD 0%,#DDDDDD 50%,#DDDDDD 100%);
  background: -o-linear-gradient(top,  #DDDDDD 0%,#DDDDDD 50%,#DDDDDD 100%);
  background: -ms-linear-gradient(top,  #DDDDDD 0%,#DDDDDD 50%,#DDDDDD 100%);
  background: linear-gradient(to bottom,  #DDDDDD 0%,#DDDDDD 50%,#DDDDDD 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #DDDDDD;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;

}
.logInContent .logInBox .logIn .input-login2 .requestbox {
  width: 320px;
  margin: 12px auto 0;
  padding: 15px 80px;
  background: #ff9b00;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.logInContent .logInBox .logIn .input-login2 .requestbox:hover {
  background: #ff6c00;
}
.logInContent .logInBox .logIn .input-login2 .requestbox a {
  color: #ffffff;
}
.logInContent .logInBox .logIn .input-login2 .requestbox{
  width: 380px;
  padding: 12px 0;
  border-bottom: solid 1px #ff9b00;
  background: #ff9b00;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#51ac51 50%,#4aa54a 100%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}
.logInContent .logInBox .logIn .input-login2 .secretmode {
  margin-top: 10px;
}
.logInContent .logInBox .logIn dd .reissueLinks {
  margin-top: 19px;
  text-align: center;
  letter-spacing: -0.4em;
}
.logInContent .logInBox .logIn dd .reissueLinks li {
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
}
.logInContent .logInBox .logIn dd .reissueLinks li:first-child {
  padding-right: 15px;
  /*border-right: solid 1px #cfcfcf;*/
}
.logInContent .logInBox .logIn dd .reissueLinks li:last-child {
  padding-left: 15px;
}
.logInContent .logInBox .contact {
  margin-top: 20px;
}
.logInContent .logInBox .contact li {
  margin-top: 5px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.logInContent .logInBox .contact li:before {
  content: "● ";
}
.logInContent .logInBox .signUp {
  margin-top: 25px;
}
.logInContent .logInBox .signUp dt {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.logInContent .logInBox .signUp dd .signUpBt {
  width: 380px;
  margin: 6px auto 0;
  border-bottom: solid 1px #328832;
}
.logInContent .logInBox .signUp dd .signUpBt a {
  display: block;
  padding: 12px 30px;
  background: #57b257;
  background: -moz-linear-gradient(top,  #57b257 0%, #51ac51 50%, #4aa54a 100%, #4aa54a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57b257), color-stop(50%,#51ac51), color-stop(100%,#4aa54a), color-stop(100%,#4aa54a));
  background: -webkit-linear-gradient(top,  #57b257 0%,#51ac51 50%,#4aa54a 100%,#4aa54a 100%);
  background: -o-linear-gradient(top,  #57b257 0%,#51ac51 50%,#4aa54a 100%,#4aa54a 100%);
  background: -ms-linear-gradient(top,  #57b257 0%,#51ac51 50%,#4aa54a 100%,#4aa54a 100%);
  background: linear-gradient(to bottom,  #57b257 0%,#51ac51 50%,#4aa54a 100%,#4aa54a 100%);
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.logInContent .logInBox .signUp dd .signUpBt a:hover {
  background: #259425;
  text-decoration: none;
}

.logInContent .logInBox .textBox {
  text-align: center;
}
.logInContent .logInBox .textBox a {
  text-align: center;
  color: #000000;
  background: #ffffff;
  border: solid #eeeeee;
  padding: 10px;
  padding-left: 10%;
  padding-right: 10%;
  margin: 10px;
}

/* infoArea */
.logInContent .infoArea {
  width: 620px;
  margin: 20px auto 0;
}
.logInContent .infoArea h2 {
  padding: 2px 0 2px 24px;
  background: url(/common/images_sys/common_ic01.png) no-repeat 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
.logInContent .infoArea dl {

  margin-top: 12px;
}
.logInContent .infoArea dl dt {

  padding-right: 19px;
}
.logInContent .infoArea dl dd {
  display: table-cell;
}

/*OZauth_flow*/
.OZauth_flow {
	width: 960px
}

.OZauth_flow .frow_title {
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.OZauth_flow .title_icon {
zoom: 50%
}
.OZauth_flow .five-col {
	margin-top: 20px;
	display: flex;
}

.OZauth_flow .col {
  display: inline-block;
  width: 184px;
}
.OZauth_flow .flow_cap_blue {
  border-color: #00b5e0;
  border-style: solid;
  border-width: 1px;
}
.OZauth_flow .flow_cap_pink {
  border-color: #ffcccc;
  border-style: solid;
  border-width: 1px;
}

.OZauth_flow p {
  padding: 5px;
}
.OZauth_flow .arrow_pc {
  margin-right: 1px;
	  margin-left: 1px;
}
.OZauth_flow .arrow_sp {
  display: none;
}

/* formContent
=========================================*/
/* formPosition */
.formContent .formPosition.threeList {
  padding-left: 12%;
}
.formContent .formPosition2.threeList {
  padding-left: 16%;
}
.formContent .formPosition3.fourList {
  padding: 0 9%;
}
.formContent .formPosition li
,.formContent .formPosition2 li {
  position: relative;
  float: left;
  width: 25%;
  min-height: 50px;
  padding-left: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.formContent .formPosition3 li {
  position: relative;
  float: left;
  width: 25%;
  min-height: 50px;
  padding: 0 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.formContent .formPosition li:before
,.formContent .formPosition2 li:before  {
  position: absolute;
  top: 50%;
  left: 11px;
  width: 11px;
  height: 18px;
  margin-top: -9px;
  background: url(/common/images_sys/common_ic02.gif) no-repeat 0 0;
  z-index: 2;
  content: "";
}
.formContent .formPosition3 li:before {
  position: absolute;
  top: 50%;
  left: -5px;
  width: 11px;
  height: 18px;
  margin-top: -9px;
  background: url(/common/images_sys/common_ic02.gif) no-repeat 0 0;
  z-index: 2;
  content: "";
}
.formContent .formPosition li:first-child{
  padding-left: 0;
}
.formContent .formPosition li:first-child:before
,.formContent .formPosition2 li:first-child:before
,.formContent .formPosition3 li:first-child:before{
  display: none;
}
.formContent .formPosition li span 
,.formContent .formPosition2 li span
,.formContent .formPosition3 li span{
  display: block;
  padding: 18px 0;
  background: #ffffff;
  border: solid 2px #e0e0e0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}
.formContent .formPosition li.active span
,.formContent .formPosition2 li.active span
,.formContent .formPosition3 li.active span{
  background: #ff9000;
  border: solid 2px #ff9000;
  color: #ffffff;
}

/* basicInformationBox */
.basicInformationBox {
  margin-top: 20px;
  padding: 20px 40px 20px 40px;
  background: #eff6f8;
}
.basicInformationBox h2 {
  padding-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.basicInformationBox .align-left {
  padding-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.basicInformationBox h2.pointFinishHeading {
  padding-bottom: 0;
}
.basicInformationBox h2.onelinePb0 {
  padding-bottom: 0;
}
.basicInformationBox dl.tableLayout02 {
  display: table;
  width: 100%;
}
.boxInner dl:first-child {
  border-top: solid 1px #cccccc;
}
.basicInformationBox dl.tableLayout02 dt {
  display: table-cell;
  width: 166px;
  padding: 8px 8px 8px 8px;
  background: #efefef;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.basicInformationBox dl.tableLayout02.finishBox dt {
  width: 305px;
}
.basicInformationBox dl.tableLayout02 dd {
  display: table-cell;
  width: auto;
  padding: 8px 8px 8px 8px;
  background: #ffffff;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* formBox */
.formBox {
  margin-top: 15px;
  padding: 40px 40px 40px 40px;
  background: #eff6f8;
}

/* tableLayout */
dl.tableLayout01 {
  display: table;
  width: 100%;
  margin-top: 15px;
  border: solid 1px #cccccc;
}
.formBox > dl.tableLayout01:first-child {
  margin-top: 0;
}
dl.tableLayout01 > dt {
  display: table-cell;
  width: 266px;
  padding: 10px 10px 10px 10px;
  background: #efefef;
  border-right: solid 1px #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.legal dl.tableLayout01 > dt {
  font-size: 14px;
  font-size: 1.4rem;
}
dl.tableLayout01 > dt span.textInner {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
dl.tableLayout01 > dt .mandatoryIcon {
  width: 70px;
  height: auto;
}
dl.tableLayout01 > dd {
  display: table-cell;
  width: auto;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.legal dl.tableLayout01 > dd {
  font-size: 14px;
  font-size: 1.4rem;
}
dl.tableLayout01.joinTable {
  margin-top: 0;
  border-top: none;
}
dl.tableLayout03 {
  display: table;
  width: 100%;
  margin-top: 15px;
  border: solid 2px #0075c1;
}
dl.tableLayout03 > dd .agreementBtn {
  display: block;
  width: auto;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}


/* submitArea
=========================================*/
.submitArea {
  margin-top: 40px;
}
.submitArea ul {
  position: relative;
  height: 74px;
}
.submitArea ul li.nextBt {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -190px;
}
.submitArea ul li.nextBt input.input-next {
  width: 380px;
  padding: 12px 0;
  background: #ff9b00;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.submitArea ul li.nextBt input.input-next:hover {
  background: #ff6c00;
  width: 380px;
  padding: 12px 0;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.submitArea ul li.nextBt input.input-next:active {
  background: #ff6c00;
  width: 380px;
  padding: 12px 0;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
/* 非活性時 */
.submitArea ul li.nextBt input.input-next:disabled{
  background: #DDDDDD;
  cursor: default;
  border-bottom: black;
}
.submitArea ul li.nextBt input.input-next:disabled:hover{
  background: #DDDDDD;
  cursor: default;
  border-bottom: black;
}
.submitArea ul li.backBt {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  min-width: 170px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.submitArea ul li.backBt a {
  display: table-cell;
  padding: 12px 15px 12px 40px;
  background: url(/common/images/common_ic04.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.submitArea ul li.backBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.submitArea ul li.backBt:hover a {
  color: #ffffff;
  text-decoration: none;
}
.submitArea ul li.closeBt {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -160px;
  display: table;
  width: 320px;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #002846;
  border-left: none;
}
.submitArea ul li.closeBt a {
  display: table-cell;
  padding: 12px 0;
  background: #0085cb;
  background: -moz-linear-gradient(top,  #0085cb 0%, #0078c4 50%, #006aba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0085cb), color-stop(50%,#0078c4), color-stop(100%,#006aba));
  background: -webkit-linear-gradient(top,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  background: -o-linear-gradient(top,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  background: -ms-linear-gradient(top,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  background: linear-gradient(to bottom,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.submitArea ul li.closeBt a:hover {
  background: #0067a9;
  color: #ffffff;
  text-decoration: none;
}
.submitArea ul li.closeBt span {
  padding-left: 31px;
  background: url(/common/images/common_ic05.png) no-repeat 0 50%;
}

.submitArea ul li.ozBt {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -160px;
  display: table;
  width: 320px;
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #ff1a8c;
  border-left: none;
}
.submitArea ul li.ozBt a {
  display: table-cell;
  padding: 12px 0;
  background: #ff9b00;
  background: -moz-linear-gradient(top, #ff55a2 0%, #ff4da6 50%, #ff3399 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff55a2), color-stop(50%, #ff4da6), color-stop(100%, #ff3399));
  background: -webkit-linear-gradient(top, #ff55a2 0%, #ff4da6 50%, ff3399 100%);
  background: -o-linear-gradient(top, #ff55a2 0%, #ff4da6 50%, #ff3399 100%);
  background: -ms-linear-gradient(top, #ff55a2 0%, #ff4da6 50%, #ff3399 100%);
  background: linear-gradient(to bottom, #ff55a2 0%, #ff4da6 50%, #ff3399 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #ff1a8c;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.submitArea ul li.ozBt a:hover {
  background: #E90670;
}

.submitArea02 {
  margin-top: 50px;
  padding-top: 25px;
  border-top: solid 1px #dedede;
}
.submitArea02 ul {
  position: relative;
  height: 100px;
  margin-top: 35px;
}
.submitArea02 ul li.nextBt {
  position: absolute;
  top: 0;
  left: 496px;
}
.submitArea02 ul li.nextBt input.input-next {
  width: 340px;
  padding: 12px 0;
  background: #ff9b00;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.submitArea02 ul li.nextBt input.input-next:hover {
  background: #ff6c00;
}
/* 非活性時 */
.submitArea02 ul li.nextBt input.input-next:disabled{
  background: #DDDDDD;
  cursor: default;
  border-bottom: black;
}
.submitArea02 ul li.nextBt input.input-next:disabled:hover{
  background: #DDDDDD;
  cursor: default;
  border-bottom: black;
}
.submitArea02 ul li.backBt {
  position: absolute;
  top: 0;
  left: 125px;
  display: table;
  min-width: 304px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.submitArea02 ul li.backBt a {
  display: table-cell;
  padding: 12px 15px 12px 40px;
  background: url(/common/images/common_ic04.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.submitArea02 ul li.backBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.submitArea02 ul li.backBt:hover a {
  color: #ffffff;
  text-decoration: none;
}

/*OTP認証画面用*/

.submitArea.otpAuth ul{
	margin-bottom : 150px;
}

.submitArea.otpAuth ul li.linkArg{
	text-align: center;
	position:absolute;
	top:50%;
	left:37%;
}

.submitArea.otpAuth ul .secondBtn{
	margin-top:25px;
	text-align: center;
	position:absolute;
	top:50%;
	left:50%;
	
}

.submitArea.otpAuth ul .reSend{
	margin-left:-52px;margin-top:84px;
}

.submitArea.otpAuth ul .inquiry{
	margin-left:-52px;margin-top:115px;
}



/* mailInfoCol
=========================================*/
.mailInfoCol {
  display: table;
  margin-top: 20px;
}
.mailInfoCol .image {
  display: table-cell;
  max-width: 100px;
  width: 100px;
}
.mailInfoCol .info {
  display: table-cell;
  width: 840px;
  padding-left: 20px;
  vertical-align: middle;
}
.mailInfoCol .info .notes {
  font-size: 12px;
  font-size: 1.2rem;
}


/* meritArea
=========================================*/
.meritArea {
  position: relative;
  margin-top: 19px;
  padding: 24px 0 20px;
  background: #eff6f8;
}
.meritArea .meritHeading {
  color: #0075c1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.meritArea .meritCol {
  overflow: hidden;
  margin: 20px -19px 0 20px;
}
.meritArea .meritCol .col {
  float: left;
  width: 294px;
  margin-right: 19px;
}
.meritArea .meritCol .col dl {
  background: #ffffff;
}
.meritArea .meritCol .col dl dt {
  padding-top: 10px;
  text-align: center;
}
.meritArea .meritCol .col dl dt img {
  width: 182px;
  height: auto;
}
.meritArea .meritCol .col dl dd {
  padding: 15px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.meritArea .infoBt {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 150px;
  margin-left: 20px;
  padding-left: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.meritArea .infoBt a {
  display: block;
  padding: 13px 24px 11px 40px;
  background: url(/common/images/common_ic01.png) no-repeat 10px 0.7em;
  color: #000000;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.meritArea .infoBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.meritArea .infoBt:hover a {
  color: #ffffff;
  text-decoration: none;
}


/* mailInfo
=========================================*/
.mailInfo {
  margin-top: 20px;
}
.mailInfo .col {
  float: left;
  width: 50%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.mailInfo .col dt {
  padding-left: 14px;
  border-left: solid 5px #00b6e1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.mailInfo .col dd {
  padding: 15px 0 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
}


/* admissionContent
=========================================*/
.admissionContent .admissionInputArea .formBox {
  background: #f4f4f4;
}
.admissionContent .admissionInputArea .admissionList {
  display: table;
}
.admissionContent .admissionInputArea .admissionList li {
  display: table-cell;
  vertical-align: middle;
}
.admissionContent .admissionInputArea .admissionList li:first-child {
  padding: 0 13px 0 0;
}
.admissionContent .admissionInputArea .admissionList li:first-child input {
  margin-right: 13px;
}

.admissionContent .admissionInputArea .requestbox {
  margin: 30px 0 60px;
  padding: 30px 40px;
  background: #eff6f8;
  font-size: 12px;
  font-size: 1.2rem;
}
.admissionContent .admissionInputArea .requestbox .outLink {
  padding-right: 25px;
  background: url(/common/images/common_ic07.png) no-repeat 93% 0.3em;
}
.admissionContent .admissionInputArea .requestBt {
  width: 320px;
  margin: 12px auto 0;
  padding: 15px 80px;
  background: #ff9b00;
  background: -moz-linear-gradient(top,  #ff9b00 0%, #ff9000 50%, #ff8100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b00), color-stop(50%,#ff9000), color-stop(100%,#ff8100));
  background: -webkit-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -o-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: -ms-linear-gradient(top,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  background: linear-gradient(to bottom,  #ff9b00 0%,#ff9000 50%,#ff8100 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #d26d00;
  border-left: none;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.admissionContent .admissionInputArea .requestBt:hover {
  background: #ff6c00;
}
.admissionContent .admissionInputArea .requestBt a {
  color: #ffffff;
}

.admissionContent .admissionInputArea .buttonArea{
  padding-top:20px;
}


/* couponBox
=========================================*/
.couponBox {
  display: table;
  width: 100%;
  background: #fffac0;
}
.couponBox .couponDetail {
  display: table-cell;
  width: auto;
  padding: 20px 20px 20px 30px;
  vertical-align: middle;
}
.couponBox .couponDetail .couponDetailCol {
  display: table;
}
.couponBox .couponDetail .couponDetailCol .logo {
  display: table-cell;
  width: 143px;
  /*padding-right: 14px;*/
  padding-right: 34px;      /* 2015/11/18 mod */
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.couponBox .couponDetail .couponDetailCol .logo img {
  width: 143px;
}
.couponBox .couponDetail .couponDetailCol .hotel {
  display: table-cell;
  color: #645200;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  vertical-align: middle;
}
.couponBox .couponDetail .couponDetailCol .hotel span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
/* 2015/11/04 add start */
.couponBox .validityText {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #cc0000;
}
/* 2015/11/04 add end */
.couponBox .couponDetail .couponInfo {
  margin-top: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}
.couponBox .photo {
  display: table-cell;
  width: 373px;
  vertical-align: middle;
}


/* couponHowtoCol
=========================================*/
.couponHowtoCol {
  margin-top: 20px;
}
.couponHowtoCol .pcCol {
  float: left;
  width: 556px;
}
.couponHowtoCol .pcCol ul {
  margin: 15px 0 0 18px;
  font-size: 12px;
  font-size: 1.2rem;
}
.couponHowtoCol .pcCol ul li {
  margin-top: 2px;
  min-height: 28px;
  padding: 3px 0 0 30px;
}
.couponHowtoCol .pcCol ul li.pc01 {
  background: url(/common/images_sys/common_ic05.gif) no-repeat 0 0;
}
.couponHowtoCol .pcCol ul li.pc02 {
  background: url(/common/images_sys/common_ic06.gif) no-repeat 0 0;
}
.couponHowtoCol .pcCol ul li.pc03 {
  background: url(/common/images_sys/common_ic07.gif) no-repeat 0 0;
}

.couponHowtoCol .pcCol > dl {
  color: #d1373f;
  font-weight: bold;
  background-color: #f5f5f5;
  line-height: 1.6;
  padding: 14px 20px;
  margin:10px 0 0 18px;
  width: 400px;
}

.couponHowtoCol .pcCol > dl > dt::before {
  content: "※";
}

.couponHowtoCol .pcCol > dl > dd {
  padding-left: 1em;
  text-indent: 0em;
}

.couponHowtoCol .spCol {
  float: right;
  width: 424px;
}
.couponHowtoCol .spCol .leadText {
  margin: 15px 0 0 18px;
}
.couponHowtoCol .spCol .spImage {
  width: 210px;
  margin-top: 20px;
}


/* notesBox
=========================================*/
.notesBox {
  margin-top: 40px;
  padding: 28px 28px;
  background: #fef1f1;
}
.notesBox dt {
  color: #cc0000;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
.notesBox dd li {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.notesBox dd li:before {
  content: "●";
}
.notesBox dd li a.iconLink {
  padding-left: 10px;
  background: url(/common/images/common_ic02.png) no-repeat 0 0.5em;
}

.notesBox.print {
  position: relative;
}

.notesBox.print ul > .validityText {
  text-align: center;
  font-weight: bold;
  color: red;
  display: none;
}

.notesBox > dd > .sectionSave {
  display: none;
  position: absolute;
  top: 0px;
  right: 0;
}

/* memberDetail
=========================================*/
.memberDetail {
  margin-top: 25px;
  padding: 0 40px;
  background: #ffffff;
  border: solid 14px #f4f4f4;
}
.memberDetail dl {
  display: table;
  width: 100%;
  padding: 20px 0;
  border-top: dotted 1px #a6b1b3;
}
.memberDetail dl:first-child {
  border-top: none;
}
.memberDetail dl dt {
  display: table-cell;
  width: 112px;
  padding: 14px 25px 0 0;
  color: #0075c1;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.memberDetail dl dd {
  display: table-cell;
  vertical-align: middle;
}
.memberDetail dl dd input {
  height: 45px;
  padding: 3px 8px;
  padding: 8px 8px 0\9;
  border: solid 2px #dbdbdb;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.memberDetail dl dd input.memberNumber01,
.memberDetail dl dd input.memberNumber02,
.memberDetail dl dd input.memberNumber03,
.memberDetail dl dd input.memberNumber04,
.memberDetail dl dd input.memberNumber05,
.memberDetail dl dd input.memberNumber06,
.memberDetail dl dd input.memberNumber07,
.memberDetail dl dd input.memberNumber08,
.memberDetail dl dd input.memberNumber09,
.memberDetail dl dd input.memberNumber10,
.memberDetail dl dd input.memberNumber11,
.memberDetail dl dd input.memberNumber12,
.memberDetail dl dd input.memberNumber13,
.memberDetail dl dd input.memberNumber14 {
  width: 37px;
  padding: 8px 0 0\9;
  text-align: center;
}
.memberDetail dl dd input.memberName {
  width: 692px;
}
.memberDetail dl dd input.memberPostal01 {
  width: 127px;
  text-align: center;
}
.memberDetail dl dd input.memberPostal02 {
  width: 167px;
  text-align: center;
}
.memberDetail dl dd input.memberAddress {
  width: 692px;
  margin-top: 20px;
}
.memberDetail dl dd input.memberTel01 {
  width: 127px;
  text-align: center;
}
.memberDetail dl dd input.memberTel02,
.memberDetail dl dd input.memberTel03 {
  width: 167px;
  text-align: center;
}

.memberDetail dl dd .memberNumberList {
  display: table;
  border-collapse: separate;
  border-spacing: 6px 0;
}
.memberDetail dl dd .memberNumberList li {
  display: table-cell;
  margin: 0 3px;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
  text-align: center;
}
.memberDetail dl dd .memberNumberList li span {
  display: block;
  padding: 0 3px;
  font-size: 18px;
  font-size: 1.8rem;
}
.memberDetail dl dd .memberPostalList {
  display: table;
  border-collapse: separate;
  border-spacing: 6px 0;
}
.memberDetail dl dd .memberPostalList li {
  display: table-cell;
  margin: 0 3px;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  text-align: center;
}
.memberDetail dl dd .memberPostalList li span {
  display: block;
  padding: 0 3px;
}
.memberDetail dl dd .memberTelList {
  display: table;
  border-collapse: separate;
  border-spacing: 6px 0;
}
.memberDetail dl dd .memberTelList li {
  display: table-cell;
  margin: 0 3px;
  font-size: 18px;
  font-size: 1.8rem;
  vertical-align: middle;
  text-align: center;
}
.memberDetail dl dd .memberTelList li span {
  display: block;
  padding: 0 3px;
}


/* couponFoot
=========================================*/
.couponFoot {
  margin-top: 30px;
  text-align: center;
}
.couponFoot .validityText {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #cc0000;
}
.couponFoot .printBt {
  width: 260px;
  margin: 20px auto 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
}
.couponFoot .printBt a {
  display: block;
  padding: 14px 72px 14px 108px;
  background: url(/common/images_sys/common_ic04.png) no-repeat 56px 50%;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}


/* logOutBox
=========================================*/
.logOutBox {
  width: 100%;
  margin-top: 30px;
  padding: 55px 0 40px;
  background: #eff6f8;
  text-align: center;
}
.logOutBox .logOutText {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.logOutBox .logOutBt {
  display: table;
  width: 216px;
  margin: 40px auto 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.logOutBox .logOutBt a {
  display: table-cell;
  padding: 11px 15px 11px 40px;
  background: url(/common/images/common_ic04.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.logOutBox .logOutBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.logOutBox .logOutBt:hover a {
  color: #ffffff;
  text-decoration: none;
}


/* historyPoint
=========================================*/

/* historyPager */
.historyPoint .historyPager {
  margin-top: 20px;
  text-align: right;
  letter-spacing: -0.4em;
}
.historyPoint .historyPager li {
  display: inline-block;
  margin: 0 2px;
  line-height: 1;
  letter-spacing: normal;
}
.historyPoint .historyPager li a,
.historyPoint .historyPager li span {
  display: block;
  width: 28px;
  padding: 6px 0;
  border: solid 1px #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.historyPoint .historyPager li a {
  background: #ffffff;
  color: #333333;
}
.historyPoint .historyPager li span {
  background: #c0c0c0;
  color: #ffffff;
}
.historyPoint .historyPager li.back {
  margin: 0 11px 0 0;
}
.historyPoint .historyPager li.back a {
  background: #f5f5f5 url(/common/images/common_ic18.png) no-repeat 50% 50%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: left;
  text-indent: -9999px;
}
.historyPoint .historyPager li.next {
  margin: 0 0 0 11px;
}
.historyPoint .historyPager li.next a {
  background: #f5f5f5 url(/common/images/common_ic19.png) no-repeat 50% 50%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: left;
  text-indent: -9999px;
}


/* table */
.historyPoint .table01 {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
}
.historyPoint .table01 .dateCell {
  width: 159px;
}
.historyPoint .table01 .detailCell {
  width: 687px;
}
.historyPoint .table01 .pointCell {
  width: 150px;
}
.historyPoint .table01 th,
.historyPoint .table01 td {
  padding: 13px 13px 13px 13px;
  border: solid 1px #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.historyPoint .table01 .level01 {
  background: #efefef;
  font-weight: bold;
  text-align: center;
}
.historyPoint .table01 .date {
  text-align: center;
}
.historyPoint .table01 .plusPoint {
  background: #e5fbfd;
  color: #0075c1;
  font-weight: bold;
  text-align: right;
}
.historyPoint .table01 .minusPoint {
  background: #ffe7e7;
  color: #d21414;
  font-weight: bold;
  text-align: right;
}

/* table02 */
.historyPoint .table02 {
  width: 500px;
  margin-top: 20px;
  border-collapse: collapse;
}
.historyPoint .table02 .dateCell {
  width: 159px;
}
.historyPoint .table02 .detailCell {
  width: 687px;
}
.historyPoint .table02 .pointCell {
  width: 150px;
}
.historyPoint .table02 th,
.historyPoint .table02 td {
  padding: 13px 13px 13px 13px;
  border: solid 1px #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.historyPoint .table02 .level01 {
  background: #efefef;
  font-weight: bold;
  text-align: center;
}
.historyPoint .table02 .date {
  text-align: center;
}
.historyPoint .table02 .plusPoint {
  background: #e5fbfd;
  color: #0075c1;
  font-weight: bold;
  text-align: right;
}
.historyPoint .table02 .minusPoint {
  background: #ffe7e7;
  color: #d21414;
  font-weight: bold;
  text-align: right;
}

/* notesBox */
.historyPoint .notesBox {
  margin-top: 40px;
  padding: 28px 28px;
  background: #fef1f1;
}
.historyPoint .notesBox dt {
  color: #cc0000;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
.historyPoint .notesBox dd {
}
.historyPoint .notesBox dd li {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.historyPoint .notesBox dd li:before {
  content: "●";
}
.historyPoint .notesBox dd li a.iconLink {
  padding-left: 10px;
  background: url(/common/images/common_ic02.png) no-repeat 0 0.5em;
}

.historyPoint .lostptdetail {
 margin-top: 5px;
 font-size: 13px;
 
}

/* birthdayMessage
=========================================*/
#birthdayMessage {
  background: #fffac0;
}
#birthdayMessage #birthdayMessageInner {
  width: 1000px;
  margin: 30px auto 0;
  min-height: 250px;
  padding: 50px 0 50px 250px;
  background: url(/common/images_sys/birthday_il02.gif) no-repeat 4px 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#birthdayMessage #birthdayMessageInner .birthdayHeading01 {
  color: #333333;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
#birthdayMessage #birthdayMessageInner .birthdayHeading02 {
  padding-left: 14px;
  border-left: solid 5px #c5a200;
  color: #000000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}
#birthdayMessage #birthdayMessageInner .birthdayLead {
  margin-top: 10px;
  color: #333333;
  font-size: 12px;
  font-size: 1.2rem;
}
#birthdayMessage #birthdayMessageInner .birthdayCol {
  margin-top: 20px;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col.leftCol {
  float: left;
  width: 40%;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col.rightCol {
  float: left;
  width: 40%;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col p {
  margin: 15px 0 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul {
  margin: 15px 0 0 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul li {
  margin-top: 2px;
  min-height: 28px;
  padding: 3px 0 0 30px;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul li.howto01 {
  margin-top: 0;
  background: url(/common/images_sys/birthday_ic01.gif) no-repeat 0 0;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul li.howto02 {
  background: url(/common/images_sys/birthday_ic02.gif) no-repeat 0 0;
}


/* presentCol
=========================================*/
/* presentCol01 */
.presentCol01 {
  overflow: hidden;
  margin-right: -20px;
}
.presentCol01 .col {
  float: left;
  width: 235px;
  margin: 20px 20px 0 0;
  background: #f5f5f5;
  border-bottom: solid 2px #dedede;
}
.presentCol01 .col:nth-child(4n) {
  margin-right: 0;
}
.presentCol01 .col a {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.presentCol01 .col a:hover {
  text-decoration: none;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  opacity: 0.6;
}
.presentCol01 .col .image {
  position: relative;
}
.presentCol01 .col .category {
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  padding: 7px 0;
  color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.presentCol01 .col .category.hotel {
  background: #1b8fd9;
}
.presentCol01 .col .category.gourmet {
  background: #ea8f8c;
}
.presentCol01 .col .detail {
  padding: 18px 13px 18px 13px;
}
.presentCol01 .col .detail dt {
  margin-top: 14px;
  color: #333333;
}
.presentCol01 .col .detail dt:first-child {
  margin-top: 0;
}
.presentCol01 .col .detail dd {
  margin-top: 10px;
  color: #888888;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

.presentCol01 .col div.detail dd {
  margin: 4px 0 20px 0;
}

/* 2016/01/06 add start */
.presentCol01 .validityText {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: thin;
  color: #cc0000;
}
/* 2016/01/06 add end */

/* presentCol02 */
.presentCol02 {
  margin-top: 20px;
}
.presentCol02 .photo {
  float: left;
  margin-right: 30px;
}
.presentCol02 .detail {
  float: left;
  padding-op: 18px;
}
.presentCol02 .detail dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.presentCol02 .detail dd {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
.presentCol02 .detail dd .iconLink {
  margin-top: 13px;
  padding-left: 10px;
  background: url(/common/images/common_ic02.png) no-repeat 0 0.3em;
}
.presentCol02 .detail dd .notes01 {
  margin-left: 15px;
}


/* KEYUCA Contents
=========================================*/
/* mainVisual */
.mainVisual {
  margin-top: 30px;
  background-color: #f7f7f7;
}
.mainVisual .logo {
  float: left;
  padding-left: 37px;
}
.mainVisual .image {
  float: right;
}

/* notes */
p.notes.smallText,
ul.notes.smallText li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

/* privilegeArea */
.privilegeArea {
/* padding: 15px 30px 30px; */
/* background-color: #b7e8e8; */
}
.privilegeArea + .notes {
  margin-top: 30px;
}
.privilegeArea .title {
  color: #045454;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.privilegeArea .detail {
  margin-top: 15px;
}
.privilegeArea .detail li {
  float: left;
  padding-left: 60px;
  background: url(/common/images_sys/keyuca_ic03.png) no-repeat 8px 50%;
}
.privilegeArea .detail li:first-child {
  padding-left: 0;
  background: none;
}

/* privilegeArea2 */

.privilegeArea2 .detail .pcImage1 {
 display: block;
}

.privilegeArea2 .detail .pcImage2 {
 display: block;
}

.privilegeArea2 .detail .spImage1 {
  display: none;
}

.privilegeArea2 .detail .spImage2 {
  display: none;
}
.privilegeArea2 {
  padding: 10px 30px 20px;
  background-color: #b7e8e8;
}
.privilegeArea2 + .notes {
  margin-top: 30px;
}
.privilegeArea2 .title {
  color: #045454;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.privilegeArea2 .detail {
  margin-top: 10px;
}
.privilegeArea2 .detail li {
  /*float: left;
  padding-left: 60px;
  background: url(/common/images_sys/keyuca_ic03.png) no-repeat 8px 50%;*/
  padding-top: 20px;
}
.privilegeArea2 .detail li:first-child {
  padding-left: 0;
  background: none;
}

/* flowArea */
.flowArea p {
  margin-top: 1.5em;
  font-size: 12px;
  font-size: 1.2rem;
}
.flowArea .title {
  margin-top: 40px;
  padding: 5px 0;
  border-bottom: 2px solid #0075c1;
  color: #0075c1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.flowArea .presentation {
  overflow: hidden;
}

.flowArea .double-col {
    overflow: hidden;
  width: 890px;
    margin: 0 auto;
}

.flowArea .presentation .col {
  position: relative;
  display: table;
  float: left;
  width: 260px;
  margin: 25px 0 0 50px;
  padding: 20px 20px 10px;
  background-color: #e6f3f3;
}
.flowArea .presentation .col:before {
  position: absolute;
  top: 50%;
  left: -45px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url(/common/images_sys/keyuca_ic04.png) no-repeat 0 0;
  content: "";
}
.flowArea .presentation .col:first-child {
  margin-left: 0;
}
.flowArea .presentation .col:last-child {
  width: 500px;
}
.flowArea .presentation img {
  margin-left: 20px;
}

.flowArea .presentation .col .title {
  display: table-row;
  margin-top: 0;
  padding: 0;
  border-bottom: none;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.flowArea .presentation .col .inner {
  display: table-cell;
  width: 100%;
  height: 176px;
  padding-top: 5px;
  vertical-align: middle;
}
.flowArea .presentation .col .inner p {
  margin-top: 1em;
}
.flowArea .presentation .col .inner .couponBt {
  display: table;
  width: 100%;
  margin-top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
  background-image:    -moz-linear-gradient(#ffffff, #f2f2f2);
  background-image:      -o-linear-gradient(#ffffff, #f2f2f2);
  background-image:         linear-gradient(#ffffff, #f2f2f2);
}
.flowArea .presentation .col .inner .couponBt a {
  display: table-cell;
  height: 76px;
  padding: 0 20px 0 26px;
  border: 1px solid #cccccc;
  border-bottom-width: 2px;
  background: url(/common/images_sys/keyuca_ic01.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.flowArea .presentation .col .inner .couponBt:hover {
  background: #00b6e1;
}
.flowArea .presentation .col .inner .couponBt:hover a {
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
  color: #ffffff;
  text-decoration: none;
}

/* bannerArea */
.bannerArea {
  margin-top: 50px;
  padding: 10px;
  background-color: #f4f4f4;
}
.bannerArea ul {
  overflow: hidden;
  margin-right: -10px;
}
.bannerArea ul li {
  float: left;
  width: 485px;
  margin-right: 10px;
  border-bottom: 2px solid #dedede;
  background-color: #ffffff;
}
.bannerArea ul li a {
  display: table;
  width: 100%;
  padding: 4px;
  color: #000000;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
.bannerArea ul li a[target^=_blank] {
  background: url(/common/images_sys/keyuca_ic02.png) no-repeat 97% 50%;
}
.bannerArea ul li a .image {
  display: table-cell;
  width: 250px;
  height: 101px;
  vertical-align: middle;
}
.bannerArea ul li a .image img {
  width: 100%;
  height: auto;
}
.bannerArea ul li a .text {
  display: table-cell;
  width: 215px;
  height: 101px;
  padding: 0 10px;
  vertical-align: middle;
}
.bannerArea ul li a .text span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}


/* smilecoupon Contents
=========================================*/
#addresseeSerect {
  margin-top: 50px;
  padding: 25px 0 25px 350px;
  border: solid 3px #0075c1;
}
#addresseeSerect li {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
#addresseeSerect li:first-child {
  margin-bottom: 15px;
}
#addresseeSerect li input {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.basicInformationBox h2.smilecouponHeading {
  padding: 3px 0 3px 35px;
  background: url(/common/images_sys/smilecoupon_ic01.gif) no-repeat 0 50%;
  color: #0075c1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}

.basicInformationBox h2.smilecouponAgreement {
  padding: 3px 0 3px 0;
  margin-top: 40px;
  color: #0075c1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}

.basicInformationBox h2.smilecouponNotCovered {
  padding: 3px 0 3px 0;
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1;
  text-align: left;
}

.basicInformationBox p.smilecouponCaution {
  text-align: left;
}

.selectArea {
  margin-top: 20px;
  padding: 38px 38px;
  border: solid 2px #0075c1;
}
.selectArea h4 {
  color: #0075c1;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.selectArea .formBox {
  margin-top: 30px;
  padding: 0;
  background: none;
}
.backBt.smilecouponType {
  min-width: 146px !important;
}
.couponFinishArea .topLinkBt {
  display: table;
  width: 216px;
  margin: 40px auto 70px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.couponFinishArea .topLinkBt a {
  display: table-cell;
  padding: 12px 20px 12px 40px;
  background: url(/common/images/common_ic04.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.couponFinishArea .topLinkBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.couponFinishArea .topLinkBt:hover a {
  color: #ffffff;
  text-decoration: none;
}


/* cardAgreement Contents
=========================================*/
.cardAgreementVisa {
  text-align: center;
}
.cardAgreementBox {
  margin: 30px 20px 0 20px;
  padding: 30px 30px;
  background: #eff6f8;
}
.cardAgreementBox .agreementBt {
  display: table;
  width: 360px;
  margin: 35px auto 0;
  background: #0085cb;
  background: -moz-linear-gradient(top,  #0085cb 0%, #0078c4 50%, #006aba 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0085cb), color-stop(50%,#0078c4), color-stop(100%,#006aba));
  background: -webkit-linear-gradient(top,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  background: -o-linear-gradient(top,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  background: -ms-linear-gradient(top,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  background: linear-gradient(to bottom,  #0085cb 0%,#0078c4 50%,#006aba 100%);
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #002846;
  border-left: none;
}
.cardAgreementBox .agreementBt a {
  display: table-cell;
  padding: 12px 25px;
  background: url(/common/images/common_ic13.png) no-repeat 10px 50%;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.cardAgreementBox .agreementBt:hover {
  background: #0067a9;
}
.cardAgreementBox .agreementBt:hover a {
  text-decoration: none;
}
.cardAgreementBox .notes {
  text-align: center;
}
.agreementCloseBt {
  display: table;
  width: 216px;
  margin: 30px auto 50px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 50%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f9f9f9), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 50%,#f2f2f2 100%);
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 2px #cccccc;
  border-left: solid 1px #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.agreementCloseBt a {
  display: table-cell;
  padding: 12px 10px 12px 45px;
  background: url(/common/images/common_ic04.png) no-repeat 10px 50%;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.agreementCloseBt:hover {
  background: #00b6e1;
  border-top: solid 1px #00b6e1;
  border-right: solid 1px #00b6e1;
  border-bottom: solid 2px #00b6e1;
  border-left: solid 1px #00b6e1;
}
.agreementCloseBt:hover a {
  color: #ffffff;
  text-decoration: none;
}

.cardAgreementBox .lightGreenBanner {
  text-align: center;
  width:360px;
  font-size: 15px;
  margin: 15px auto 10px;
  padding: 15px 15px;
  background-color:#5bc19e;
  color:#ffffff;
}

.cardAgreementBox .lightPinkBanner {
  text-align: center;
  width:360px;
  font-size: 15px;
  margin: 15px auto 10px;
  padding: 15px 15px;
  font-weight: bold;
  color:#333333;
}

.cardAgreementBox .noteText {
  text-align: center;
  width:360px;
  font-size: 15px;
  margin: 15px auto 10px;
  padding: 15px 15px;
  font-weight: bold;
}

.cardAgreementBox .noteTextnomal {
  text-align: center;
  width:360px;
  font-size: 15px;
  margin: 15px auto 5px;
  font-weight: bold;
}

.cardAgreementBox .flowText {
  display: inline-block;
  text-align: left;
}

.cardAgreementBox .immediatePc {
}

.cardAgreementBox .immediateSp {
  display:none;
}


/* ClearFix
=========================================*/
.logInContent .linkArea .iconLink:after,
.formContent .formPosition:after,
.formContent .formPosition2:after,
.formContent .formPosition3:after,
.passwordCheckList:after,
.nameList:after,
.nameFgList:after,
.telList:after,
.postalList:after,
.addresseeCheckList:after,
.meritArea .meritCol:after,
.mailInfo:after,
.mailInfoCol:after,
.couponHowtoCol:after,
.memberDetail dl dd .memberNumberList:after,
.memberDetail dl dd .memberPostalList:after,
#birthdayMessage #birthdayMessageInner .birthdayCol:after,
.presentCol01:after,
.presentCol02:after,
.mainVisual:after,
.privilegeArea .detail:after,
.flowArea .presentation:after,
.bannerArea ul:after,
.checkHeading:after {
  content: "";
  display: block;
  clear: both;
}
.logInContent .linkArea .iconLink,
.formContent .formPosition,
.formContent .formPosition2,
.formContent .formPosition3,
.passwordCheckList,
.telList,
.postalList,
.addresseeCheckList,
.meritArea .meritCol,
.mailInfo,
.mailInfoCol,
.couponHowtoCol,
.memberDetail dl dd .memberNumberList,
.memberDetail dl dd .memberPostalList,
#birthdayMessage #birthdayMessageInner .birthdayCol,
.presentCol01,
.presentCol02,
.mainVisual,
.privilegeArea .detail,
.flowArea .presentation,
.bannerArea ul,
.checkHeading {
  min-height: 1%;
  zoom: 1;
}

}


/* input settint
=========================================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select-address,.select-relation {
    padding: 3px 39px 3px 8px;
    background: url(/common/images_sys/common_bg01.gif) no-repeat 95% 50%;
  }
  .select-address::-ms-expand,
  .select-relation::-ms-expand {
    display: none;
  }
}
@-moz-document url-prefix() {
  .select-address,.select-relation {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    padding: 3px 39px 3px 8px;
    background: url(/common/images_sys/common_bg01.gif) no-repeat 95% 50%;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .select-address,.select-relation {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    padding: 3px 39px 3px 8px;
    background: url(/common/images_sys/common_bg01.gif) no-repeat 95% 50%;
    }
}
/* 2015/10/20 ADD */
.pointOzExchange {
  float:left;
  width:430px
}
/* 2015/10/20 ADD */
.align-right {
  text-align:right;
}
.mitsui-center {
  margin-left:25px;
}
.gourmet-interval {
  margin: 15px 0;
  display:block;
}

/* 127_card_agreement_oz.html*/
.caution {
    background: url(/common/images_sys/caution.png) no-repeat;
    background-size: 40px;
}

/* inquiry Contents
=========================================*/
.inquiryNoteLink{
  font-weight: normal;
  font-size: 0.9em;
  margin-top: 5px;
}
.inquiryNoteLink span{
  cursor: pointer;
  color: #0087c0;
}
.inquiryNoteLink a:visited{
  color: #663399;
}
.inquiryCaution{
  padding-left:1em;
  text-indent:-1em;
}

/*ポップアップここから*/
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: relative;
  align-self: center;
  /* width: 90%; */
  max-width: 800px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
/*ポップアップココまで*/



.ivrTelBox {
  border: solid 1px #cccccc;
  text-align: center;
  margin-top: 20px;
  margin-left: 20%;
  margin-right: 20%;
}
.ivrTelBox .banner {
  border: solid 1px #cccccc;
  padding: 5px 5px 5px 5px;
  background-color: #daf5ff !important;
}

.ivrTelBox .telephoneNumber {
  font-size: 250%;
}