@charset "utf-8";

/* View */
.view-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.view-wrap table { width:100%; border:0px; }
.view-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.view-wrap .form-line { border-bottom:2px solid #89a230; height:1px; }
.view-wrap .form-title { border-bottom:2px solid #89a230; line-height:24px; font-size:20px;padding-bottom:10px;}
.view-wrap .form-title-thin { border-bottom:1px solid #89a230; line-height:24px; }
.view-wrap .sub-title { padding-right:0px !important; width:140px; }
.view-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.view-wrap .sub-title span b { font-weight:normal; }
.view-wrap .form-group { margin-bottom:8px; }
.view-wrap .form-text { margin:10px 0px 20px; padding:15px; background:#fafafa; border:1px solid #ddd; }
.view-wrap .form-sign { margin:20px 0px; }

.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border-bottom:0px; }
.view-wrap .view-cnt { letter-spacing:0; }

.view-comment { margin: 0px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid rgb(51, 51, 51); display: inline-block; position: relative; }

/* Comment */
.comment-media { margin:10px 0px; }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }

.comment-form { padding-top:10px; }
.comment-box { border:1px solid #ddd; padding:12px 12px 0px; margin-bottom:15px; background:#fbfbfb; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
.comment-btn .cursor { margin-left:12px; color:#787878; }

#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

/* Write */
.write-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.write-wrap table { width:100%; border:0px; }
.write-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; font-size:16px;}
.write-wrap p{color:#555;font-size:14px;padding-left:20px;}
.write-wrap .form-label label { font-weight:normal; margin-right:15px; vertical-align:middle; line-height:20px; }
.write-wrap .form-label label input { margin:0px; vertical-align:middle; }
.write-wrap .form-line { border-bottom:2px solid #89a230; height:1px; }
.write-wrap .form-title { border-bottom:2px solid #89a230; line-height:24px; font-size:22px;color:#4c4c4c;padding-bottom:10px;}
.write-wrap .form-title-thin { border-bottom:1px solid #89a230; line-height:24px; }
.write-wrap .sub-title { padding-right:0px !important; width:160px; }
.write-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.write-wrap .sub-title span b { font-weight:normal; }
.write-wrap .form-group { margin-bottom:8px; }
.write-wrap .form-text { margin:10px 0px 20px; }
.write-wrap .form-text textarea { height:100px; }
.write-wrap .form-sign { margin:20px 0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }

#variableFiles { width:100%; margin:0 !important; border:0; }
#variableFiles td { padding:3px 0px !important; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin:0; }
#variableFiles .col-sm-12 .form-group { margin:6px 0px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

.join-top-notice {
  width: 100%;
  padding: 34px 0 50px 0;
  background-color: #f8f8fb;
  font-size: 16px;
  text-align: center;
}

.join-top-notice .notice-title {
  font-size: 20px;
  margin-bottom: 8px;
  display: block;
}

.join-top-notice > div {
  width: 700px;
  margin: 0 auto;
}

.join-top-notice .notice-title {
  font-size: 24px;
}

.join-top-notice .join-status-wrap {
  table-layout: fixed;
  width: 100%;
  margin: 39px auto 10px;
  padding-top: 40px;
  font-size: 18px;
}

.join-top-notice .join-status-wrap .form-flex-cell + .form-flex-cell {
  padding-left: 0;
}

.join-top-notice .join-status-wrap > div {
  position: relative;
  vertical-align: top;
}

.join-top-notice .join-status-wrap > div::after {
  position: absolute;
  top: -40px;
  right: 50%;
  margin-right: -16px;
  display: block;
  content: '';
  width: 32px;
  height: 32px;
  z-index: 1;
  background: url("../../img/ico_process_member_01.png") no-repeat center;
  background-size: 100%;
}

.join-top-notice .join-status-wrap > div.is-current {
  color: #005eb8;
  font-weight: 700;
}

.join-top-notice .join-status-wrap > div.is-current::after {
  background: url("../../img/ico_process_member_02.png") no-repeat center;
  background-size: 100%;
}

.join-top-notice .join-status-wrap > div.is-next {
  color: #8d8d8d;
}

.join-top-notice .join-status-wrap > div.is-next::after {
  background: url("../../img/ico_process_member_03.png") no-repeat center;
  background-size: 100%;
}

.join-top-notice .join-status-wrap > div:not(:first-child)::before {
  position: absolute;
  top: -25px;
  left: -42%;
  display: block;
  content: '';
  width: 85%;
  height: 2px;
  background-color: #768692;
}

.join-top-notice .join-status-wrap > div.is-next::before {
  background-color: #d9e1e2;
}

.form-flex {
  display: table;
}

.form-flex.type-full {
  width: 100%;
}

.form-flex-cell {
  display: table-cell;
  vertical-align: middle;
}

.form-flex-cell-news {
  display: table-cell;
}

.form-flex-cell + .form-flex-cell {
  padding-left: 8px;
}

.form-flex-cell + .btn-confirm {
  display: table-cell;
}

@media only screen and (max-width: 768px) {
  .join-top-notice > div {
    width: 92%;
    padding: 0 4%;
    font-size: 13px;
  }
  .join-top-notice .notice-title {
    font-size: 18px;
  }
  .join-top-notice .join-status-wrap {
    font-size: 13px;
  }
  .join-top-notice .join-status-wrap span + span {
    display: block;
  }

}

.receipt small {
    margin-bottom: 14px;
	width:100%;
	word-break: keep-all;
}

.receipt .privacy_box {
    background: #F7F7F7;
    padding: 25px 20px 30px;
    margin: 16px 0;
    max-width: 724px;
	width: 100%;
}

.receipt .privacy_box h6{
    margin-bottom: 15px;
}

.receipt .privacy_box h6 span{
    font-size: 12px;
    color:#969696;
    margin-left: 10px;
}
.receipt .privacy_box .check_box .check label::before {
    background-color: #F7F7F7;
}

.receipt .privacy_box dl {
    float: left;
    width: 33.33%;
    border-bottom: 1px solid #DCDCDC;
    text-align: center;
    border-top: 1px solid #DCDCDC;
    border-right: 1px solid #dcdcdc;
}

.receipt .privacy_box dl:last-child{
    border-right:none;
}

.receipt .privacy_box dl * {
    font-size: 12px;
    line-height: 30px;
}

.receipt .privacy_box dl dt {
    border-bottom: 1px solid #DCDCDC;
}


.receipt .privacy_box dl dd {
    color: #969696;
    line-height: 1.5;
    padding: 10px;
    height: 74px;
}

.input_box input[type='text']:disabled, .input_box input[type='text']:-moz-read-only, .input_box input[type='number']:disabled, .input_box input[type='number']:-moz-read-only, .input_box input[type='password']:disabled, .input_box input[type='password']:-moz-read-only {
  background: #E5E5E5;
  color: #666666;
}

.input_box input[type='text']:disabled, .input_box input[type='text']:read-only, .input_box input[type='number']:disabled, .input_box input[type='number']:read-only, .input_box input[type='password']:disabled, .input_box input[type='password']:read-only {
  background: #E5E5E5;
  color: #666666;
  outline:none;
}

.input_box input[type='number']::-webkit-outer-spin-button, .input_box input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input_box small {
  color: #8B8B8B;
  margin-top: 5px;
}

.input_box.disabled {
  background: #E5E5E5;
}
.jumin_box {
  max-width: 400px;
  width:100%;
  border: 1px solid #DCDCDC;
  padding: 13px 0 13px 20px;
}

.jumin_box input[type='number'], .jumin_box input[type='password'] {
  border: none;
  height: 22px;
  max-width: 142px;
  width:100%;
  text-indent: 0px;
}

.jumin_box i {
  margin: 0 30px;
}
.outline_box.outline_on {
  border-color: #839E37 !important;
}

.outline_box input, .outline_box select {
  outline: none;
}