@charset "utf-8";

/* ======================
 * Contents CSS
======================= */

@media only screen and (max-width: 736px) {


/* Common
=========================================*/
input[type=email],input[type=password],input[type=text] {
  height: 33px;
  padding: 3px 8px;
  border-top: solid 1px #868686;
  border-right: solid 1px #868686;
  border-bottom: solid 1px #868686;
  border-left: solid 1px #868686;
  -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: 100%;
}
.input-password01[disabled=disabled],
.input-password02[disabled=disabled] {
  background: #D4D0C8;
}
.input-tel01,.input-tel02,.input-tel03,.input-tel04,.input-tel05,.input-tel06,.input-postal01,.input-postal02 {
  width: 100%;
}
.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: 118px;
}
.input-adMail02 {
  width: 118px;
}
.input-exchange {
  width: 78px;
}
.input-cmngId {
  width: 180px;
}
.input-company,.input-companyperson {
  width: 220px;
}
.input-changeName01,.input-changeNameKana01 {
  width: 300px;
}
.changeName02,.changeNameKana02 {
  display: block;
  margin-top: 10px;
}

.select-address,.select-relation,.select-inquiryCategory {
  height: 44px;
  padding: 5px 20px 5px 10px;
  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;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: "";
  background: url(/common/images_sys/common_bg01.gif) no-repeat 95% 50%;
  background-size: 6px auto;
}

/* error */
input.error,textarea.error {
  background: #ffdede;
}
.errorText {
  margin-top: 5px;
  color: #cc0000;
  font-weight: bold;
}

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

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

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

/* postalList */
.postalList li {
  position: relative;
  float: left;
  width: 40%;
  margin-bottom: 10px;
  padding-left: 16px;
}
.postalList li {
}
.postalList li:first-child {
  padding-left: 0;
}
.postalList li:last-child {
  clear: both;
  float: none;
  width: 118px;
  margin-bottom: 0;
  padding-left: 0;
}
.postalList li:before {
  position: absolute;
  top: 18px;
  left: 2px;
  line-height: 1;
  content: "－"
}
.postalList li:first-child:before,
.postalList li:last-child:before {
  content: ""
}
.postalList li.postalSearchBt {
  margin-top: 10px;
  margin-left: 0;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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: block;
  padding: 12px 13px 11px 27px;
  background: url(/common/images/common_ic01_sp.png) no-repeat 7px 1em;
  background-size: 12px 12px;
  color: #000000;
  font-size: 13px;
  font-size: 1.3rem;
  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;
}
.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;
  width: 50%;
  margin-right: 0;
}
.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: 8px;
}

