@charset "utf-8";

.contentsBox {
  margin: 20px auto 0;
  font-size: 14px;
}

input[type='text'],
input[type='password'],
input[type='number'],
input[type='tel'] {
  /* color: #45433e !important; */
  color: #45433e;
}

input[type='text'].inputDisplayOnly,
input[type='password'].inputDisplayOnly,
input[type='number'].inputDisplayOnly,
input[type='tel'].inputDisplayOnly {
  border: none;
  background: none;
  padding: 0;
}

.regSection {
  margin-bottom: 10px;
}

.sectionMemId {
  /* border-bottom: 1px solid #e1e1e1; */
  /* margin-bottom: 30px; */
}
.regiOtherArea {
  overflow: hidden;
  /* margin: 2% auto; */
  margin-bottom: 20px;
}
.regiOtherArea .text {
  width: 100%;
  max-width: 680px;
  float: left;
}
.regiOtherArea .pop {
  width: 100%;
  max-width: 240px;
  float: right;
}
.regiOtherArea .pop img {
  max-width: 240px;
}
.caseOfCounseling {
  background-color: #f4f4f5;
  margin: 10px auto;
  padding: 28px;
  border-radius: 0;
  border: none;
}

.regiMainArea {
}
.regiMainArea input[type='text'],
.regiMainArea input[type='password'] {
  width: 40%;
  /* padding: 8px 10px;
  font-size: 14px; */
}

/* select */
select {
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-style: solid;
  border-radius: 0;
}
select option {
  background-color: #fff;
  color: #45433e;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.totalAmount {
  display: block;
  width: 92%;
  margin: auto;
  padding: 10px 0;
}
.required {
  color: #c80421;
}

.cautionNotes {
  margin-top: 10px;
  color: #c80421;
}

.subTextBox {
  display: inline-block;
}
.regLargeHead {
  width: auto;
  padding: 0.8em;
  padding-left: 1em;
  margin: auto !important;
  font-weight: bold;
}
.regMiddleHead {
  width: auto;
  padding: 0.8em;
  padding-left: 1em;
  margin: auto !important;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.regSmallHead {
  width: auto;
  padding: 0.8em;
  padding-left: 1em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #e1e1e1;
  margin: auto !important;
  font-size: 16px;
  font-weight: bold;
}
.validationTag {
  background: #fff;
  margin-right: 10px;
  padding: 2px 10px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: calc(50% - 14px);
}
.halfSizeBox {
  background: #fff;
  float: right;
  text-align: center;
  width: 40px;
  margin-right: 10px;
}
.halfEngSizeBox {
  background: #fff;
  float: right;
  text-align: center;
  width: 100px;
  margin-right: 10px;
}
.regDataBox {
  padding: 20px;
  padding-right: 0;
}

.regMiddleHead.retypeMailAddress {
  padding-bottom: 4px;
}
.regDataBox.retypeMailAddress {
  padding-top: 0;
}

.sectionMemId input[type='text'] {
  width: 40%;
}

.sectionMailFirst input[type='text'] {
  width: 22%;
}

.regDataBox li {
  /* padding-top: 4px; */
}
.generalNotes {
  margin: 8px auto;
  /* color: #d3d2cf; */
}
.generalNotes li {
  font-size: 12px;
}
.passWordWrap {
  position: relative;
  display: inline-block;
}
.passWordWrap input[type='text'],
.passWordWrap input[type='password'] {
  width: 300px;
}
.passWordCheckbox {
  display: none;
}
.passWordCheckbox + label {
  padding-left: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.passWordCheckbox + label::before {
  content: '表示';
  font-size: 12px;
  display: block;
  position: absolute;
  text-align: center;
  top: 8px;
  left: -12px;
  padding: 2px 8px;
  border: 1px solid #807f7d;
  background-color: #fff;
  border-radius: 100px;
}
.passWordCheckbox:checked + label {
}
.passWordCheckbox:checked + label::before {
  content: '隠す';
  color: #fff;
  background-color: #807f7d;
}

.passCautionText {
  margin-left: 20px;
}
.passCautionText li {
  list-style: disc;
}
.necessary {
  color: #c80421;
}
.errorBox {
  color: #c80421;
  margin-top: 12px;
}
.sectionAlreadyRegistered {
  border-top: 1px solid #e1e1e1;
  padding: 20px 0;
  margin: 30px 0;
}
.sectionAlreadyRegistered p {
  text-align: center;
  color: #c80421;
  margin-bottom: 15px;
}

.passFont {
  font-weight: bold;
}
.nameTextBox {
  display: inline-block;
  width: 38%;
  vertical-align: top;
}
.nameTextBox input[type='text'] {
  width: 80%;
}
.nameSub {
  font-weight: bold;
}
.katakanaBox {
  background: #fff;
  float: right;
  text-align: center;
  width: 80px;
  margin-right: 10px;
}
.contentsBox select {
  padding: 8px 10px;
  padding-right: 20px;
  font-size: 14px;
  background-image: url('/shared/assets/img/icon_btn_greyarw_down.png');
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 4px;
}
.yearBox {
  width: 150px;
}
.monthBox {
  margin-left: 12px;
}
.dayBox {
  margin-left: 12px;
}
.checkBox {
  margin: 10px auto;
}
.checkButton {
  margin-top: 10px;
}
.loginAncherLB {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #c80421 !important;
  cursor: pointer;
}

.mainRadioButton + label {
  padding-left: 40px;
  position: relative;
  cursor: pointer;
}
.cashMethodList {
  overflow: hidden;
}
/* .cashMethodItem { */
.cashMethodItem td {
  display: block;
  float: left;
  margin-right: 1em;
}

.adressTextBox input[type='text'],
.adressTextBox input[type='tel'] {
  width: 90px;
}
.adressTextBox input[type='text'].inputError,
.adressTextBox input[type='tel'].inputError {
  margin-bottom: 80px;
}
.adressTextBox {
  /* position: relative; */
}
.adressTextWrap {
  position: relative;
}
.adressTextBox button {
  display: inline-block;
  margin-left: 20px;
}

.adressTextBox .formError.inline {
  display: inline-block;
  position: absolute !important;
  top: 30px !important;
}

.postButton {
  padding: 8px 8px;
  margin-left: 2%;
  background: #f4f4f5;
  border-radius: 6px;
  border: 1px solid #d3d2cf;
  box-shadow: none;
  cursor: pointer;
  font-family: '游ゴシック体', yugothic, '游ゴシック', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
}
.postButton:hover {
  opacity: .7;
}
.sectionAddress {
  /* margin-bottom: 32px; */
}
.adressButton button {
  display: inline-block;
}

/* .deliMethodItem { */
.deliMethodItem td {
  display: block;
  margin-right: 1em;
  margin-top: 10px;
  margin-bottom: 20px;
}
.deliRadioButton {
  margin-bottom: 10px;
}
.mailMagaDesc {
}
.mailMagaDescAnchor {
}
.mailMagaDescText {
}
.deliSample {
  margin-top: 6px;
  margin-bottom: 6px;
}
.deliSampleUrl {
  display: inline-block;
  margin-right: 20px;
}
.sectionDeliMail .deliSample .deliSampleUrl{
  display: none;
}
.litySampleHTML {
}
.litySampleTEXT {
}
.modalArea .sampleImage {
  height: 600px;
  overflow-y: scroll;
  margin: 70px auto 20px;
  border: solid 1px #d3d2cf;
}

.mailMagazineBox {
  width: 68%;
  background-color: #f4f4f5;
  display: inline-block;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 2%;
}
.MagaCautionBox {
  width: 72%;
  background-color: #f4f4f5;
  display: inline-block;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 3%;
  border-radius: 0;
  border: 1px solid #d3d2cf;
}
.MagaCautionBox ul {
}
.MagaCautionBox li {
  padding-left: 24px;
  background-image: url(/shared/assets/img/icon_alert_red.gif);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.RuleBox {
  width: 90%;
  background-color: #f4f4f5;
  display: inline-block;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 3%;
  border-radius: 10px;
  border: 1px solid #d3d2cf;
}

.checkRule {
  width: 100%;
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: center;
  font-weight: bold;
}
.checkRule label {
  padding: 20px 50px;
  padding-right: 20px;
}
.checkRule label.formElementError {
}
.RuleTextBox {
  width: 90%;
  background-color: #f4f4f5;
  display: inline-block;
  margin-bottom: 2%;
  padding: 3%;
  border-radius: 10px;
  border: 1px solid #d3d2cf;
}
/* .RuleScroll {
overflow: scroll;
overflow-x: hidden;
} */
div.agreement {
  border: none;
  padding: 0;
  height: 15em !important;
}
div.agreement::-webkit-scrollbar {
  width: 14px;
}
div.agreement::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 0px;
}
div.agreement::-webkit-scrollbar-thumb {
  background-color: #807f7d;
  border-radius: 0px;
}

.entryAddressBox {
  padding: 20px;
  padding-right: 0;
}

.adressButton {
}
.RuleTextTitle {
  margin-bottom: 6px;
}
.RuleTextWord {
  height: 100px;
}
.checkRuleErrMsg {
  text-align: center;
  color: #c80421;
  font-weight: bold;
  margin: 0 auto 20px;
}
.confiBoxText {
  text-align: center;
  margin-top: 20px;
}
.mailOption {
  margin-top: 14px;
}

/* ２－１－１ */

.topButton {
  margin-top: 34px;
  overflow: hidden;
  margin-left: 158px;
  margin-bottom: 80px;
}
.topButton .parts_btn {
  margin-top: 9px;
  overflow: hidden;
  float: left;
  margin-left: 13px;
  padding: 12px;
}
.titleWord {
  margin-top: 8%;
  margin-bottom: 4%;
  text-align: center;
  font-size: 16px;
}
.mainBox {
  border: 1px solid #d3d2cf;
  padding-top: 22px;
  padding-left: 26px;
  padding-bottom: 30px;
  padding-right: 26px;
}
.mainBoxWrap {
  margin: auto;
  width: 80%;
}

.wordBig {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.mainBoxTitle {
  font-weight: bold;
  font-size: 18px;
}
.boxSpace {
  margin-top: 20px;
  overflow: hidden;
}

.mainBoxImage img {
  max-width: 240px;
}
.mainBoxImage {
  float: left;
}
.mainBoxSentence {
  width: 60%;
  margin-left: 20px;
  float: left;
}

.regBox {
  padding-top: 22px;
  padding-bottom: 30px;
  margin: auto;
  max-width: 510px;
}

.regTextList li {
  list-style: disc;
}
.turuhaGroupImage {
  text-align: center;
}
.turuhaGroupImage img {
  max-width: 500px;
}
.btnPosition {
  margin-top: 30px;
  margin-bottom: 40px;
}
.regSecondBox {
  padding-top: 22px;
  padding-bottom: 30px;
  margin: auto;
  max-width: 700px;
}

.borderNone {
  border: none !important;
  text-decoration: underline;
  padding: 0;
  padding-right: 24px;
}

.loginModalInner {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

input[type='tel'] {
  padding: 8px 10px;
  font-size: 14px;
  min-height: 20px;
}

.yearmMoney {
  margin-top: 10px;
}

.loginModalWrap {
}
.loginModalInner {
}
.loginModalInner p {
  margin-bottom: 10px;
}

@media (max-width: 749px) {
  #body {
    padding: 0;
  }
  .allWrapper {
    margin: 0 3%;
  }

  .inline {
    font-size: 22px;
    margin: 10px;
    font-weight: bold;
  }

  .contentsBox {
  }

  input[type='text'],
  input[type='password'],
  input[type='number'],
  input[type='tel'] {
    color: #45433e !important;
  }

  .contentsBox img {
  }
  select {
  }
  p {
    margin: auto;
  }

  h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
  }
  .mainHead {
    font-size: 18px;
    margin: 10px;
    font-weight: bold;
  }

  .sectionMemId {
  }
  .regiOtherArea {
    overflow: hidden;
    margin: 2% auto;
  }
  .regiOtherArea .text {
    max-width: inherit;
    float: none;
    font-size: 12px;
  }
  .regiOtherArea .pop {
    max-width: inherit;
    float: none;
  }
  .regiOtherArea .pop img {
  }
  .caseOfCounseling {
    background-color: #f4f4f5;
    margin: 10px auto;
    padding: 28px;
    border-radius: 0;
    border: none;
  }
  .regiMainArea {
  }
  .regiMainArea input[type='text'] {
    width: 70%;
  }

  .caseOfPartner {
    max-width: 100%;
  }
  .caseOfCounseling {
    width: auto;
    padding: 14px;
  }
  .pop {
  }
  .pop img {
  }
  .totalAmount {
  }
  .required {
  }
  .cautionNotes {
    color: #c80421;
  }

  .subTextBox {
  }
  .regLargeHead {
  }
  .regMiddleHead {
    font-size: 14px;
    width: 80%;
    padding: 0.8em 17% 0.8em 3%;
    margin-left: 0 !important;
  }
  .regSmallHead {
    font-size: 14px;
  }
  .halfSizeBox {
    width: auto;
    margin-right: 0px;
    padding: 2px 4px;
  }
  .halfEngSizeBox {
    width: 88px;
  }
  .regDataBox {
    padding-left: 14px;
    padding-right: 8px;
  }

  .regMiddleHead.retypeMailAddress {
    padding-bottom: 4px;
  }
  .regDataBox.retypeMailAddress {
    padding-top: 0;
  }

  .sectionMemId input[type='text'] {
    width: 80%;
  }
  .newInfoBox input[type='text'] {
    width: 90%;
  }
  .telNumBox input[type='text'] {
    width: 80%;
  }
  .regDataBox li {
  }
  .generalNotes {
  }
  .generalNotes li {
  }

  .passWordWrap {
  }
  .passWordWrap input[type='text'],
  .passWordWrap input[type='password'] {
    width: 260px;
  }
  .passWordCheckbox {
  }
  .passWordCheckbox + label {
  }
  .passWordCheckbox + label::before {
  }
  .passWordCheckbox:checked + label {
  }
  .passWordCheckbox:checked + label::before {
  }

  .passCautionText {
  }
  .necessary {
  }
  .errorBox {
  }
  .mailCaution {
  }
  .sectionMailFirst {
  }
  .passFont {
  }
  .nameTextBox {
    width: 48%;
    margin-right: 1%;
  }
  .nameTextBox input[type='text'] {
    width: 80%;
  }
  .nameSub {
  }
  .katakanaBox {
  }
  .contentsBox select {
    padding: 8px 10px;
  }
  .yearBox {
    width: 120px;
    font-size: 12px !important;
  }
  .monthBox {
    font-size: 12px !important;
    width: 46px;
    margin-left: 0px;
  }
  .dayBox {
    font-size: 12px !important;
    width: 46px;
    margin-left: 0px;
  }
  .mainRadioButton + label {
  }
  .cashMethodItem {
  }
  .adressTextBox input[type='text'],
  .adressTextBox input[type='tel'] {
    width: 80px;
  }
  .adressTextBox button {
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 18px;
  }
  .postButton {
    margin-left: 0px;
  }
  .toDouHukenSel {
    margin-bottom: 6px;
  }
  .sectionAddress {
  }
  .entryAddressBox {
    padding: 10px;
    padding-right: 0;
  }
  .adressButton {
  }
  .deliMethodItem {
  }
  .deliRadioButton {
    margin-bottom: 30px;
  }
  .mailMagaDesc {
    margin-bottom: 30px;
  }
  .mailMagaDescAnchor {
    display: inline-block;
    color: #45433e;
    text-decoration: underline;
    padding-right: 20px;
    background-image: url('/shared/assets/img/icon_btn_greyarw_down.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .mailMagaDescText {
    margin: 10px auto 20px;
  }
  .deliSample {
  }
  .deliSampleUrl {
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }
  .deliSampleAnchor {
    display: inline-block;
    color: #45433e;
    text-decoration: underline;
    padding-right: 20px;
    background-image: url('/shared/assets/img/icon_btn_greyarw_down.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .deliSampleImg {
  }
  .deliSampleImg img {
    width: 100%;
    border: 1px solid #d3d2cf;
    margin-bottom: 30px;
  }

  .litySampleHTML {
  }
  .litySampleTEXT {
  }
  .modalArea .sampleImage {
  }

  .descriptionMore {
    margin-bottom: 14px;
  }

  .mailMagazineBox {
  }
  .MagaCautionBox {
    width: auto;
    padding: 6%;
  }
  .memberRead {
    margin-top: 14px;
    margin-left: 14px;
  }
  .RuleBox {
  }
  .checkRule {
  }
  .checkRule label {
  }
  .RuleTextBox {
  }
  .RuleScroll {
  }
  .RuleTextTitle {
  }
  .RuleTextWord {
  }
  .confiBoxText {
  }
  .mailOption {
    margin: 20px auto 40px;
  }
  .topButton {
    margin-top: 16px;
    margin-bottom: 18px;
    float: none;
    margin-left: auto;
  }
  .positionButton {
    margin-bottom: 26px;
  }
  .topButton .parts_btn {
    margin-bottom: 18px;
    float: none;
    margin-left: auto;
  }
  .titleWord {
    margin-bottom: 0%;
  }
  .mainBox {
    padding-left: 18px;
  }
  .mainBoxWrap {
    padding-top: 6%;
    width: 96%;
    margin-bottom: 10px;
  }
  .wordBig {
    font-size: 22px;
  }
  .mainBoxTitle {
    font-size: 16px;
  }
  .boxSpace {
  }

  .nextPageButton {
    margin-bottom: 14%;
  }

  .mainBoxImage img {
  }
  .mainBoxImage {
    text-align: center;
    float: none;
  }
  .mainBoxSentence {
    width: auto;
    margin-left: 0px;
    margin-top: 2%;
  }
  .regBox {
    padding-top: 12px;
    padding-left: 4%;
  }
  .wordSmallCoope {
    text-align: left;
  }
  .regTextList li {
  }
  .turuhaGroupImage {
  }
  .turuhaGroupImage img {
    max-width: 280px;
  }
  .btnPosition {
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .regSecondBox {
    padding-left: 20px;
  }
  .callButtonPosi {
    margin-top: 16px;
  }
  .callButtonPosi .parts_btn {
    width: auto;
    min-width: 220px;
    max-width: 220px;
  }
  .tellText {
    text-align: center;
  }

  .watashiHead {
    width: auto;
    padding: 0.8em;
    padding-left: 1em;
    background-color: #f4f4f5;
    margin: auto !important;
    font-size: 16px;
    font-weight: bold;
  }

  .loginModalWrap {
    padding-top: 30px;
  }
}

.zipcodeModalWrap {
  width: 500px;
}

.zipcodeModalWrap h3 {
  text-align: center;
}

.zipcodeModalInner {
  width: 100%;
}

.zipcodeModalInner p {
  text-align: center;
}

.zipcodeModalBox {
  background-color: #f4f4f5;
  border: 1px solid #d3d2cf;
  border-radius: 10px;
  padding: 20px;
  margin: 20px auto;
}

.zipcodeModalText {
  max-height: 230px;
  overflow-y: scroll;
}
.zipcodeModalText::-webkit-scrollbar {
  width: 14px;
}
.zipcodeModalText::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 0px;
}
.zipcodeModalText::-webkit-scrollbar-thumb {
  background-color: #807f7d;
  border-radius: 0px;
}

.zipcodeModalText li {
  padding: 10px;
}

.zipcodeModalText li:nth-child(2n + 1) {
  background: #fff;
}

.zipcodeModalText li span {
  color: #c80421;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 749px) {
  .zipcodeModalWrap {
    width: auto;
  }

  .zipcodeModalWrap h3 {
  }

  .zipcodeModalInner {
  }

  .zipcodeModalInner p {
  }

  .zipcodeModalBox {
  }

  .zipcodeModalText {
  }
  .zipcodeModalText::-webkit-scrollbar {
  }
  .zipcodeModalText::-webkit-scrollbar-track {
  }
  .zipcodeModalText::-webkit-scrollbar-thumb {
  }

  .zipcodeModalText li {
  }

  .zipcodeModalText li:nth-child(2n + 1) {
  }

  .zipcodeModalText li span {
  }
}