/********************/
/* nameList */
.nameList li {
  position: relative;
  float: left;
  width: 60%;
  margin-bottom: 10px;
  padding-left: 35px;
}
.nameList li:first-child {
  padding-left: 30;
}
.nameList li:last-child {
  clear: both;
  float: none;
  margin-bottom: 0;
  padding-left: 40;
}
.nameList li:before {
  position: absolute;
  top: 18px;
  left: 2px;
  line-height: 1;
  content: "名"

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

/* nameFgList */
.nameFgList li {
  position: relative;
  float: left;
  width: 60%;
  margin-bottom: 10px;
  padding-left: 35px;
}
.nameFgList li:first-child {
  padding-left: 30;
}
.nameFgList li:last-child {
  clear: both;
  float: none;
  margin-bottom: 0;
  padding-left: 40;
}
.nameFgList li:before {
  position: absolute;
  top: 18px;
  left: 2px;
  line-height: 1;
  content: "メイ"

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

/********************/


/* Heading
=========================================*/
.heading01 {
  width: 100%;
  padding: 14px 15px 14px 15px;
  background: #00b6e1;
  border-bottom: solid 1px #009abe;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.7rem;
  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: 20px;
  font-size: 2.0rem;
  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: 0 0 10px 15px;
  border-bottom: solid 2px #0075c1;
  color: #0075c1;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.heading04 {
  margin-top: 20px;
  padding-left: 10px;
  border-left: solid 4px #00b6e1;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.heading05 {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #0075c1;
  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;
}
.heading06 {
  margin-top: 25px;
  padding: 15px 15px 15px 15px;
  background: #0075c1;
  border-bottom: solid 3px #005185;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
}
.heading07 {
  margin-top: 30px;
  padding-left: 14px;
  border-left: solid 5px #00b6e1;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
.heading08 {
  padding-top: 30px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #0075c1;
  line-height: 1;
}
.heading09 {
  width: 100%;
  padding: 14px 15px 14px 15px;
  background: #ff7b93;
  border-bottom: solid 1px;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.7rem;
  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 {
  position: relative;
  margin-top: 40px;
  padding: 0 0 8px 0;
  color: #0075c1;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: solid 2px #0075c1;
}
.checkHeading .inputWrap {
  position: absolute;
  top: 50%;
  left: 8px;
  margin: -20px 0 0 0;
  padding: 3px;
  background: url(/common/images_sys/mail_bg01.gif) no-repeat 0 50%;
  background-size: 22px 22px;
}
.checkHeading input {
  vertical-align: auto;
}
.checkHeading label {
  margin: 0 8px 0 0;
  padding-left: 35px;
  display: inline-block;
}
.checkHeading .recommendIcon {
  width: 93px;
  height: auto;
  margin: 0 10px 2px 0;
  vertical-align: middle;
}

/* couponHeading */
.couponHeading {
  position: relative;
  padding: 13px 15px 13px 130px;
  background: #c5a200;
  color: #ffffff;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
}
.couponHeading .birthdayIcon {
  position: absolute;
  top: 0;
  left: 5px;
  width: 119px;
  margin-top: 0;
}
.couponHeading .printBt {
  display: none;
}


/* Text
=========================================*/
.leadText {
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.leadText02 {
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.leadText03 {
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.leadText-textalign {
  margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}
.leadText-textalign2 {
  margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  text-align:left;
}
.leadText-textalign3 {
  margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  text-align:left;
  color: #FF0000;
  font-weight: bold;
}
.leadText-textalign4 {
  margin-top: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  text-align:left;
  color: #FF0000;
  font-weight: bold;
}
.text-center {
  text-align:center;
}
.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;
}
.confirmText {
  margin-top: 25px;
  color: #cc0000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.confirmText2 {
  margin-top: 25px;
  color: #cc0000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align:left;
}
.finishText {
  margin-top: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.finishText2 {
  margin-top: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
}

/* 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: 15px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  font-size: 1.2rem;
}
p.notes:before {
  content: "※";
}
p.notes .mandatoryIcon {
  width: 57px;
  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: 12px;
  font-size: 1.2rem;
}
.notes02:before {
  content: "※";
}
p.visaNotes {
  padding: 0 10px 10px 10px;
  font-size: 1.3rem;
  text-align: center;
  color: #cc0000;
  font-weight: bold;
}

/* iconList
=========================================*/
dl.iconList {
  margin-top: 20px;
}
dl.iconList dt {
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
}
dl.iconList dt:before {
  content: "●";
}
dl.iconList dd {
  padding-left: 1em;
}
dl.iconList02 {
  margin-top: 20px;
}
dl.iconList02 dt {
  margin-top: 20px;
  font-weight: bold;
}
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: 12px;
  background: url(/common/images/common_ic02_sp.png) no-repeat 0 0.3em;
  background-size: 5px 8px;
}
.iconLink01 a[href$=".pdf"],
.iconLink01 a.pdfLink {
  padding-right: 16px;
  background: url(/common/images/common_ic03_sp.png) no-repeat 100% 0.3em;
  background-size: 12px auto;
}


/* btLink
=========================================*/
.btLink01 {
  display: table;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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: 11px 15px 11px 40px;
  background: url(/common/images/common_ic01_sp.png) no-repeat 10px 50%;
  background-size: 16px 16px;
  color: #000000;
  font-size: 13px;
  font-size: 1.3rem;
  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: auto;
  margin: 25px 15px 0;
  padding-top: 18px;
  border-top: dotted 1px #b0babc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.sslArea .sslSeal {
  display: table-cell;
  width: 100px;
}
.sslArea .sslInfo {
  display: table-cell;
  width: auto;
  padding: 10px;
  vertical-align: middle;
}
.sslArea .sslInfo .iconLink {
  margin-top: 8px;
  padding-left: 9px;
  background: url(/common/images/footer_ic10.png) no-repeat 0 0.3em;
  background-size: 5px 8px;
}


/* linkArea
=========================================*/
.linkArea {
  width: auto;
  margin: 15px 15px 0;
  padding: 25px 0;
  border-top: dotted 1px #b0babc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.linkArea .iconLink {
  padding-left: 4px;
}
.linkArea .iconLink li {
  float: none;
  margin: 10px 0 0 0;
  padding-left: 11px;
  background: url(/common/images/footer_ic10.png) no-repeat 0 0.3em;
  background-size: 5px 8px;
}
.linkArea .iconLink li:first-child {
  margin-top: 0;
}

/* 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: 100%;
  margin: 0;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* logInBox */
.logInContent .logInBox {
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px 30px;
  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: 107px;
}
.logInContent .logoArea .cross {
  width: 28px;
}
.logInContent .logoArea .logo img {
  width: 100%;
  height: auto;
}
.logInContent .logInBox .mail {
  width: 100%;
  margin: 0 auto;
}
.logInContent .logInBox .password {
  width: 100%;
  margin: 19px 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: 100%;
  margin: 0 auto;
}
.logInContent .logInBox .hitoCd dt,
.logInContent .logInBox .mail dt,
.logInContent .logInBox .password dt {
  font-size: 14px;
  font-size: 1.4rem;
}
.logInContent .logInBox .hitoCd dt span,
.logInContent .logInBox .mail dt span,
.logInContent .logInBox .password dt span {
  font-size: 14px;
  font-size: 1.4rem;
}
.logInContent .logInBox .hitoCd dd,
.logInContent .logInBox .mail dd,
.logInContent .logInBox .password dd {
  padding-top: 10px;
}
.logInContent .logInBox .mail dd input.input-mail,
.logInContent .logInBox .password dd input.input-password {
  width: 100%;
}
.logInContent .logInBox .hitoCd dd input.input-hitoCd {
  width: 95%;
}
.logInContent .logInBox .logIn {
  width: 100%;
  margin: 23px 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: 14px;
}
.logInContent .logInBox .logIn dd .input-login {
  width: 100%;
  padding: 15px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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 {
  width: 100%;
  padding: 15px 0;
  background: #ff6c00;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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 {
  width: 100%;
  padding: 15px 0;
  background: #ff6c00;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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 .input-login2 .requestbox {
  width: 250px;
  margin: 20px auto 0;
  padding: 12px 20px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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.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 .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: block;
  line-height: 1;
  letter-spacing: normal;
}
.logInContent .logInBox .logIn dd .reissueLinks li:first-child {
  padding-right: 0;
  border-right: none;
}
.logInContent .logInBox .logIn dd .reissueLinks li:last-child {
  margin-top: 15px;
  padding-left: 0;
}
.logInContent .logInBox .contact {
  margin-top: 20px;
}
.logInContent .logInBox .contact li {
  margin-top: 10px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.logInContent .logInBox .contact li:before {
  content: "● ";
}
.logInContent .logInBox .signUp {
  margin-top: 25px;
  padding: 20px 0 0 0;
  border-top: dotted 1px #afb9bb;
}
.logInContent .logInBox .signUp dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.logInContent .logInBox .signUp dd .signUpBt {
  width: 100%;
  margin: 9px auto 0;
  border-bottom: solid 1px #328832;
}
.logInContent .logInBox .signUp dd .signUpBt a {
  display: block;
  padding: 16px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b257', endColorstr='#4aa54a',GradientType=0 );
  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: 5px;
  display: block;
}

/* infoArea */
.logInContent .infoArea {
  width: 100%;
  margin: 20px auto 0;
}
.logInContent .infoArea h2 {
  padding-left: 24px;
  background: url(/common/images_sys/common_ic01_sp.png) no-repeat 0 0;
  background-size: 18px 18px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.logInContent .infoArea dl {
  display: block;
  margin-top: 15px;
}
.logInContent .infoArea dl dt {
  display: block;
  padding-right: 0;
}
.logInContent .infoArea dl dd {
  display: block;
  margin-top: 7px;
}

/*OZauth_flow*/
.OZauth_flow {
}

.OZauth_flow .frow_title {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.OZauth_flow .title_icon {
zoom: 50%
}

.OZauth_flow .five-col {
	margin: 0 auto;
}

.OZauth_flow .col {
  margin-top: 10px;
}
.OZauth_flow .flow_cap {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.OZauth_flow .flow_cap_blue {
  border-color: #00b5e0;
  border-style: solid;
  border-width: 1px;
	width: 100%;
	box-sizing: border-box;
}
.OZauth_flow .flow_cap_pink {
  border-color: #ffcccc;
  border-style: solid;
  border-width: 1px;
}

.OZauth_flow p {
  padding: 5px;
}

.OZauth_flow .arrow_pc {
  display: none;
}
.OZauth_flow .arrow_sp {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* formContent
=========================================*/
/* formPosition */
.formContent .formPosition.threeList
,.formContent .formPosition2.threeList {
  margin-left: 5%;
}
.formContent .formPosition3.fourList  {
  margin: 0 5%;
}
.formContent .formPosition.threeList li
,.formContent .formPosition2.threeList li {
  width: 30%;
}
.formContent .formPosition3.fourList li {
  width: 25%;
}
.formContent .formPosition
,.formContent .formPosition2
,.formContent .formPosition3 {
  padding: 0 15px;
}
.formContent .formPosition li
,.formContent .formPosition2 li
,.formContent .formPosition3 li {
  display: table;
  float: left;
  width: 25%;
  padding-left: 11px;
  background: url(/common/images_sys/common_ic02.gif) no-repeat 4px 50%;
  background-size: 3px auto;
  -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:first-child {
  padding-left: 0;
}
.formContent .formPosition2 li:first-child
,.formContent .formPosition3 li:first-child {
  background: none;
}
.formContent .formPosition li span
,.formContent .formPosition2 li span
,.formContent .formPosition3 li span {
  display: table-cell;
  padding: 10px 5px;
  min-height: auto;
  background: #ffffff;
  border: solid 1px #e0e0e0;
  font-size: 9px;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  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;
}
.formContent .formPosition li.active span 
,.formContent .formPosition2 li.active span
,.formContent .formPosition3 li.active span {
  background: #ff9000;
  border: solid 1px #ff9000;
  color: #ffffff;
}

/* basicInformationBox */
.basicInformationBox {
  margin-top: 20px;
  padding: 19px 15px 25px 15px;
  background: #eff6f8;
}
.basicInformationBox h2 {
  padding-bottom: 14px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.basicInformationBox .align-left {
  padding-bottom: 14px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}
.basicInformationBox h2.onelinePb0 {
  padding-bottom: 0;
}
.basicInformationBox dl.tableLayout02 {
  display: block;
  width: 100%;
}
.boxInner dl:first-child {
  border-top: solid 1px #cccccc;
}
.basicInformationBox dl.tableLayout02 dt {
  display: block;
  width: 100%;
  padding: 10px 10px 10px 15px;
  background: #efefef;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  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: 100%;
}
.basicInformationBox dl.tableLayout02 dd {
  display: block;
  width: 100%;
  padding: 10px 10px 10px 15px;
  background: #ffffff;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  -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.tableLayout03 {
  display: table;
  width: 100%;
  margin-top: 15px;
  border: solid 2px #0075c1;
}
.basicInformationBox dl.tableLayout03 > dd .agreementBtn {
  display: block;
  width: 100%;
  padding: 10px 10px 10px 15px;
  background: #ffffff;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  -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: 15px 15px 15px 15px;
  background: #eff6f8;
}

/* tableLayout */
dl.tableLayout01 {
  display: block;
  width: 100%;
  margin-top: 20px;
  border: solid 1px #cccccc;
}
.formBox > dl.tableLayout01:first-child {
  margin-top: 0;
}
dl.tableLayout01 > dt {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 15px 10px 15px;
  background: #efefef;
  border-right: none;
  border-bottom: solid 1px #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  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;
}
dl.tableLayout01 > dt.mandatory {
  padding: 10px 79px 10px 15px;
}
dl.tableLayout01 > dt span.textInner {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
dl.tableLayout01 > dt .mandatoryIcon {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 57px;
  height: 18px;
  margin-top: -9px;
}
dl.tableLayout01 > dd {
  display: block;
  width: 100%;
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  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;
}
dl.tableLayout01.joinTable {
  margin-top: 0;
  border-top: none;
}


/* submitArea
=========================================*/
.submitArea {
  margin-top: 30px;
}
.submitArea ul {
  position: inherit;
  height: auto;
  padding: 0 35px;
}
.submitArea ul li.nextBt {
  position: inherit;
  top: auto;
  left: auto;
  margin-left: 0;
}
.submitArea ul li.nextBt input.input-next {
  width: 100%;
  padding: 15px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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: 100%;
  padding: 15px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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: 100%;
  padding: 15px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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: inherit;
  top: auto;
  left: auto;
  display: table;
  min-width: 120px;
  height: auto;
  margin-top: 25px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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: 11px 15px 11px 40px;
  background: url(/common/images/common_ic04.png) no-repeat 10px 50%;
  background-size: 16px 16px;
  color: #000000;
  font-size: 13px;
  font-size: 1.3rem;
  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: inherit;
  top: auto;
  left: auto;
  margin-left: 0;
  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: 17px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085cb', endColorstr='#006aba',GradientType=0 );
  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: 21px;
  background: url(/common/images/common_ic05_sp.png) no-repeat 0 50%;
  background-size: 10px 10px;
}

.submitArea ul li.ozBt {
  position: inherit;
  top: auto;
  left: auto;
  margin-left: 0;
  margin-bottom: 15px;
  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: 17px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085cb', endColorstr='#006aba',GradientType=0 );
  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;
}

.submitArea.finishPage {
  padding: 0 35px;
}
.submitArea.finishPage ul {
  padding: 0;
}
.submitArea.finishPage ul li.backBt,
.submitArea.finishPage ul li.closeBt {
  width: 100%;
}
.submitArea.finishPage ul li.backBt {
  margin-bottom: 22px;
  text-align: center;
}

.submitArea02 {
  margin-top: 30px;
  padding: 15px 15px 0;
  border-top: solid 1px #dedede;
}
.submitArea02 ul {
  position: inherit;
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
}
.submitArea02 ul li.nextBt {
  position: inherit;
  top: auto;
  left: auto;
}
.submitArea02 ul li.nextBt input.input-next {
  width: 100%;
  padding: 17px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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: inherit;
  top: auto;
  left: auto;
  display: block;
  width: 100%;
  min-width: 100%;
  height: 39px;
  margin-top: 24px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.submitArea02 ul li.backBt a {
  display: block;
  padding: 11px 10px 11px 32px;
  background: url(/common/images/common_ic04_sp.png) no-repeat 7px 50%;
  background-size: 16px 16px;
  color: #000000;
  font-size: 13px;
  font-size: 1.3rem;
  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 : 0px;
}

.submitArea.otpAuth ul li.linkArg{
	margin-top:20px;
	margin-left:0px;
	text-align: center;
	position:inherit;
}

.submitArea.otpAuth ul .secondBtn{
	margin-top:25px;
	margin-left:0px;
	text-align: center;
	position:inherit;
}


/* mailInfoCol
=========================================*/
.mailInfoCol {
  display: table;
  margin: 15px 15px 0;
}
.mailInfoCol .image {
  display: table-cell;
  max-width: 90px;
}
.mailInfoCol .info {
  display: table-cell;
  width: auto;
  padding-left: 13px;
  vertical-align: middle;
}
.mailInfoCol .info .notes {
  font-size: 12px;
  font-size: 1.2rem;
}


/* meritArea
=========================================*/
.meritArea {
  position: relative;
  margin: 19px 15px 0 15px;
  padding: 16px 0 20px;
  background: #eff6f8;
}
.meritArea .meritHeading {
  padding: 0 15px;
  color: #0075c1;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.meritArea .meritCol {
  overflow: hidden;
  margin: 0 0 0 0;
  padding: 0 15px;
}
.meritArea .meritCol .col {
  float: none;
  width: 100%;
  margin: 15px 0 0 0;
}
.meritArea .meritCol .col dl {
  background: #ffffff;
}
.meritArea .meritCol .col dl dt {
  padding-top: 10px;
  text-align: center;
}
.meritArea .meritCol .col dl dt img {
  width: 146px;
  height: auto;
}
.meritArea .meritCol .col dl dd {
  padding: 12px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.meritArea .infoBt {
  position: inherit;
  top: auto;
  right: auto;
  width: 150px;
  margin: 18px auto 0 auto;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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_sp.png) no-repeat 10px 0.7em;
  background-size: 16px 16px;
  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: 0;
  padding: 0 15px;
}
.mailInfo .col {
  float: none;
  width: 100%;
  margin-top: 20px;
  padding-right: 0;
  -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: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.mailInfo .col dd {
  padding: 10px 0 0 15px;
  font-size: 14px;
  font-size: 1.4rem;
}


/* 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 4px 0 0;
}
.admissionContent .admissionInputArea .admissionList li:first-child input {
  margin-right: 4px;
}

.admissionContent .admissionInputArea .requestbox {
  margin: 20px 0 15px;
  padding: 15px 15px;
  background: #eff6f8;
  font-size: 14px;
  font-size: 1.4rem;
}
.admissionContent .admissionInputArea .requestbox .outLink {
  padding-right: 23px;
  background: url(/common/images/common_ic07.png) no-repeat 93% 0.3em;
}
.admissionContent .admissionInputArea .requestBt {
  width: 250px;
  margin: 20px auto 0;
  padding: 12px 20px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b00', endColorstr='#ff8100',GradientType=0 );
  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.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;
}


/* couponBox
=========================================*/
.couponBox {
  display: block;
  width: 100%;
  background: #fffac0;
}
.couponBox .couponDetail {
  display: block;
  width: auto;
  padding: 15px 15px 20px 15px;
  vertical-align: middle;
}

.couponBox .couponDetail.shunmi {
  display: flex;
  justify-content: space-between;
}

.couponBox .couponDetail .couponDetailCol {
  display: block;
}
.couponBox .couponDetail .couponDetailCol .logo {
  display: block;
  padding-right: 0;
  vertical-align: middle;
  text-align: center;
}
.couponBox .couponDetail .couponDetailCol .hotel {
  display: block;
  margin-top: 15px;
  color: #645200;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  vertical-align: middle;
}
.couponBox .couponDetail .couponDetailCol .hotel {
  text-align: center;
}

.couponBox .couponDetail .couponDetailCol .hotel span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.couponBox .couponDetail .couponInfo {
  margin-top: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}
.couponBox .photo {
  display: block;
  width: 100%;
  vertical-align: middle;
}


/* couponHowtoCol
=========================================*/
.couponHowtoCol {
  margin-top: 30px;
  padding: 0 15px;
}
.couponHowtoCol .pcCol {
  display: none;
}
/*
.couponHowtoCol .pcCol ul {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.couponHowtoCol .pcCol ul li {
  margin-top: 10px;
  min-height: 28px;
  padding: 3px 0 0 42px;
}
.couponHowtoCol .pcCol ul li:nth-child(1) {
  background: url(/common/images_sys/common_ic05_sp.gif) no-repeat 0 0;
  background-size: 28px 28px;
}
.couponHowtoCol .pcCol ul li:nth-child(2) {
  background: url(/common/images_sys/common_ic06_sp.gif) no-repeat 0 0;
  background-size: 28px 28px;
}
.couponHowtoCol .pcCol ul li:nth-child(3) {
  background: url(/common/images_sys/common_ic07_sp.gif) no-repeat 0 0;
  background-size: 28px 28px;
}
*/
.couponHowtoCol .spCol {
  float: none;
  width: 100%;
  margin-top: 30px;
}
.couponHowtoCol .spCol .leadText {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.couponHowtoCol .spCol .spImage {
  width: 220px;
  margin: 20px auto 0;
}
.couponHowtoCol .spCol .heading04{
  display: none;
}


/* notesBox
=========================================*/
.notesBox {
  margin: 30px 15px 0;
  padding: 15px 15px;
  background: #fef1f1;
}
.notesBox dt {
  color: #cc0000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
.notesBox dd li {
  margin-top: 12px;
  padding-left: 1em;
  text-indent: -1em;
  text-align:justify;
}
.notesBox dd li::before {
  content: "●";
}

.notesBox dd li.validityText {
  color: red;
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
  margin: 16px 0 8px;
}

.notesBox dd li.validityText::before {
  content: "";
}

.notesBox dd li a.iconLink {
  padding-left: 10px;
  background: url(/common/images_sys/common_ic08.png) no-repeat 0 0.5em;
  background-size: 5px 8px;
}

.notesBox.print .sectionSave {
  display: none;
}


/* memberDetail
=========================================*/
.memberDetail {
  display: none;
}


/* couponFoot
=========================================*/
.couponFoot {
  display: none;
}


/* logOutBox
=========================================*/
.logOutBox {
  width: 100%;
  margin-top: 25px;
  padding: 40px 0 40px;
  background: #eff6f8;
  text-align: center;
}
.logOutBox .logOutText {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.logOutBox .logOutBt {
  display: table;
  width: 161px;
  height: 40px;
  margin: 30px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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_sp.png) no-repeat 10px 50%;
  background-size: 16px 16px;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  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: 25px;
  text-align: center;
  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 12px 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 12px;
}
.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: 10%;
}
.historyPoint .table01 .detailCell {
  width: 65%;
}
.historyPoint .table01 .pointCell {
  width: 25%;
}
.historyPoint .table01 th,
.historyPoint .table01 td {
  padding: 10px 10px 10px 10px;
  border: solid 1px #cccccc;
  font-size: 10px;
  font-size: 1.0rem;
  -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: 100%;
  margin-top: 20px;
  border-collapse: collapse;
}
.historyPoint .table02 .dateCell {
  width: 10%;
}
.historyPoint .table02 .detailCell {
  width: 65%;
}
.historyPoint .table02 .pointCell {
  width: 25%;
}
.historyPoint .table02 th,
.historyPoint .table02 td {
  padding: 10px 10px 10px 10px;
  border: solid 1px #cccccc;
  font-size: 10px;
  font-size: 1.0rem;
  -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: 30px;
  padding: 15px 15px;
  background: #fef1f1;
}
.historyPoint .notesBox dt {
  color: #cc0000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
.historyPoint .notesBox dd {
  font-size: 12px;
  font-size: 1.2rem;
}
.historyPoint .notesBox dd li {
  margin-top: 12px;
  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_sp.png) no-repeat 0 0.5em;
  background-size: 5px 8px;
}

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

/* birthdayMessage
=========================================*/
#birthdayMessage {
  background: #fffac0;
}
#birthdayMessage #birthdayMessageInner {
  width: 100%;
  margin: 25px auto 0;
  min-height: auto;
  padding: 164px 15px 30px 15px;
  background: url(/common/images_sys/birthday_il02.gif) no-repeat 50% 11px;
  background-size: 138px 137px;
  -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: 10px;
  border-left: solid 5px #c5a200;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
#birthdayMessage #birthdayMessageInner .birthdayLead {
  margin-top: 10px;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
}
#birthdayMessage #birthdayMessageInner .birthdayCol {
  margin-top: 24px;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col:first-child {
  float: none;
  width: 100%;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col:last-child {
  float: none;
  width: 100%;
  margin-top: 25px;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col p {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul li {
  margin-top: 8px;
  min-height: 28px;
  padding: 3px 0 0 42px;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul li:nth-child(1) {
  margin-top: 0;
  background: url(/common/images_sys/birthday_ic01_sp.gif) no-repeat 0 0;
  background-size: 28px 28px;
}
#birthdayMessage #birthdayMessageInner .birthdayCol .col ul li:nth-child(2) {
  background: url(/common/images_sys/birthday_ic02_sp.gif) no-repeat 0 0;
  background-size: 28px 28px;
}


/* presentCol
=========================================*/
/* presentCol01 */
.presentCol01 {
  overflow: hidden;
  margin-right: 0;
}
.presentCol01 .col {
  float: left;
  width: 48%;
  margin: 10px 0 0 0;
  background: #f5f5f5;
  border-bottom: solid 2px #dedede;
}
.presentCol01 .col:nth-child(odd) {
  margin-right: 4%;
}
.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: 5px 0;
  color: #ffffff;
  font-size: 8px;
  font-size: 0.8rem;
  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: 9px 11px 9px 11px;
}
.presentCol01 .col .detail dt {
  margin-top: 9px;
  color: #333333;
}
.presentCol01 .col .detail dt:first-child {
  margin-top: 0;
}
.presentCol01 .col .detail dd {
  margin-top: 10px;
  color: #888888;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
}

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

.presentCol01 .col div.detail > dl:last-child dd {
  margin-bottom: 0;
}

/* presentCol02 */
.presentCol02 {
  position: relative;
  margin-top: 15px;
}
.presentCol02 .photo {
  float: left;
  width: 140px;
  margin-right: 16px;
}
.presentCol02 .detail {
  float: left;
  padding-op: 18px;
}
.presentCol02 .detail dt {
  position: absolute;
  top: 30px;
  left: 150px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.presentCol02 .detail dd {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.presentCol02 .detail dd .iconLink {
  margin-top: 13px;
  padding-left: 10px;
  background: url(/common/images/common_ic02_sp.png) no-repeat 0 0.3em;
  background-size: 5px 8px;
}
.presentCol02 .detail dd .notes01 {
  margin-left: 0;
}


/* KEYUCA Contents
=========================================*/
.spNone {
  display: none;
}

/* mainVisual */
.mainVisual {
  margin: 20px -15px 0;
}
.mainVisual img {
  width: 100%;
  height: auto;
}

/* notes */
p.notes.smallText,
ul.notes.smallText li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
}

/* privilegeArea */
.privilegeArea {
  margin: 0 -15px;
/* padding: 17px 15px; */
/* background-color: #b7e8e8; */
}
.privilegeArea + .notes {
  margin-top: 2em;
}
.privilegeArea .title {
  color: #045454;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.privilegeArea .detail {
  margin-top: 15px;
}
.privilegeArea .detail li {
  padding-top: 54px;
  background: url(/common/images_sys/keyuca_ic03.png) no-repeat 50% 10px;
  background-size: 34px auto;
}
.privilegeArea .detail li:first-child {
  padding-top: 0;
  background: none;
}
.privilegeArea .detail li img {
  width: 100%;
  height: auto;
}

/* privilegeArea2 */

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

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

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

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

.privilegeArea2 {
  padding: 0px 0px 10px 8px;
  background-color: #b7e8e8;
}
.privilegeArea2 + .notes {
  margin-top: 2em;
}
.privilegeArea2 .title {
  color: #045454;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.privilegeArea2 .detail {
  margin-top: 15px;
}
.privilegeArea2 .detail li {
  /*padding-top: 54px;
  background: url(/common/images_sys/keyuca_ic03.png) no-repeat 50% 10px;
  background-size: 34px auto;*/
  padding-top: 10px;
  
  }
.privilegeArea2 .detail li:first-child {
  padding-top: 0;
  background: none;
}
.privilegeArea2 .detail li img {
  height: auto;
}

/* flowArea */
.flowArea p {
  margin-top: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.flowArea .title {
  margin: 10px -15px 0;
  padding: 4px 15px;
  border-bottom: 2px solid #0075c1;
  color: #0075c1;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.flowArea .presentation {
  overflow: hidden;
  margin-top: 1em;
}
.flowArea .presentation .col {
  position: relative;
  margin-top: 60px;
  padding: 15px;
  background-color: #e6f3f3;
}
.flowArea .presentation .col:before {
  position: absolute;
  top: -50px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  background: url(/common/images_sys/keyuca_ic04.png) no-repeat 0 0;
  content: "";
}
.flowArea .presentation .col:first-child {
  margin-top: 0;
}
.flowArea .presentation .col .title {
  margin-top: 0;
  padding: 0;
  border-bottom: none;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.flowArea .presentation .col .inner {
  width: 100%;
  padding-top: 10px;
}
.flowArea .presentation .col .inner img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.flowArea .presentation .col .aC img {
  width: 40%;
}
.flowArea .presentation .col .aC img:last-child {
  margin-left: 20px;
}

.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: 64px;
  padding: 0 17px 0 22px;
  border: 1px solid #cccccc;
  border-bottom-width: 2px;
  background: url(/common/images_sys/keyuca_ic01.png) no-repeat 10px 50%;
  background-size: 12px 12px;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

/* bannerArea */
.bannerArea {
  margin: 35px -15px 0;
  padding: 15px;
  background-color: #f4f4f4;
}
.bannerArea ul li {
  width: 100%;
  margin-top: 10px;
  border-bottom: 1px solid #dedede;
  background-color: #ffffff;
}
.bannerArea ul li:first-child {
  margin-top: 0;
}
.bannerArea ul li a {
  display: table;
  width: 100%;
  padding: 2px;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  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: 148.5px;
  height: 60px;
  vertical-align: middle;
}
.bannerArea ul li a .image img {
  height: 60px;
}
.bannerArea ul li a .text {
  display: table-cell;
  height: 61px;
  padding: 0 10px;
  vertical-align: middle;
}
.bannerArea ul li a .text span {
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: normal;
}


/* smilecoupon Contents
=========================================*/
#addresseeSerect {
  margin-top: 25px;
  padding: 25px 10px 25px 40px;
  border: solid 2px #0075c1;
}
#addresseeSerect li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}
#addresseeSerect li:first-child {
  margin-bottom: 25px;
}
#addresseeSerect li input {
  margin: 0 7px 0 0;
  vertical-align: middle;
}
.basicInformationBox h2.smilecouponHeading {
  padding: 2px 0 2px 35px;
  background: url(/common/images_sys/smilecoupon_ic01.gif) no-repeat 0 50%;
  background-size: 18px auto;
  color: #0075c1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}
.basicInformationBox h2.smilecouponAgreement {
  padding: 2px 0 2px 0;
  padding-left: 1em;
  text-indent:-1em;
  margin-top: 30px;
  background-size: 18px auto;
  color: #0075c1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}
.basicInformationBox h2.smilecouponNotCovered {
  padding: 2px 0 2px 0;
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  text-align: left;
}
.basicInformationBox p.smilecouponCaution {
  margin-top: 10px;
  text-align: left;
}
.selectArea {
  margin-top: 15px;
  padding: 15px 15px;
  border-top: solid 2px #0075c1;
  border-bottpm: solid 2px #0075c1;
}
.selectArea h4 {
  color: #0075c1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.selectArea .formBox {
  margin-top: 20px;
  padding: 0;
  background: none;
}
.couponFinishArea .topLinkBt {
  display: table;
  width: 161px;
  height: 40px;
  margin: 25px auto 25px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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: 11px 15px 11px 40px;
  background: url(/common/images/common_ic04_sp.png) no-repeat 10px 50%;
  background-size: 16px 16px;
  color: #000000;
  font-size: 13px;
  font-size: 1.3rem;
  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
=========================================*/
.cardAgreementBox {
  margin: 15px 0 0 0;
  padding: 15px 15px;
  background: #eff6f8;
}
.cardAgreementBox .agreementBt {
  display: table;
  width: 250px;
  margin: 18px 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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085cb', endColorstr='#006aba',GradientType=0 );
  border-top: none;
  border-right: none;
  border-bottom: solid 1px #002846;
  border-left: none;
}
.cardAgreementBox .agreementBt a {
  display: table-cell;
  padding: 10px 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.2;
  text-align: center;
}
.cardAgreementBox .agreementBt:hover {
  background: #0067a9;
}
.cardAgreementBox .agreementBt:hover a {
  text-decoration: none;
}
.cardAgreementBox .notes {
  text-align: left;
}
.agreementCloseBt {
  display: table;
  width: 190px;
  height: 40px;
  margin: 20px auto 40px;
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  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 20px 12px 40px;
  background: url(/common/images/common_ic04_sp.png) no-repeat 10px 50%;
  background-size: 16px 16px;
  color: #000000;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  -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;
}
.agreementCloseBt a span {
}

.cardAgreementBox .lightGreenBanner {
  text-align: center;
  margin: 15px auto 10px;
  padding: 15px 15px;
  background-color:#5bc19e;
  color:#ffffff;
}
.cardAgreementBox .lightPinkBanner {
  text-align: center;
  margin: 15px auto 10px;
  padding: 15px 15px;
  font-weight: bold;
  color:#333333;
}

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

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

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

.cardAgreementBox .immediatePc {
  display:none;
}

.cardAgreementBox .immediateSp {
}




/* ClearFix
=========================================*/
.logInContent .linkArea .iconLink:after,
.formContent .formPosition:after,
.formContent .formPosition2:after,
.formContent .formPosition3:after,
.passwordCheckList:after,
.telList:after,
.postalList:after,
.addresseeCheckList:after,
.meritArea .meritCol:after,
.mailInfo:after,
.mailInfoCol:after,
#birthdayMessage #birthdayMessageInner .birthdayCol:after,
.presentCol01:after,
.presentCol02:after {
  content: "";
  display: block;
  clear: both;
}
.logInContent .linkArea .iconLink,
.formContent .formPosition,
.formContent .formPosition2,
.formContent .formPosition3,
.passwordCheckList,
.telList,
.postalList,
.addresseeCheckList,
.meritArea .meritCol,
.mailInfo,
.mailInfoCol,
#birthdayMessage #birthdayMessageInner .birthdayCol,
.presentCol01,
.presentCol02 {
  min-height: 1%;
  zoom: 1;
}

.sppedy {
    padding-left:1em;
  display:block;
}
.detailLst .align-right {
  text-align:right;
}
.mitsui-center {
  margin-left:0px;
}
.gourmet-interval {
  margin: 15px 0;
  display:block;
}

/* inquiry Contents
=========================================*/
.inquiryNoteLink{
  font-weight: normal;
  font-size: 0.9em;
  margin-top: 5px;
}
.inquiryNoteLink a{
  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: 0%;
  margin-right: 0%;
}
.ivrTelBox .banner {
  border: solid 1px #cccccc;
  padding: 5px 5px 5px 5px;
  background-color: #daf5ff !important;
}

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