/**
 * CSS for Mypage
 *
 * Written by FIP
 */

@charset "utf-8";
/********************************************************************************************/
/*                                      Common CSS                                          */
/********************************************************************************************/

* {
    margin: 0;
    padding: 0;
}
html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased !important;
    height: 100%;
}
body {
    padding: 0px;
    margin: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    height: 100%;
}
img {
    border: 0;
}
input {
    margin: 0;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.mypage-mainBody .textLeft {
    text-align: left;
}
.mypage-mainBody .textCenter {
    text-align: center;
}

/********************************************************************************************/
/*                                         ヘッダー CSS                                       */
/********************************************************************************************/
.mypage-mainBody .mypage-header {
    border-top: 4px solid #595757;
    font-size: 28px;
    border-bottom: 2px solid #595757;
    color: #ffffff;
    min-width: 100%;
    float: left;
}
.mypage-mainBody .header-section {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0px;
}
.mypage-mainBody .header-part {
    width: 100%;
    float: left;
}

.mypage-mainBody .header-part .header-background {
    float: left;
    display: table;
    overflow: hidden;
}
.mypage-mainBody .header-part .header-background .logoPartLeft {
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    min-height: 35px;
}
.mypage-mainBody .header-part .header-background a {
    float: left;
}
.mypage-mainBody .header-part .header-background a img {
    vertical-align: middle;
    display: table-cell;
}

/********************************************************************************************/
/*                                         フッター CSS                                        */
/********************************************************************************************/
.mypage-mainBody .mypage-footer {
    clear: both;
    background: #333333;
    border-top: 5px solid #6b6b6b;
    position: relative;
    z-index: 1;
    min-width: 100%;
    float: left;
}
.mypage-mainBody .copyrightLogo-Part {
    width: 1000px;
    margin: 0 auto;
    padding: 11px 0px;
    overflow: hidden;
    color: #cccccc;
}
.mypage-mainBody .copyrightLogo-Part .copy-right {
    float: left;
    padding: 15px 0 15px 20px;
    font-size: 13px;
}
.mypage-mainBody .copyrightLogo-Part .footer-logo {
    width: 240px;
    float: right;
    padding-right: 20px;
}
.mypage-mainBody .copyrightLogo-Part .footer-logo img {
    float: right;
}

/********************************************************************************************/
/*                                        画面タイトル CSS                                      */
/********************************************************************************************/

/** Page Main Title CSS **/
.mypage-mainBody .errorPageInner h2,
.mypage-mainBody .rightSideInner h2 {
    font-size: 16px;
    text-align: center;
    padding: 9px 0;
    margin: 0;
    color: #000;
    background: #efefef;
}
/** Page Sub Title CSS **/
.mypage-mainBody .rightSideInnerContent-part h2 {
    font-size: 14px;
    text-align: left;
    padding: 8px 8px;
    margin: 0 0 10px 0;
    color: #000;
    background: #e6e6e6;
    border-bottom: 2px solid #303741;
    clear: both;
}

/********************************************************************************************/
/*                                        必須項目 CSS                                        */
/********************************************************************************************/
.mypage-mainBody .mandatory {
    display: inline-block;
    font-size: 11px;
    padding: 3px 10px 5px;
    color: #fff;
    text-align: center;
    background: #595757;
}
.mypage-mainBody .mandatory-small {
    display: inline-block;
    font-size: 10px;
    padding: 2px 6px 4px;
    color: #fff;
    text-align: center;
    background: #595757;
}

/********************************************************************************************/
/*                                 サーバーチェックエラー表示 CSS                                   */
/********************************************************************************************/
.mypage-mainBody .commonErrorDiv {
    width: 100%;
    float: left;
    background: #e52727;
    padding: 5px 0 5px 0;
    margin-bottom: 10px;
}
.mypage-mainBody .commonErrorDiv ul {
    float: left;
}
.mypage-mainBody .commonErrorDiv ul li {
    margin: 0;
    padding: 0px 10px 5px 10px;
    color: #FFFFFF;
    list-style-type: none;
    font-size: 12px;
    line-height: 18px;
}
.mypage-mainBody .commonErrorDiv ul li:last-child {
    padding-bottom: 0;
}
.mypage-mainBody .pickmeup {
    background: #efefef;
}
.mypage-mainBody .prompt-target div {
    display: block;
}

/********************************************************************************************/
/*                                      テキストボックス CSS                                     */
/********************************************************************************************/

.mypage-mainBody .input-box-width-verySmall {
    width: 96px;
    width: 95px\9; /* For IE9 Fix */
    float: left;
    margin-right: 3px;
}

.mypage-mainBody .input-box-width-extream-small {
    width: 100px;
    float: left;
}

.mypage-mainBody .input-box-width-smallPointExchange {
    width: 140px;
    float: left;
}

.mypage-mainBody .input-box-width-small {
    width: 175px;
    float: left;
    margin-right: 10px;
}
.mypage-mainBody .input-box-width-medium {
    width: 206px;
    float: left;
}
.mypage-mainBody .input-box-width-large {
    width: 250px;
    float: left;
}
.mypage-mainBody .input-box-width-veryLarge {
    width: 324px;
    float: left;
}
/* Input box form control width adjestment */
.mypage-mainBody .form-control {
    border: 1px solid #9fa0a0;
    height: 28px;
    line-height: 18px;
    padding: 2px 3px;
    width: 97%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mypage-mainBody .input-box-width-verySmall .form-control {
    width: 90%;
}
.mypage-mainBody .input-box-width-small .form-control {
    width: 85%;
}
/* Page specific input box width */
.mypage-mainBody #pointExchangeInputForm .input-box-width-small .form-control,
.mypage-mainBody #pointExchangeConfirmForm .input-box-width-small .form-control {
    width: 50%;
}

.mypage-mainBody #pointExchangeInputForm .input-box-width-smallPointExchange .form-control,
.mypage-mainBody #pointExchangeConfirmForm .input-box-width-smallPointExchange .form-control {
    width: 65%;
}
.mypage-mainBody #pointExchangeInputForm .input-box-width-extream-small .form-control,
.mypage-mainBody #pointExchangeConfirmForm .input-box-width-extream-small .form-control {
    width: 75%;
}

.mypage-mainBody input[disabled='true'] {
    background: #EEE;
}

/********************************************************************************************/
/*                                        ラジオボタン CSS                                      */
/********************************************************************************************/
.mypage-mainBody .radioButton-holder {
    float: left;
}
.mypage-mainBody .radioButton-holder span {
    float: left;
}

.mypage-mainBody .radioButton-holder label.radioBtnLabel {
    float: left;
    /* margin-right: 10px; */
    cursor: pointer;
}
.mypage-mainBody .radioButton-holder span input,
.mypage-mainBody .radioButton-holder span label {
    margin-right: 5px;
}
.mypage-mainBody .regular-radio {
    visibility: hidden;
    position: absolute;
}
.mypage-mainBody .regular-radio + label {
    -webkit-appearance: none;
    background-color: #FFF;
    border: 3px solid #595757;
    padding: 5px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.mypage-mainBody .regular-radio:checked + label:after {
    content: ' ';
    width: 6px;
    height: 6px;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    background: #595757;
    left: 0px;
    font-size: 32px;
    border: 2px solid #fff;
}
.mypage-mainBody .regular-radio:checked + label {
    background-color: #FFF;
    color: #efefef;
    border: 3px solid #595757;
}
.mypage-mainBody .regular-radio + label:active,
.mypage-mainBody .regular-radio:checked + label:active {
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
}

/** Radio button Disable State CSS **/
.mypage-mainBody .radioButton-disable span label {
    border: 3px solid #C3C3C3;
}
.mypage-mainBody .radioButton-disable .regular-radio:checked + label {
    border: 3px solid #C3C3C3;
}
.mypage-mainBody .radioButton-disable .regular-radio:checked + label::after {
    border: 2px solid #FFFFFF;
    background: #C3C3C3;
}
.mypage-mainBody .radioButton-disable .regular-radio + label,
.mypage-mainBody .radioButton-disable label.radioBtnLabel {
    cursor: default;
}
/********************************************************************************************/
/*                                       ドロップダウン CSS                                      */
/********************************************************************************************/
/* 2025.03.21 fjjq mod キリン堂_新規導入対応 start  */
/*.mypage-mainBody .selectBox, {*/
.mypage-mainBody .selectBox,
.mypage-mainBody .selectBoxArea {
    /* margin: 0; */
    border: 1px solid #9fa0a0;
    width: 205px;
    height: 30px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 30px;
    overflow: hidden;
    background: #FFF url("../img/down-arrow.png") no-repeat 95% 50%;
    position: relative;
    z-index: 1;
    /* padding-left:2px; */
}
/*.mypage-mainBody .selectBox select {*/
.mypage-mainBody .selectBox select,
.mypage-mainBody .selectBoxArea select {
    padding: 0px 0px 0px 0px;
    width: 100%;
    width: 110%\0/; /** For IE-9 FIX **/
    height: 30px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: none;
    cursor: pointer;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
/*.mypage-mainBody .selectBox select::-ms-expand {*/
.mypage-mainBody .selectBox select::-ms-expand,
.mypage-mainBody .selectBoxArea select::-ms-expand {
    display: none;
}
/*.mypage-mainBody .selectBox select:focus {*/
.mypage-mainBody .selectBox select:focus,
.mypage-mainBody .selectBoxArea select:focus {
    outline: none;
}
.mypage-mainBody .infoDetailBox select[disabled='true'] {
    background: #EEE url("../img/down-arrow.png") no-repeat 95% 50%;
    cursor: default;
}


/*.mypage-mainBody .selectBox select[disabled='true'] {*/
.mypage-mainBody .selectBox select[disabled='true'],
.mypage-mainBody .selectBoxArea select[disabled='true'] {
    background-color:#EEE;
    background-image:url("../img/down-arrow.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    cursor: default;
}
/* 2025.03.21 fjjq mod キリン堂_新規導入対応 end */
/* 2025.03.21 fjjq add キリン堂_新規導入対応 start */
.mypage-mainBody .selectBoxArea {
    width: 302px;
}
/* 2025.03.21 fjjq add キリン堂_新規導入対応 end */

/********************************************************************************************/
/*                                      チェックボックス CSS                                      */
/********************************************************************************************/
.mypage-mainBody .notice-list .checkBoxSec {
    float: left;
}
.mypage-mainBody .control {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
}
.mypage-mainBody .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.mypage-mainBody .control-indicator {
    position: absolute;
    top: 1px;
    left: 7px;
    height: 12px;
    width: 12px;
    background: #595757;
    border: 1px solid #fff;
}
.mypage-mainBody .control:hover input ~ .control-indicator,
.mypage-mainBody .control input:focus ~ .control-indicator {
    background: #ffffff;
    border: 1px solid #595757;
}
.mypage-mainBody .control input:checked ~ .control-indicator {
    background: #ffffff;
    border: 1px solid #595757;
}
.mypage-mainBody .control:hover input:not([disabled]):checked ~ .control-indicator,
.mypage-mainBody .control input:checked:focus ~ .control-indicator {
    background: #ffffff;
}
.mypage-mainBody .control input:disabled ~ .control-indicator {
    background: #e6e6e6;
    pointer-events: none;
    border: 1px solid #9fa0a0;
}
.mypage-mainBody .control-indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.mypage-mainBody .control input:checked ~ .control-indicator:after {
    display: block;
}
.mypage-mainBody .control-checkbox .control-indicator:after {
    left: 4px;
    top: 1px;
    width: 3px;
    height: 6px;
    border: solid #595757;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.mypage-mainBody .control-checkbox input:disabled ~ .control-indicator:after {
    border-color: #7b7b7b;
}
.mypage-mainBody .rightside-contentPart .control {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
}
.mypage-mainBody .rightside-contentPart .control-indicator {
    position: absolute;
    top: 1px;
    left: 7px;
    height: 13px;
    width: 13px;
    background: #ffffff;
    border: 1px solid #595757;
}
.mypage-mainBody .rightside-contentPart .control-checkbox .control-indicator::after {
    top: 1px;
}
.mypage-mainBody .checkbox-disable .control {
    cursor: default;
}
.mypage-mainBody .infoDetailBox .control {
    left: -8px;
}

/********************************************************************************************/
/*                                         ボタン CSS                                         */
/********************************************************************************************/
.mypage-mainBody .button-large a,
.mypage-mainBody .button-medium a,
.mypage-mainBody .button-small a {
    background-color: #595757;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 13px;
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.mypage-mainBody .button-small a {
    width: 80px;
}
.mypage-mainBody .button-medium a {
    width: 100px;
}
.mypage-mainBody .button-large a {
    width: 160px;
}

/********************************************************************************************/
/*                                   ソーシャルログインボタン CSS                                   */
/********************************************************************************************/
.mypage-mainBody .socialmediaButton {
    float: left;
    font-size: 12px;
}
.mypage-mainBody .socialmediaButton:last-child {
    margin-bottom: 0;
    float: left;
}
.mypage-mainBody .socialmediaButton .button {
    position: relative;
    display: block;
    color: #fff;
    width: 150px;
    text-align: left;
    line-height: 30px;
    padding-left: 35px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    overflow: hidden;
    font-size: 12px;
}
.mypage-mainBody .socialmediaButton .button:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-image: url("../img/socialmedia-icons.png");
}
.mypage-mainBody .socialmediaButton .button:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 100%;
    border-right-style: solid;
    border-right-width: 1px;
}
/* Twitter */
.mypage-mainBody .socialmediaButton .btn-tw {
    background-color: #5AABF3;
    float: left;
    margin: 0px 7px 5px 0;
    text-decoration: none;
}
.mypage-mainBody .socialmediaButton .btn-tw:before {
    background-position: 0 0;
}
.mypage-mainBody .socialmediaButton .btn-tw:after {
    border-color: #5099DB;
}
/* Facebook */
.mypage-mainBody .socialmediaButton .btn-fb {
    background-color: #39569C;
    float: left;
    margin: 0px 7px 5px 0;
    text-decoration: none;
}
.mypage-mainBody .socialmediaButton .btn-fb:before {
    background-position: 0 -30px;
}
.mypage-mainBody .socialmediaButton .btn-fb:after {
    border-color: #334D8C;
}
/* Google */
.mypage-mainBody .socialmediaButton .btn-ggl {
    background-color: #D94F34;
    float: left;
    margin: 0px 7px 5px 0;
    text-decoration: none;
}
.mypage-mainBody .socialmediaButton .btn-ggl:before {
    background-position: 0 -120px;
}
.mypage-mainBody .socialmediaButton .btn-ggl:after {
    border-color: #C3462F;
}
/* Line */
.mypage-mainBody .socialmediaButton .btn-line {
    background-color: #37C600;
    float: left;
    margin: 0px 7px 5px 0;
    text-decoration: none;
}
.mypage-mainBody .socialmediaButton .btn-line:before {
    background-position: 0 -90px;
}
.mypage-mainBody .socialmediaButton .btn-line:after {
    border-color: #30B200;
}
/* Yahoo */
.mypage-mainBody .socialmediaButton .btn-yahoo {
    background-color: #5f0d8e;
    float: left;
    margin: 0px 7px 5px 0;
    text-decoration: none;
}
.mypage-mainBody .socialmediaButton .btn-yahoo:before {
    background-position: 0 -60px;
}
.mypage-mainBody .socialmediaButton .btn-yahoo:after {
    border-color: #66228e;
}

/********************************************************************************************/
/*                                        ページング CSS                                       */
/********************************************************************************************/
.mypage-mainBody .pageDetailDisplay {
    width: 100%;
    margin-bottom: 5px;
    float: left;
}
.mypage-mainBody .pageDetailDisplay .rightSpan {
    float: right;
    padding: 5px 10px;
    background: #e6e6e6;
}
.mypage-mainBody ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.mypage-mainBody ul.pagination li {
    display: inline;
}
.mypage-mainBody ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}
.mypage-mainBody ul.pagination li a.active {
    background-color: #fc3;
    color: #000;
    border: 1px solid #fc3;
    cursor: default;
}
.mypage-mainBody ul.pagination li a:hover:not(.active) {
    border-color: #efefef;
    background: #efefef;
}
.mypage-mainBody ul.pagination li:first-child a,
.mypage-mainBody ul.pagination li:last-child a,
.mypage-mainBody ul.pagination li:nth-last-child(2) a,
.mypage-mainBody ul.pagination li:nth-child(2) a {
    background: #595757;
    border: 1px solid #595757;
    color: #fff;
}
.mypage-mainBody ul.pagination li:first-child a.deactive,
.mypage-mainBody ul.pagination li:last-child a.deactive,
.mypage-mainBody ul.pagination li:nth-last-child(2) a.deactive,
.mypage-mainBody ul.pagination li:nth-child(2) a.deactive {
    background: #ddd;
    border: 1px solid #ddd;
    color: #000;
}
.mypage-mainBody ul.pagination li:first-child a.deactive:hover,
.mypage-mainBody ul.pagination li:last-child a.deactive:hover,
.mypage-mainBody ul.pagination li:nth-last-child(2) a.deactive:hover,
.mypage-mainBody ul.pagination li:nth-child(2) a.deactive:hover {
    background: #ddd;
    cursor: default;
    border-color: #ddd;
}
.mypage-mainBody ul.pagination li:first-child a:hover,
.mypage-mainBody ul.pagination li:last-child a:hover,
.mypage-mainBody ul.pagination li:nth-last-child(2) a:hover,
.mypage-mainBody ul.pagination li:nth-child(2) a:hover {
    background: #9fa0a0;
    border-color: #9fa0a0;
}
.mypage-mainBody .light-theme .current {
    background: #9fa0a0 none repeat scroll 0 0;
    border: 1px solid #9fa0a0;
    color: #000000;
    box-shadow: none;
    cursor: default;
    margin: 0 4px;
}
.mypage-mainBody .light-theme a,
.mypage-mainBody .light-theme span {
    padding: 5px 14px;
    border-radius: 0px;
    min-width: initial;
    box-shadow: none;
    background: #FFF;
}
.mypage-mainBody .light-theme ul.pagination li a {
    padding: 5px 14px;
}
.mypage-mainBody .pagination li.active span {
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #000;
    cursor: default;
}
.mypage-mainBody .pagination .first {} .mypage-mainBody .pagination li.active span.last {
    border: 1px solid #595757;
    color: #fff;
    box-shadow: none;
    cursor: default;
    margin: 0 4px;
    background: #595757 none repeat scroll 0 0;
}
.mypage-mainBody .pagination .prev {} .mypage-mainBody .pagination li.disabled span.prev,
.mypage-mainBody .pagination li.active span.first,
.mypage-mainBody .pagination li.disabled span.next,
.mypage-mainBody .pagination li.active span.last {
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #FFF;
    cursor: default;
}

/********************************************************************************************/
/*                                     3~4ステップ処理 CSS                                      */
/********************************************************************************************/
.mypage-mainBody .wizardSteps-part {
    float: left;
    padding-bottom: 20px;
}
.mypage-mainBody .wizardSteps-part ul {
    float: left;
    margin: 0;
    padding: 0;
}
.mypage-mainBody .wizardSteps-part ul li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 186px;
    position: relative;
}
.mypage-mainBody .wizardSteps-part ul li:after,
.mypage-mainBody .wizardSteps-part ul li:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.mypage-mainBody .wizardSteps-part ul li:last-child:after {
    content: '';
    display: none;
}
.mypage-mainBody .wizardSteps-part ul li:after {
    right: 5px
}
.mypage-mainBody .wizardSteps-part ul li:before {
    right: 10px;
}
.mypage-mainBody .wizardSteps-part ul li:after {
    border-color: rgba(225, 225, 255, 0);
    border-left-color: #fff;
    border-width: 6px;
    margin-left: 5px;
    margin-top: -8px;
}
.mypage-mainBody .wizardSteps-part ul li:before {
    border-color: rgba(234, 229, 217, 0);
    border-left-color: #efefef;
    border-width: 14px;
    margin-left: 5px;
    margin-top: -16px;
    right: -11px;
}
.mypage-mainBody .wizardSteps-part ul li span.regStep {
    font-size: 12px;
    text-decoration: none;
    color: #000;
    width: 150px;
    line-height: 16px;
    cursor: default;
    padding: 5px;
    margin: 0;
    border: 1px solid #9fa0a0;
    background: #efefef;
    text-align: center;
}
.mypage-mainBody .wizardSteps-part ul li span {
    float: left;
    line-height: 18px;
    padding-bottom: 5px;
    width: 100%;
}
.mypage-mainBody .wizardSteps-part ul li span em {
    border: 1px solid #3a3a3a;
    border-radius: 100px;
    float: left;
    font-size: 10px;
    font-style: normal;
    height: 14px;
    left: 49px;
    line-height: 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    top: 0px;
    width: 14px;
    z-index: 1;
}
.mypage-mainBody .wizardSteps-part ul li.active:before {
    border-left-color: #efefef;
}
.mypage-mainBody .wizardSteps-part ul li.preActive:before {
    border-left-color: #9fa0a0;
}
.mypage-mainBody .wizardSteps-part ul li.active span.regStep {
    background: #6693bc;
    color: #ffffff;
    border: 1px solid #9fa0a0;
}
.mypage-mainBody .wizardSteps-part ul li.preActive span.regStep {
    background: #9fa0a0;
    border: 1px solid #9fa0a0;
}
.mypage-mainBody .wizardSteps-part ul li:last-child:before {
    border-left: none;
}
.mypage-mainBody .wizardSteps-part ul li:first-child span.regStep {
    width: 152px;
}
.mypage-mainBody .wizardSteps-part ul li:first-child {
    width: 186px;
}
.mypage-mainBody .wizardSteps-part ul li:last-child {
    background: none;
    margin-right: 0;
    width: 122px;
}

/********************************************************************************************/
/*                                       5ステップ処理 CSS                                      */
/********************************************************************************************/
.mypage-mainBody .wizardSteps5-part {
    float: left;
    padding-bottom: 20px;
}
.mypage-mainBody .wizardSteps5-part ul {
    float: left;
    margin: 0;
    padding: 0;
}
.mypage-mainBody .wizardSteps5-part ul li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 148px;
    position: relative;
}
.mypage-mainBody .wizardSteps5-part ul li:after,
.mypage-mainBody .wizardSteps5-part ul li:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.mypage-mainBody .wizardSteps5-part ul li:last-child:after {
    content: '';
    display: none;
}
.mypage-mainBody .wizardSteps5-part ul li:after {
    right: 5px
}
.mypage-mainBody .wizardSteps5-part ul li:before {
    right: 10px;
}
.mypage-mainBody .wizardSteps5-part ul li:after {
    border-color: rgba(225, 225, 255, 0);
    border-left-color: #fff;
    border-width: 6px;
    margin-left: 5px;
    margin-top: -8px;
}
.mypage-mainBody .wizardSteps5-part ul li:before {
    border-color: rgba(234, 229, 217, 0);
    border-left-color: #efefef;
    border-width: 14px;
    margin-left: 5px;
    margin-top: -16px;
    right: -11px;
}
.mypage-mainBody .wizardSteps5-part ul li span.regStep {
    font-size: 12px;
    text-decoration: none;
    color: #000;
    width: 110px;
    line-height: 16px;
    cursor: default;
    padding: 5px;
    margin: 0;
    border: 1px solid #9fa0a0;
    background: #efefef;
    text-align: center;
}
.mypage-mainBody .wizardSteps5-part ul li span {
    float: left;
    line-height: 18px;
    padding-bottom: 5px;
    width: 100%;
}
.mypage-mainBody .wizardSteps5-part ul li span em {
    border: 1px solid #3a3a3a;
    border-radius: 100px;
    float: left;
    font-size: 10px;
    font-style: normal;
    height: 14px;
    left: 49px;
    line-height: 16px;
    position: relative;
    text-align: center;
    top: 0px;
    width: 14px;
    z-index: 1;
}
.mypage-mainBody .wizardSteps5-part ul li.active:before {
    border-left-color: #efefef;
}
.mypage-mainBody .wizardSteps5-part ul li.preActive:before {
    border-left-color: #9fa0a0;
}
.mypage-mainBody .wizardSteps5-part ul li.active span.regStep {
    background: #6693bc;
    color: #ffffff;
    border: 1px solid #9fa0a0;
}
.mypage-mainBody .wizardSteps5-part ul li.preActive span.regStep {
    background: #9fa0a0;
    border: 1px solid #9fa0a0;
}
.mypage-mainBody .wizardSteps5-part ul li:last-child:before {
    border-left: none;
}
.mypage-mainBody .wizardSteps5-part ul li:first-child span.regStep {
    width: 112px;
}
.mypage-mainBody .wizardSteps5-part ul li:first-child {
    width: 149px;
}
.mypage-mainBody .wizardSteps5-part ul li:last-child {
    background: none;
    margin-right: 0;
    width: 122px;
}

/********************************************************************************************/
/*                              会員登録ボタン & ログアウトボタン   CSS                               */
/********************************************************************************************/
.mypage-mainBody .logoutButton,
.mypage-mainBody .registButton {
    float: right;
    font-size: 13px;
    display: table;
    overflow: hidden;
}
.mypage-mainBody .logoutButton .buttonPartRight,
.mypage-mainBody .registButton .buttonPartRight {
    display: table-cell;
    vertical-align: middle;
}
.mypage-mainBody .logoutButton a {
    width: 100px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 0px 0px 0px 30px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    background: #FFFFFF;
    position: relative;
}
.mypage-mainBody .registButton a {
    width: 150px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 0px 0px 0px 30px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #595757;
    position: relative;
}
.mypage-mainBody .logoutButton a span {
    background: #6693bc url(../img/logout-w.png) no-repeat center center;
}
.mypage-mainBody .registButton a span {
    background: #595757 url(../img/register-w.png) no-repeat center center;
}
.mypage-mainBody .logoutButton a span,
.mypage-mainBody .registButton a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 32px;
    padding: 0px 0px 0;
    text-align: center;
}
.mypage-mainBody .logoutButton a span img,
.mypage-mainBody .registButton a span img {
    border: 0;
    vertical-align: middle;
}

/********************************************************************************************/
/*                                        ログインボタン CSS                                     */
/********************************************************************************************/
.mypage-mainBody .submitButton {
    float: right;
    font-size: 13px;
    padding-right: 3px;
    margin-top: 25px;
}
.mypage-mainBody .submitButton a {
    width: 93px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 0px 0px 0px 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background: #E5F3FF;
    position: relative;
}
.mypage-mainBody .submitButton a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 27px;
    padding: 0px 0px 0;
    background: #9fa0a0;
    text-align: center;
    background: #e31b13 url(../img/login-w.png) no-repeat center center;
}
.mypage-mainBody .submitButton a span img {
    border: 0;
    vertical-align: middle;
}

/********************************************************************************************/
/*                                         メニュー CSS                                        */
/********************************************************************************************/
.mypage-mainBody .sidebarMenu-part {
    float: left;
    height: 100%;
}
.mypage-mainBody .sidebarMenu-part .information-menu:first-child {
    margin-top: 0px;
}
.mypage-mainBody .sidebarMenu-part .information-menu {
    float: left;
    margin-top: 15px;
}
.mypage-mainBody .sidebarMenu-part .information-menu h2 {
    width: 226px;
    padding: 12px 0px 12px 20px;
    margin: 0;
    color: #FFF;
    text-align: left;
    background: #6693bc;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul {
    float: left;
    margin: 0;
    padding: 0;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li {
    list-style-type: none;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding: 0px 0px;
    border-bottom: 1px solid #efefef;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li a {
    width: 186px;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 15px 0 15px 60px;
    color: #000000;
    text-decoration: none;
    background: #FFFFFF;
    position: relative;
}

/* 2020.08.11 2020.08.11 Phase10 start */
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_gift_history_disabled {
    width: 186px;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 15px 0 15px 60px;
    color: #D2D2D2;
    text-decoration: none;
    background: #9fa0a0;
    position: relative;
}
/* 2020.08.11 2020.08.11 Phase10 end */

.mypage-mainBody .sidebarMenu-part .information-menu ul li a:hover {
    padding: 15px 0 15px 60px;
    color: #595757;
    text-decoration: none;
    background: #E5F3FF;
}
/* 2020.08.11 2020.08.11 Phase10 start */
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_gift_history_disabled:hover {
    padding: 15px 0 15px 60px;
    color: #D2D2D2;
    text-decoration: none;
    background: #efefef;
}
/* 2020.08.11 2020.08.11 Phase10 end */
.mypage-mainBody .sidebarMenu-part .information-menu ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 46px;
    line-height: 40px;
    padding: 0px 0px 0;
    background: #595757;
    text-align: center;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.active a {
    background-color: #E5F3FF !important;
    cursor: default;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.active span {
    background-color: #6693bc !important;
    cursor: default;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem0 a span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px 0px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem0 a:hover span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px 0px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem1 a span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -44px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem1 a:hover span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -44px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem2 a span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -90px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem2 a:hover span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -90px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem3 a span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -140px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem3 a:hover span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -140px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem4 a span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -186px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li#mypageInformationItem4 a:hover span {
    background: #6693bc url(../img/information-menu-icons-w.png) no-repeat 9px -186px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_top a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px 3px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_top a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px 3px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_point_history a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -38px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_point_history a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -38px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_accumulate_list a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -38px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_accumulate_list a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -38px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_gift_history a span {
  /*background: #510e78 url(../img/mypage-menu-icons-w.png) no-repeat 3px -76px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -118px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_gift_history a:hover span {
  /*background: #3d085b url(../img/mypage-menu-icons-w.png) no-repeat 3px -76px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -118px;
}
/* 2020.08.11 Phase10 start */
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_gift_history_disabled span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -118px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_gift_history_disabled:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -118px;
}
/* 2020.08.11 Phase10 end */
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_point_exchange a span {
  /*background: #510e78 url(../img/mypage-menu-icons-w.png) no-repeat 3px -156px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -197px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_point_exchange a:hover span {
  /*background: #3d085b url(../img/mypage-menu-icons-w.png) no-repeat 3px -156px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -197px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_member_update a span {
  /*background: #510e78 url(../img/mypage-menu-icons-w.png) no-repeat 3px -237px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -278px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_member_update a:hover span {
  /*background: #3d085b url(../img/mypage-menu-icons-w.png) no-repeat 3px -237px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -278px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_email_change a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -317px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_email_change a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -317px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_change_password a span {
  /*background: #510e78 url(../img/mypage-menu-icons-w.png) no-repeat 4px -358px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 4px -398px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_change_password a:hover span {
  /*background: #3d085b url(../img/mypage-menu-icons-w.png) no-repeat 4px -358px;*/
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 4px -398px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_cancel_membership a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 4px -436px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_cancel_membership a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 4px -436px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_point_consent a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 4px -478px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_point_consent a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 4px -478px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_mfa_conf_update a span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -278px;
    float: left;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li.mypage-menu_mfa_conf_update a:hover span {
    background: #6693bc url(../img/mypage-menu-icons-w.png) no-repeat 3px -278px;
}
.mypage-mainBody .sidebarMenu-part .information-menu ul li span img {
    border: 0;
    vertical-align: middle;
}

/********************************************************************************************/
/*                                        お知らせ一覧 CSS                                     */
/********************************************************************************************/
.mypage-mainBody .newslist-part {
    width: 694px;
    float: left;
    margin: 0;
    padding: 0;
}
.mypage-mainBody .newslist-part a {
    float: left;
    text-decoration: none;
    color: #595757;
    font-size: 12px;
    line-height: 20px;
    padding: 13px 0px 13px 0px;
    border-bottom: 1px solid #efefef;
    width: 694px
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari and Chrome, if Chrome rule needed */
    .mypage-mainBody .newslist-part a {
        padding: 13px 0px 13px 0px;
    }
    /* Safari 5+ ONLY */
    ::i-block-chrome,
    .mypage-mainBody .newslist-part a {
        padding: 13px 0px 12px 0px;
    }
}
.mypage-mainBody .newslist-part li:hover a,
.mypage-mainBody .newslist-partli:focus a {
    color: #000000;
    border-bottom: 1px solid #595757;
}
.mypage-mainBody .newslist-part .newslistHeading {
    width: 100%;
    float: left;
    border-bottom: 4px solid #6693bc;
}
.mypage-mainBody .newslist-part .newslistHeading h2 {
    width: 200px;
    font-size: 16px;
    color: #ffffff;
    float: left;
    margin: 0;
    padding: 12px 10px 10px;
    background: #6693bc;
    text-align: center;
}
.mypage-mainBody .newslist-part .newslist ul {
    float: left;
    margin: 0;
    padding: 0;
}
.mypage-mainBody .newslist-part .newslist ul li {
    width: 100%;
    list-style-type: none;
    float: left;
    margin: 0;
}
.mypage-mainBody .newslist-part .newslist ul li span {
    list-style-type: none;
    float: left;
    padding-right: 10px;
}
.mypage-mainBody .newslist-part .newslist ul li img {
    border: 0;
    float: left;
    margin: 0px 0px 0 5px;
}

.mypage-mainBody .right-sidebar {
    width: 246px;
    float: right;
    margin: 0;
    padding: 0;
}

/********************************************************************************************/
/*                                   ポイントサービストップ画面 CSS                                 */
/********************************************************************************************/
/** Slider **/
.mypage-mainBody .mypage-banner {
    min-width: 100%;
    clear: both;
}
.mypage-mainBody .banner-section {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@media (min-width: 99px) and (max-width: 999px) {
    .mypage-mainBody .banner-section {
        width: 1000px;
    }
}
.mypage-mainBody .flexslider.loading .slides > li:first-child {
    opacity: 1 !important;
}
/** Login part CSS **/
.mypage-mainBody .login-part .login-detail {
    margin: 0 0 10px;
}
.mypage-mainBody .mypage-login {
    width: 100%;
    float: left;

	position: relative; /*Parent MUST be relative*/
	z-index: 9;
	background: #6693bc;
}
.mypage-mainBody .mypage-login:before {
    content: "";
	position: absolute;/*set 'child' to be absolute*/
	z-index: -1; /*Make this lower so text appears in front*/

	/*You can choose to align it left, right, top or bottom here*/
	top: 0;
	right:0;
	bottom: 0;
	left: 50%;
	background: #E5F3FF;
}
.mypage-mainBody #english-heading {
    color: #333333;
    font-weight: bold;
}
.mypage-mainBody .jp-heading {
    font-weight: normal;
}
.mypage-mainBody .login-part {
    width: 616px;
    color: #fff;
    padding: 12px 17px 30px 20px;
    background: #6693bc;
    display: table-cell;
}
.mypage-mainBody .login-part .pull-right {
    float: right;
}
.login-part-text {
    float: left;
}
.mypage-mainBody .login-part .login-part-heading {
    font-size: 16px;
}
.mypage-mainBody .loginform .form-part {
    padding: 0;
    margin: 0;
}
.mypage-mainBody .loginform .loginFormPart-area {
    clear: both;
    overflow: hidden;
}
.mypage-mainBody .loginform .form-part label {
    display: block;
    padding-bottom: 10px;
}
.mypage-mainBody .loginform .form-part input {
    display: block;
    width: 100%;
}
.mypage-mainBody .loginform .fields {
    display: inline;
    float: left;
    margin-right: 20px;
}
.mypage-mainBody .loginform .user-password-field,
.mypage-mainBody .loginform .user-number-field {
    /*width:245px;*/
}
.mypage-mainBody .loginform .password,
.mypage-mainBody .loginform .login-key {
    height: 28px;
    width: 147px;
    border: 1px solid #fff;
}
.mypage-mainBody .loginform .password {
    font-size: 18px;
}
.mypage-mainBody .login-detail .auto-login {
    font-size: 11px;
}
.mypage-mainBody .loginform {
    float: left;
    width: 100%;
    margin-top: 4;
    margin-bottom: 9px;
}
.mypage-mainBody .login-hint {
    float: left;
    font-size: 10px;
    line-height: 18px;
    width: 100%;
}
.mypage-mainBody .password-reissue {
    float: right;
    font-size: 12px;
    padding-right: 3px;
}
.mypage-mainBody .password-reissue a {
    width: 175px;
    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 1px solid #efefef;
    position: relative;
}
.mypage-mainBody .password-reissue .iconSpace {
    padding-right: 2px;
    font-size: 13px;
    color: #efefef;
}
.mypage-mainBody .agreeCheckboxArea {
    margin-bottom: 15px;
}
.mypage-mainBody .agreeCheckboxArea .formError {
    text-align: center;
}

/** Social login part **/
.mypage-mainBody .login-socialMedia-section {
    width: 1000px;
    margin: 0 auto;
    display: table;
    background: #595757;
    background: -moz-linear-gradient(right, #ffbe21 50%, #ffbe21 50%, #5f0d8e 50%);
    background: -webkit-gradient(linear, left right, left bottom, color-stop(50%, #ffbe21), color-stop(50%, #5f0d8e), color-stop(50%, #ffbe21));
    background: -webkit-linear-gradient(right, #ffbe21 50%, #ffbe21 50%, #5f0d8e 50%);
    background: -o-linear-gradient(right, #ffbe21 50%, #ffbe21 50%, #5f0d8e 50%);
    background: -ms-linear-gradient(right, #ffbe21 50%, #ffbe21 50%, #5f0d8e 50%);
    background: linear-gradient(right, #ffbe21 50%, #ffbe21 50%, #5f0d8e 50%);
}
.mypage-mainBody .socialMedia-part {
    float: left;
}
.mypage-mainBody .socialMedia-group {
    width: 327px;
    color: #fff;
    background: #ffbe21;
    padding: 12px 0 0 20px;
    display: table-cell;
}
.mypage-mainBody .socialMedia-group .title-text {
    font-size: 16px;
    color: #000000;
}
.mypage-mainBody .socialMedia-group .notes {
    font-size: 11px;
    margin: 0;
    padding: 7px 0 11px 0px;
    color: #000000;
}

/** Member Registration part **/
.mypage-mainBody .memberRegistration-part {
    float: left;
}
.mypage-mainBody .memberRegistration-group {
    width: 327px;
    color: #fff;
    background: #E5F3FF;
    padding: 12px 0 0 20px;
    display: table-cell;
}
.mypage-mainBody .memberRegistration-group .title-text {
    font-size: 16px;
    color: #000000;
}
.mypage-mainBody .memberRegistration-group .notes {
    font-size: 11px;
    margin: 0;
    padding: 7px 0 11px 0px;
    color: #000000;
}
.mypage-mainBody .memberRegistration-group .registButton {
    float: left;
    font-size: 13px;
}
.mypage-mainBody .memberRegistration-group .registButton a {
    width: 150px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 0px 0px 0px 30px;
    color: #000000;
    text-align: center;
    text-decoration: none;
    background: #FFFFFF;
    position: relative;
}
.mypage-mainBody .memberRegistration-group .registButton a span {
    background: #6693bc url(../img/register-w.png) no-repeat center center;
}
.mypage-mainBody .memberRegistration-group.registButton a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 32px;
    padding: 0px 0px 0;
    text-align: center;
}
.mypage-mainBody .memberRegistration-group .registButton a span img {
    border: 0;
    vertical-align: middle;
}

/** Error Message **/
.mypage-mainBody .error_msg p {
    padding: 0px !important;
}
.mypage-mainBody .error_msg {
    padding: 0px 0 0 0;
    color: #f00;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}
.mypage-mainBody .userLogin {
    width: 242px;
}
.mypage-mainBody .userLoginPwd {
    width: 217px;
}
.mypage-mainBody .error_msg_part {
    float: left;
    width: 100%;
}

/** Notification list and Information Menu Container **/
.mypage-mainBody .mypage-contentBodypart {
    width: 1000px;
    margin: 0px auto 0;
    background: #FFF;
}
.mypage-mainBody .content-part {
    width: 960px;
    float: left;
    padding: 20px 20px 20px;
    margin-top: -15px;
    background: #fff;
    box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	-moz-box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	-webkit-box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	position:relative;
	z-index:999;
}
//** 2020.06.24 Phase10 start **/
.content-part-news {
    width: 960px;
    float: left;
    padding: 20px 20px 20px;
    margin-top: 0px;
    background: #fff;
    box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	-moz-box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	-webkit-box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	position:relative;
	z-index:999;
}
//** 2020.06.24 Phase10 end **/
.mypage-mainBody .content-partInner {
    width: 960px;
    float: left;
    clear: both;
    padding: 0px;
    background: #fff;
}
.mypage-mainBody .content-part .leftsideContent-part {
    width: 694px;
    float: left;
}
.mypage-mainBody .newslist-part .right-arrow-mark {
    font-size: 18px;
}

/********************************************************************************************/
/*                                       MFA認証画面 CSS                                    */
/********************************************************************************************/
.mypage-mainBody .mfaLoginOtp {
    width: 262px;
}

/********************************************************************************************/
/*                          メールアドレス登録（1）メールアドレス入力画面 CSS                            */
/********************************************************************************************/
.mypage-mainBody .mypage-innerBody {
    width: 1000px;
    margin: 0px auto 0;
    background: #FFF;
}
.mypage-mainBody .mypage-innerBody .content-part {
    width: 1000px;
    padding: 0px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	-moz-box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
	-webkit-box-shadow: 0 0px 0px 0px #FFF, 0 0px 0px 0px #FFF, 10px 0 5px -4px rgba(217, 217, 217, 0.3), -10px 0 5px -4px rgba(217, 217, 217, 0.3);
    min-height: 722px !important;
    height: 722px;
    display: table;
    vertical-align: top;
}
.mypage-mainBody .leftside-sidebarPart {
    width: 246px;
    margin: 0;
    padding: 0;
    background: #efefef;
    display: table-cell;
    vertical-align: top;
}
.mypage-mainBody .mypage-innerBody .rightside-contentPart {
    width: 754px;
    display: table-cell;
    vertical-align: top;
}
.mypage-mainBody .rightside-contentPart .rightSideInner {
    width: 754px;
    float: left;
}
.mypage-mainBody .rightSideInner h4 {
    font-size: 16px;
    text-align: left;
    padding: 9px 10px;
    margin: 0;
    color: #000000;
    background: #efefef;
}
.mypage-mainBody .rightside-contentPart .rightSideInnerContent-part {
    width: 724px;
    float: left;
    padding: 15px 15px 15px;
}
.mypage-mainBody .rightSideInnerContent-part .registration-area {
    width: 724px;
    float: left;
}

.mypage-mainBody .rightSideInnerContent-part p {
    font-size: 12px;
    padding: 0 0px 15px;
    margin: 0;
}
.mypage-mainBody .rightSideInnerContent-part .inner-confirm-area p:last-child {
    padding-bottom: 54px;
}
.mypage-mainBody .rightside-contentPart .memberShip-block {
    width: 664px;
    float: left;
    padding: 30px 30px 20px;
}
.mypage-mainBody .memberShip-block .memberShip-content {
    width: 664px;
    float: left;
    padding: 0;
    border: 1px solid #999999;
}
.mypage-mainBody .memberShip-block .membershipPrivacy-sec {
    float: left;
    padding: 0;
    border-bottom: 1px solid #999999;
    display: table;
}
.mypage-mainBody .memberShip-block .membershipPrivacy-sec .error_msg p .formError,
.mypage-mainBody .memberShip-block .membershipPrivacy-sec .error_msg p {
    text-align: center;
    padding: 0px;
}
.mypage-mainBody .memberShip-block .membershipAgreement-part {
    width: 311px;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #999999;
    display: table-cell;
}
.mypage-mainBody .memberShip-block .privacyPolicy-part {
    width: 311px;
    text-align: center;
    padding: 10px;
    display: table-cell;
}
.mypage-mainBody .memberShip-block p {
    font-size: 13px;
    padding: 0 0 10px;
    margin: 0;
}
.mypage-mainBody .memberShip-block label {
    color: #000;
    font-size: 13px;
}
.mypage-mainBody .rightside-contentPart .button-large a {
    width: 160px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    font-size: 13px;
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #303741;
}
.mypage-mainBody .memberShip-block .mailAddress-sec {
    text-align: center;
    clear: both;
    padding: 10px 10px 0;
    background: #efefef;
}
.mypage-mainBody .memberShip-block .mailAddress {
    font-size: 12px;
    margin: 0 auto 10px;
    width: 401px;
}
.mypage-mainBody .memberShip-block .mailAddress .mailBlock-part {
    display: table;
}
.mypage-mainBody .inputValidationConfirm {
    display: table;
}
.mypage-mainBody .memberShip-block .mailAddressInner {
    font-size: 12px;
    padding: 10px;
    margin: 0 auto;
    /*display:table;*/

    background: #9fa0a0 none repeat scroll 0 0;
    border: 1px solid #9fa0a0;
}
.mypage-mainBody .mailAddressInner span {
    display: table-cell;
}
.mypage-mainBody .mailAddressInner span label {
    width: 100px;
    height: 30px;
    color: #ffffff;
    background: #595757;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 2px 10px;
    width: 100px;
}
.mypage-mainBody .mailAddressInner span input {
    width: 250px;
    height: 24px;
    color: #000000;
    float: left;
    height: 28px;
    font-size: 24px;
    font-size: 12px;
    padding: 2px 3px;
    border: 1px solid #595757;
}
input::-webkit-input-placeholder {
    color: #aaa !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input:-moz-placeholder {
    /* Firefox 18- */

    color: #aaa !important;
}
input::-moz-placeholder {
    /* Firefox 19+ */

    color: #aaa !important;
}
input:-ms-input-placeholder {
    color: #aaa !important;
}
.mypage-mainBody .memberShip-block .otherMediaLogin-sec {
    text-align: center;
    clear: both;
    overflow: hidden;
    padding: 10px 10px 10px;
    background: #efefef;
}
.mypage-mainBody .memberShip-block .otherMediaLogin-sec .social-icon-btn-group {
    margin: 0 auto;
    overflow: hidden;
    width: 308px;
}
.mypage-mainBody .memberShip-block .otherMediaLogin-sec .social-icon-btn-group .socialmediaButton:last-child a {
    margin-right: 0;
}
.mypage-mainBody .rightSideInnerContent-part h3 {
    font-size: 15px;
    text-align: center;
    padding: 0 8px 8px;
    margin: 0 0 10px 0;
    color: #000;
    clear: both;
}
/********************************************************************************************/
/*                                       通知とエラー画面 CSS                                   */
/********************************************************************************************/

.mypage-mainBody .ErrorIndicationPart {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #9e9e9e #9e9e9e #9e9e9e;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px;
    display: inline-block;
    min-height: 120px;
    margin: 50px 0px 20px 0;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 785px;
    background-color: #efefef;
}
.mypage-mainBody .ErrorIndicationPart .error-heading {
    font-size: 30px;
    display: block;
    border-bottom: 4px solid #000000;
    color: #000000;
    font-weight: bold;
    padding-bottom: 4px;
}
.mypage-mainBody .ErrorIndicationPart .error-padding {
    padding: 40px 40px 0;
}
.mypage-mainBody .ErrorIndicationPart .half-circle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-color: #9e9e9e #9e9e9e #9e9e9e;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    height: 50px;
    margin: -6px auto 0;
    width: 88px;
}
.mypage-mainBody .ErrorIndicationPart .full-circle h1 {
    font-size: 50px;
    font-weight: bold;
    line-height: 82px;
    text-align: center;
}
.mypage-mainBody .ErrorIndicationPart .full-circle {
    background-color: #ffcc33;
    border: 0 solid gray;
    border-radius: 100px;
    height: 80px;
    left: 430px;
    position: absolute;
    top: -36px;
    width: 80px;
}
.mypage-mainBody .errorPage-section {
    text-align: center;
}
.mypage-mainBody .error-list-details {
    display: block;
    text-align: center;
    padding: 75px 10px 50px;
    font-size: 14px;
}
.mypage-mainBody .errorPage-section .warning-alert {
    color: #f49b00;
    font-size: 35px;
}
.mypage-mainBody .warning-icon {
    font-size: 12px;
    padding-right: 2px;
}
.mypage-mainBody .notice {
    margin-bottom: 15px;
    float:left;
    width:100%;
}
.mypage-mainBody .notice-header {
    border-bottom: 1px solid #999;
    padding: 10px;
    font-weight: bold;
    background: #FFFFFF;
    font-size: 14px;
}
.mypage-mainBody .newsDetail-part {
    border: 1px solid #999;
}
.mypage-mainBody .newsDetail-part table.notice-list {
    padding: 10px;
}
.mypage-mainBody .notice-list td {
    border: 1px solid #999999;
    padding: 10px 10px;
    text-align: left;
    height: 34px;
}
.mypage-mainBody td.table-left-column-background {
    width: 35%;
    vertical-align: top;
    background-color: #efefef;
    border-right: none;
    box-shadow: 2px 0 3px #efefef;
    -webkit-box-shadow: 2px 0 3px #efefef;
    -moz-box-shadow: 2px 0 3px #efefef;
}
.mypage-mainBody td.table-right-column-background {
    width: 65%;
    vertical-align: middle;
    border-left: none;
}
.mypage-mainBody .dobMessage {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    font-size: 11px;
}
.mypage-mainBody tr.spacer {
    line-height: 1px;
    height: 1px;
}
.mypage-mainBody .error-info {
    text-align: center;
    padding: 10px;
}

/********************************************************************************************/
/*                                     マイページトップ画面 CSS                                   */
/********************************************************************************************/
.mypage-mainBody .rightSideInnerContent-part .mypage-area {
    width: 724px;
    float: left;
}
.mypage-mainBody .currentPointEmoney-Sec {
  width: 724px;
    margin: 0 auto;
}
.mypage-mainBody .currentPointEmoney-Sec .eMoneyBalancePart {
    margin-right: 0 !important;
}
.mypage-mainBody .currentPointPart,
.mypage-mainBody .eMoneyBalancePart {
    width: 338px;
    height: 120px;
    margin: 50px 18px 20px 0;
    padding: 5px 5px 5px 5px;
    text-align: center;
    position: relative;
    border: 1px solid #9e9e9e;
    border-bottom: 8px solid #303741;
    display: inline-block;
}
.mypage-mainBody .currentPointEmoney-Sec .payment-icon,
.mypage-mainBody .eMoneyBalancePart .yen-icon {
    font-family: Arial, Helvetica, sans-serif !important;
}
.mypage-mainBody .half-circle {
    width: 88px;
    height: 50px;
    background-color: #fff;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-bottom-left-radius: 100px;
    -moz-border-bottom-right-radius: 100px;
    border: 1px solid #9e9e9e;
    border-top: 0;
    margin: -6px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mypage-mainBody .full-circle {
    width: 80px;
    height: 80px;
    position: absolute;
    top: -36px;
    left: 134px;
    background-color: #E5F3FF;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
}
.mypage-mainBody .ErrorIndicationPart .full-circle i {
    font-size: 40px;
    margin-top: 20px;
}
.mypage-mainBody .full-circle h1 {
    font-size: 50px;
    line-height: 82px;
    text-align: center;
    font-weight: bold;
}
.mypage-mainBody .currentPointLeftRight-Sec .currentPointVerticalCenter {
    display: table-cell;
    vertical-align: middle;
}
.mypage-mainBody .currentPointLeftRight-Sec span.value {
    padding: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    display: block;
}
.mypage-mainBody .currentPointLeftRight-Sec span.valuePointDetails {
    padding: 5px 0 0 0;
    font-size: 11px;
    color: #000;
    display: block;
}
.mypage-mainBody .currentPointLeftRight-Sec .currentPointLeft {
    width: 147px;
    height: 45px;
    float: left;
    font-size: 13px;
    padding: 10px 10px;
    margin-top: 11px;
    text-align: left;
    line-height: 44px;
    background: #E5F3FF;
    display: table;
    overflow: hidden;
}
.mypage-mainBody .currentPointLeftRight-Sec .currentPointRight {
    width: 147px;
    height: 45px;
    float: right;
    font-size: 11px;
    color: #000000;
    padding: 10px 10px;
    margin-top: 11px;
    text-align: left;
    background: #E5F3FF;
    display: table;
    overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari and Chrome, if Chrome rule needed */
    /*.someClass {
     color:#c00;
    }*/
    /* Safari 5+ ONLY */

    ::i-block-chrome,
    .mypage-mainBody .currentPointLeftRight-Sec .currentPointLeft {
        width: 166px;
    }
    /* Safari 5+ ONLY */

    ::i-block-chrome,
    .mypage-mainBody .currentPointLeftRight-Sec .currentPointRight {
        width: 166px;
    }
}
.mypage-mainBody .currentPointEmoney-output {
    margin-bottom: 20px;
}
.mypage-mainBody .currentPointEmoney-output table {
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
}
.mypage-mainBody .currentPointEmoney-output table tr td {
    border-bottom: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    word-wrap: break-word;
    background: #fff;
}
.mypage-mainBody .currentRank-display {
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px;
    background: #f5f5f5;
    border: 1px solid #9e9e9e;
}
.mypage-mainBody .currentRank-display table.currentRank-table {
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
}

/* For Current rank section CSS */

.mypage-mainBody .currentRank-display table.currentRankSec-Left tr td,
.mypage-mainBody .currentRank-display table.currentRankSec-Right tr td {
    border-bottom: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    word-wrap: break-word;
    background: #fff;
}
.mypage-mainBody .currentRank-display table.currentRankSec-Left tr td {
    padding: 8px 8px;
    text-align: center;
}
.mypage-mainBody .currentRank-display table.currentRankSec-Right tr td {
    padding: 8px 15px;
    text-align: left;
}
.mypage-mainBody .currentRank-display table.currentRankSec-Right tr td:first-child {
    /*font-weight: bold;*/
}
.mypage-mainBody .nextRank-display table tr td.next-rank-header {
    vertical-align: middle;
}
.mypage-mainBody .currentPointEmoney-output table tr td:first-child {
    border-right: 0;
}
.mypage-mainBody .currentPointEmoney-output table tr td.leftTD,
.mypage-mainBody .currentRank-display table tr td.leftTD,
.mypage-mainBody .nextRank-display table tr td.leftTD {
    background: #E5F3FF;
}
.mypage-mainBody .rightSideInnerContent-part .currentPointEmoney-output table p {
    padding: 0 0 10px;
}
.mypage-mainBody .currentPointEmoney-output table tr td p:first-child {
    color: #000000;
}
.mypage-mainBody .currentPointEmoney-output table tr td p:last-child {
    padding: 0 0 0px;
}
.mypage-mainBody .rightside-contentPart .rightSideInnerContent-part .newslist-part {
    width: 724px;
}
.mypage-mainBody .rightside-contentPart .rightSideInnerContent-part .newslist-part a {
    width: 724px;
}
.mypage-mainBody .rightSideInnerContent-part .mypage-area h2 {
    border-bottom: 0;
}
.mypage-mainBody .rightSideInnerContent-part .currentRank-display table p {
    padding: 0 0 10px;
}
.mypage-mainBody .currentRank-display table tr td p:last-child {
    color: #000000;
}
.mypage-mainBody .currentRank-display table tr td p:last-child {
    padding: 0 0 0px;
}
.mypage-mainBody .currentRank-display table td img {
    margin-top: 0px;
}
/* For Next rank section CSS */

.mypage-mainBody .nextRank-display {
    margin-bottom: 20px;
}
.mypage-mainBody .nextRank-display table.nextRank-table {
    border-left: 1px solid #9e9e9e;
}
.mypage-mainBody .nextRank-display table.nextRankSec-Left tr td,
.mypage-mainBody .nextRank-display table.nextRankSec-Right tr td {
    border-bottom: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    padding: 8px 8px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    word-wrap: break-word;
    text-align: center;
}
.mypage-mainBody .nextRank-display table.nextRankSec-Left tr td.borderTopLine,
.mypage-mainBody .nextRank-display table.nextRankSec-Right tr td.borderTopLine {
    border-top: 1px solid #9e9e9e;
}
.mypage-mainBody .nextRank-display table.nextRankSec-Center {
    border-right: 1px solid #9e9e9e;
    ;
}
.mypage-mainBody .nextRank-display table.nextRankSec-Center tr td {
    border-left: 0px solid #9e9e9e;
    border-right: 0px solid #9e9e9e;
    padding: 0px 5px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: top;
    word-wrap: break-word;
    background: #fff;
    text-align: center;
}
.mypage-mainBody .nextRank-display table.nextRankSec-Center .fa-plus-circle {
    color: #000000;
}
.mypage-mainBody .nextRank-display table.nextRankSec-Center tr td.padding-none {
    padding: 0;
    vertical-align: middle;
}
.mypage-mainBody .rank-conditionPoints-sec {
    min-width: 98px;
    max-width: 215px;
    margin: 0 auto;
    text-align: center;
}
.mypage-mainBody .rankCondition {
    background: #000000;
    padding: 4px 4px 8px 4px;
    color: #FFF;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
}
.mypage-mainBody .rankCondition:after {
    content: "";
    border-top: 10px solid #000000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
}
.mypage-mainBody .rankPoints-part {
    border: 1px solid #9e9e9e;
    min-height: 100px;
}
.mypage-mainBody .rankPoints-part .pointHeading {
    border-bottom: 1px solid #9e9e9e;
    background: #efefef;
    padding: 8px 8px;
}
.mypage-mainBody .rankPoints-part .points {
    padding: 10px 2px;
}
.mypage-mainBody .nextRank-arrowSec {
    background: #FC3;
    padding: 4px 4px 4px 4px;
    color: #000;
    font-weight: bold;
    line-height: 18px;
    margin: 5px auto;
    width: 94%;
    height: 20px;
    display: inline-block;
    text-align: center;
    float: left;
    position: relative;
}
.mypage-mainBody .nextRank-arrowSec:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FC3;
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 100%;
    right: 0;
}

/* Rankup condition Display Style 2 */
.mypage-mainBody .rankup-conidtion-display {
    margin-bottom: 20px;
}
.mypage-mainBody .rankup-conidtion-display table {
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
}
.mypage-mainBody .rankup-conidtion-display table tr td {
  border-bottom: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    padding: 8px 15px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    word-wrap: break-word;
    background: #fff;
}
.mypage-mainBody .nextRankTriangle,
.mypage-mainBody .nextRankTriangleCondition-one,
.mypage-mainBody .nextRankTriangleCondition-two,
.mypage-mainBody .centerWhiteArrowSec {
    float: left;
}
.mypage-mainBody .nextRankTriangle ul,
.mypage-mainBody .nextRankTriangleCondition-one ul,
.mypage-mainBody .nextRankTriangleCondition-two ul,
.mypage-mainBody .centerWhiteArrowSec ul {
    float: left;
    margin: 0;
    padding: 0;
}
.mypage-mainBody .nextRankTriangle ul li,
.mypage-mainBody .nextRankTriangleCondition-one ul li,
.mypage-mainBody .nextRankTriangleCondition-two ul li,
.mypage-mainBody .centerWhiteArrowSec ul li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.mypage-mainBody .nextRankTriangle ul li span {
    display: block;
    float: left;
    height: 149px;
    line-height: 40px;
    background: #efefef;
    text-align: center;
    padding: 0px 0px;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    cursor: default;
    width: 418px;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}
.mypage-mainBody .nextRankTriangle ul li span:after {
    content: "";
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-left: 58px solid #efefef;
    position: absolute;
    right: -58px;
    top: 0;
}
.mypage-mainBody .nextRankTriangleCondition-one ul li span {
    display: block;
    float: left;
    height: 79px;
    line-height: 50px;
    background: #ffcc33;
    text-align: center;
    padding: 0px 0px;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    cursor: default;
    width: 80px;
    z-index: 1;
    top: -166px;
    border: 0;
    border-bottom: 1px solid #fff;
}
.mypage-mainBody .nextRankTriangleCondition-one ul li span:after {
    content: "";
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 30px solid #ffcc33;
    position: absolute;
    right: -30px;
    top: 5px;
}
.mypage-mainBody .nextRankTriangleCondition-one ul li span .whiteBorderTop {
    line-height: 5px;
    height: 5px;
    width: 40px;
    float: right;
    background: #fff;
}
.mypage-mainBody .nextRankTriangleCondition-one ul li span .WhiteBorderBottom {
    line-height: 5px;
    height: 5px;
    width: 40px;
    background: #fff;
    position: relative;
    top: 74px;
    right: -40px;
}
.mypage-mainBody .nextRankTriangleCondition-two ul li span {
    display: block;
    float: left;
    height: 79px;
    line-height: 50px;
    background: #ffcc33;
    text-align: center;
    padding: 0px 0px;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    cursor: default;
    width: 80px;
    top: -86px;
    left: -100px;
    border: 0;
    z-index: 1;
}
.mypage-mainBody .nextRankTriangleCondition-two ul li span:after {
    content: "";
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 30px solid #ffcc33;
    position: absolute;
    right: -30px;
    top: 4px;
}
.mypage-mainBody .nextRankTriangleCondition-two ul li span .whiteBorderTop {
    line-height: 5px;
    height: 5px;
    width: 40px;
    float: right;
    background: #fff;
}

.mypage-mainBody .nextRankTriangleCondition-two ul li span .WhiteBorderBottom {
    line-height: 5px;
    height: 5px;
    width: 40px;
    background: #fff;
    position: relative;
    top: 74px;
    right: -40px;
}
.mypage-mainBody .nextRankTriangleCondition-one .rankStepOne .stepOneText {
    float: left;
    font-size: 13px;
    padding: 10px 0 10px 15px;
}
.mypage-mainBody .nextRankTriangleCondition-one .rankStepOne .full-circle-withBorder {
    float: left;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1;
    top: 18px;
    left: 10px;
    text-align: center;
    color: #fff;
    background-color: #ffcc33;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border: 2px solid #fff;
}
.mypage-mainBody .nextRankTriangleCondition-two .rankStepTwo .stepOneText {
    float: left;
    font-size: 13px;
    padding: 10px 0 10px 15px;
}
.mypage-mainBody .nextRankTriangleCondition-two .rankStepTwo .full-circle-withBorder {
    float: left;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1;
    top: 18px;
    left: 10px;
    text-align: center;
    color: #fff;
    background-color: #ffcc33;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border: 2px solid #fff;
}
.mypage-mainBody .nextRankTriangle ul li span .grayArrow-topText {
    text-align: left;
    font-size: 13px;
    width: 266px;
    height: 75px;
    float: left;
    line-height: 75px;
    padding-left: 150px;
}
.mypage-mainBody .nextRankTriangle ul li span .grayArrow-bottomText {
    text-align: left;
    font-size: 13px;
    width: 266px;
    height: 75px;
    float: left;
    line-height: 75px;
    padding-left: 150px;
}
.mypage-mainBody .centerWhiteArrowSec ul li span {
    display: block;
    height: 11px;
    background: #fff;
    text-align: center;
    padding: 0px 0px;
    position: relative;
    margin: 0 20px 0 0;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    cursor: default;
    width: 455px;
    top: -81px;
    left: 0px;
    border: 0;
    z-index: 1;
}
.mypage-mainBody .centerWhiteArrowSec ul li span:after {
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 5px solid #fff;
    position: absolute;
    right: -5px;
    top: 0px;
    z-index: 1;
}
.mypage-mainBody .centerWhiteArrowSec ul li span em.plusIcon {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #5f0d8e;
    font-family: icon;
    font-weight: bold;
    color: #fff;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    position: absolute;
    top: -8px;
    right: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/********************************************************************************************/
/*                                      Scroll To TOP CSS                                   */
/********************************************************************************************/
.mypage-mainBody .scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 35px;
    height: 35px;
    line-height: 35px;
    right: 30px;
    bottom: 30px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mypage-mainBody .scroll-top-wrapper:hover {
    background-color: #888888;
}
.mypage-mainBody .scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}
.mypage-mainBody .scroll-top-inner {
    font-size: 25px;
    line-height: 32px;
}
/********************************************************************************************/
/*                                       Accordian CSS                                      */
/********************************************************************************************/
.mypage-mainBody .accordion {
    margin: 0;
    padding: 10px;
    height: 20px;
    border-top: #FFF 1px solid;
    background: #E5F3FF;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 1em;
    cursor: pointer;
    border: 1px solid #ccc;
}
.mypage-mainBody .accordion-open {
    /*background: #595757;*/
    /*color: #ffffff;*/
    /*border: 1px solid #595757;*/
}
.mypage-mainBody .accordion-open span {
    display: block;
    float: right;
    padding: 10px;
}
.mypage-mainBody .accordion-open span {
    background: url(../img/minus.png) center center no-repeat;
}
.mypage-mainBody .accordion-close span {
    display: block;
    float: right;
    background: url(../img/plus.png) center center no-repeat;
    padding: 10px;
}
.mypage-mainBody div.accordionContainer {
    padding: 0;
    margin: 0;
}
.mypage-mainBody div.accordionContent {
    background: #f5f5f5;
    margin: 0;
    padding: 10px;
    font-size: .9em;
    line-height: 1.5em;
}
.mypage-mainBody div.accordionContent ul,
div.accordionContent p {
    padding: 0;
    margin: 0;
    padding: 3px;
}
.mypage-mainBody div.accordionContent ul li {
    list-style-position: inside;
    line-height: 25px;
}
.mypage-mainBody div.accordionContent ul li a {
    color: #555555;
}
.mypage-mainBody code {
    overflow: auto;
}
/********************************************************************************************/
/*                                        一覧画面 CSS                                        */
/********************************************************************************************/
.mypage-mainBody .rightSideInnerContent-part .pointHistory-area {
    width: 724px;
    float: left;
}
.mypage-mainBody .tableDisplayDetails {
    padding: 10px 10px 9px;
    background: #e6e6e6;
}
.mypage-mainBody .listTable-currentPoint {
    width: 50%;
    float:left;
}
.mypage-mainBody .listTable-currentPoint td.table-left-column-background,
.mypage-mainBody .listTable-currentPoint td.table-right-column-background {
    width: 50%;
    vertical-align: middle
}
.mypage-mainBody .pointHistoryTable {
    font-size: 12px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.mypage-mainBody .pointHistoryTable thead tr th {
    padding: 15px 5px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    background: #6693bc;
    color: #E5F3FF;
    letter-spacing: -1px;
}
.mypage-mainBody .pointHistoryTable tbody tr td {
    padding: 10px 5px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    line-height: 20px;
    vertical-align: middle;
}
.mypage-mainBody .pointHistoryTable tbody tr td span {
    width: 96px;
    display: table;
}
.mypage-mainBody .pointHistoryTable tbody tr:nth-child(odd) {
    background-color: #efefef;
}
.mypage-mainBody .pointHistoryTable tbody tr:nth-child(even) {
    background-color: #efefef;
}
/*
.mypage-mainBody .pointHistoryTable tbody tr td:nth-child(n+4):nth-child(-n+7) {
    text-align: right;
}
*/
.mypage-mainBody .pointHistoryTable .button-small a {
    margin-bottom: 0;
    margin-right: 0;
    width: 52px;
}
/********************************************************************************************/
/*                     商品交換キャンセル確認画面＆  パスワード変更確認画面                                                          */
/********************************************************************************************/
.mypage-mainBody .notification-info p {
    padding: 0 0 15px
}
.mypage-mainBody .registration-area .notification-info p {
    padding: 0 0 15px;
    font-weight: 600;
}
.mypage-mainBody .notice-list td.border-left-none {
    border-left: none;
}
.mypage-mainBody .notice-list td.border-right-none {
    border-right: none;
}
.mypage-mainBody .tempPasswordChangeConfirm-area .button-small a,
.mypage-mainBody .exchangeCancelConfirm-area .button-small a {
    /*margin-right: 15px;*/
}

/********************************************************************************************/
/*                          入力チェックが正常の場合、チェック印表示用 CSS                              */
/********************************************************************************************/
.mypage-mainBody .okCheck {
    vertical-align: middle;
    left: 5px;
    position: relative;
    display: table-cell;
}

.mypage-mainBody .okCheckMemberReg {
    vertical-align: middle;
    left: 0px;
    position: relative;
    display: table-cell;
}

.mypage-mainBody .tick-icon-background {
    color: #396107;
}
.mypage-mainBody .formError .formErrorContent {
    background: none;
    color: red;
    cursor: default;
}
.mypage-mainBody .custom_error_msg .formErrorContent {
    color: #fdcf3f !important;
}
.mypage-mainBody #email-validate {
    padding: 0px !important;
}

/********************************************************************************************/
/*                                         入力画面用CSS                                      */
/********************************************************************************************/
.mypage-mainBody .informationDetail-sec p {
    padding: 0 0 10px;
    clear: both;
}
.mypage-mainBody .error_msg p.prompt-target {
    padding: 0;
    font-weight: normal;
}
.mypage-mainBody .infoDetailBox {
    margin-bottom: 20px;
}
.mypage-mainBody .infoDetailBox .button-verySmall a {
    margin-bottom: 0;
    float: right;
}
.mypage-mainBody .infoDetailBox .button-small a,
.mypage-mainBody .infoDetailBox .button-medium a {
    float: right;
    margin-bottom: 0;
    margin-right: 10px;
}

.mypage-mainBody .infoDetailBox .dividerHorizontal {
    width: 10px;
    height: 1px;
    line-height: 1px;
    float: left;
    margin: 17px 5px 0 0;
    background: #604a7b;
}

.mypage-mainBody .infoDetailBox .zipCodeFloatLeft {
    float: left;
    width: 235px;
    width: 238px\9; /* For IE9 CSS Fix */
}

.mypage-mainBody .infoDetailBox .zipCodeText {
    display: table-cell;
    vertical-align: middle;
}
.mypage-mainBody .infoDetailBox .zipCodeText a {
    color: #000;
    text-decoration: none;
}
.mypage-mainBody .infoDetailBox .zipCodeText .iconSpace {
    padding-right: 0px;
    font-size: 13px;
    color: #595757;
}
.mypage-mainBody .infoDetailBox .postalCodeBlock {
    display: table;
    float: left;
}
.mypage-mainBody .infoDetailBox .postalCodeBlock .button-small a {
    margin-left: 10px;
    margin-right: 5px;
}
.mypage-mainBody .infoDetailBox .postalCodeBlock .button-small {
    display: table-cell;
}

.mypage-mainBody .infoDetailBox .floatLeft {
    padding-right: 10px;
    padding-top: 10px;
}
/* 2025.03.21 fjjq add キリン堂_新規導入対応 start */
.mypage-mainBody .infoDetailBox .AreaFloatLeft {
    float: left;
    width: 332px;
}
/* 2025.03.21 fjjq add キリン堂_新規導入対応 end */
.mypage-mainBody .paddingTop5 {
    padding-top: 5px;
}
.mypage-mainBody .paddingBottomNone {
    padding-bottom: 0;
}
.mypage-mainBody .infoDetailBox .circleCheckOk .okCheck {
    left: 0;
    top: -5px;
}
.mypage-mainBody .infoDetailBox .circleCheckOk .okText {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 2px;
}
.mypage-mainBody .notice-list .mandatory {
    float: right;
}
/* 2020.06.24 Phase10 start */
.mypage-mainBody .passwordInitInput-area .passwordResetAuth-area .notice-list .mandatory,
/*.mypage-mainBody .passwordInitInput-area .notice-list .mandatory,*/
/* 2020.06.24 Phase10 end */
.mypage-mainBody .tempPasswordModifyInput-area .notice-list .mandatory {
    margin-top: 0;
}
.mypage-mainBody td.verticalAlignFromTop {
    padding-top: 20px;
    padding-bottom: 0px;
    vertical-align: top;
}
.mypage-mainBody td.verticalAlignFromTop .formErrorContent {
    padding-bottom: 11px;
}
/********************************************************************************************/
/*                                     完了画面＆通知画面用CSS                                  */
/********************************************************************************************/
.mypage-mainBody .process-complete {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.mypage-mainBody .process-complete .process-complete-icon {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.process-complete .process-complete-part {
    display: table-cell;
    vertical-align: top;
}
.mypage-mainBody .process-complete-icon > span {
    border: 2px solid #303741;
    float: left;
    height: 60px;
    margin-right: 15px;
    padding: 2px;
    text-align: center;
    width: 60px;
}
.mypage-mainBody .process-complete .process-complete-content {
    float: left;
}
.mypage-mainBody .password-reissues .password-reissues-content p {
    text-align: left;
    padding: 0 0 8px 0;
    line-height: 18px;
}
.mypage-mainBody .inner-contactus {
    float: left;
    width: 100%;
    border: 1px solid #9fa0a0;
    margin-bottom: 20px;
}
.mypage-mainBody .inner-contactus .details {
    padding: 10px;
}
.mypage-mainBody .inner-contactus .details p {
    text-align: left;
    line-height: 28px;
    padding: 0 0 5px 0 !important;
}
.mypage-mainBody .inner-contactus .details i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 8px;
}
.mypage-mainBody .inner-contactus h3 {
    border-bottom: 2px solid #9fa0a0;
    padding: 4px 10px !important;
    text-align: left !important;
    margin: 0 !important;
    font-weight: bold;
    font-size: 12px;
    background: #9fa0a0;
}
.mypage-mainBody .inner-confirm-area {
    width: 660px;
    min-height: 100px;
    margin: 0 auto;
    padding: 30px 30px 0;
    border: 1px solid #999999;
    border-bottom: 0;
}
.mypage-mainBody .inner-confirm-area .notification-info {
    padding-bottom: 30px;
}
.mypage-mainBody .inner-confirm-area .bottomSpace {
    padding-bottom: 30px;
}
.mypage-mainBody .innerConfirmButton-sec {
    width: 720px;
    margin: 0 auto;
    background: #efefef;
    text-align: center;
    padding: 20px 0px;
    border: 1px solid #999999;
}
.mypage-mainBody .innerConfirmButton-sec .button-small a,
.mypage-mainBody .innerConfirmButton-sec .button-medium a {
    margin-bottom: 0;
}
/********************************************************************************************/
/*                                     商品交換選択画面 CSS                                    */
/********************************************************************************************/
/*
.mypage-mainBody .pointHistoryTable.pointExchangeListTable.sixColumn tbody tr td:nth-child(n+1):nth-child(-n+4) {
    text-align: right;
}
.mypage-mainBody .pointHistoryTable.pointExchangeListTable.sixColumn tbody tr td:nth-child(n+5) {
    text-align: left;
}
.mypage-mainBody .pointHistoryTable.pointExchangeListTable.sevenColumn tbody tr td:nth-child(n+2):nth-child(-n+5) {
    text-align: right;
}

.mypage-mainBody .pointHistoryTable.pointExchangeListTable.sevenColumn tbody tr td:nth-child(n+6) {
    text-align: left;
}

.mypage-mainBody .pointHistoryTable.pointExchangeListTable.eightColumn tbody tr td:nth-child(n+3):nth-child(-n+6) {
    text-align: right;
}

.mypage-mainBody .pointHistoryTable.pointExchangeListTable.eightColumn tbody tr td:nth-child(n+7) {
    text-align: left;
}
*/
.mypage-mainBody ul.list-grid-view {
    float: right;
    margin: 0;
    padding: 0 0 10px 0;
}
.mypage-mainBody ul.list-grid-view li {
    list-style: none;
    float: right;
    border: 1px solid #efefef;
}
.mypage-mainBody ul.list-grid-view li:last-child {
    border-right: 0;
}
.mypage-mainBody ul.list-grid-view li a {
    float: left;
    padding: 5px 5px 5px 5px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
.mypage-mainBody ul.list-grid-view li a span {
    padding: 1px 2px;
    color: #333;
    font-size: 14px;
    line-height: 12px;
}
.mypage-mainBody ul.list-grid-view li a:hover,
.mypage-mainBody ul.list-grid-view li a:hover span {
    background: #595757;
    color: #FFF;
}
.mypage-mainBody ul.list-grid-view li a.active,
.mypage-mainBody ul.list-grid-view li a.active span {
    background: #595757;
    color: #FFF;
    cursor: default;
}
.mypage-mainBody .clerfix {
    clear: both;
}
.mypage-mainBody #gridView {
    display: none;
}
.mypage-mainBody #listView .pointExchangeListTable td:first-child img {
    height: 35px;
    vertical-align: middle;
}
.mypage-mainBody .pointexchangeGridBox {
    border: 1px solid #9d999a;
    float: left;
    margin: 5px 0 0 5px;
    position: relative;
    width: 234px;
}
.mypage-mainBody .commodity-exchange-title {
    background: #595757 none repeat scroll 0 0;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.mypage-mainBody .commodity-exchange-title a {
    color: #ffffff;
}
.mypage-mainBody .pointexchangeGridBox-Details .pointexchangeGridBox-Name {
    background: #efefef;
    color: #000;
    text-align: left;
    padding: 2px 7px;
    line-height: 18px;
    position: relative;
    min-height: 35px;
}
.mypage-mainBody .readmore-hide {
    height: 35px;
    overflow: hidden;
    float: left;
}
.mypage-mainBody .pointexchangeGridBox-Image {
    text-align: center;
    vertical-align: top;
    background: #FFFFFF;
}
.mypage-mainBody .pointexchangeGridBox-ImageBox {
    margin: 15px 15px 15px 15px;
}
.mypage-mainBody .pointexchangeGridBox-Table {
    background: #efefef;
    margin: 15px 15px 15px 15px;
}
.mypage-mainBody .gridView4 .pointexchangeGridBox-ImageBox {
    margin: 10px 10px 10px 10px;
}
.mypage-mainBody .gridView4 .pointexchangeGridBox-Table {
    background: #efefef;
    margin: 10px 10px 10px 10px;
}
.mypage-mainBody table.pointexchangeGridBox-Table td {
    padding: 5px 3px 5px 3px;
    border-bottom: 1px solid #FFFFFF;
    width: 60px;
}
.mypage-mainBody table.pointexchangeGridBox-Table td:first-child {
    background: #efefef;
    width: 140px;
    border-right: 1px solid #FFFFFF;
}
.mypage-mainBody .pointexchangeGridBox-button {
    margin-top: 8px;
}
.mypage-mainBody .infoDetailBox .textarea-box-width-small {
    width: 100%;
    float: left;
    margin-right: 10px;
}
.mypage-mainBody .infoDetailBox .textarea-box-width-small textarea {
    width: 94.5%;
    resize: none;
    height: 110px;
    padding: 0px 0px 0px 5px;
    border: 1px solid #604a7b;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    line-height: 18px;
}
.mypage-mainBody .next-prev-btn {
    margin-top: 20px;
}
.mypage-mainBody a.readmore {
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 2px;
    text-decoration: none;
    cursor: default;
}
.mypage-mainBody .readmore-show {
    overflow: visible;
}
.mypage-mainBody .pointexchangeGridBox-Name.dotted {
    height: 35px;
    overflow: hidden;
}
.mypage-mainBody .pointexchangeGridBox-Name.dotted a {
    background: #efefef;
    padding: 0 2px 0 4px
}
.mypage-mainBody .marginTop10 {
    margin-top: 10px;
}
.mypage-mainBody .gridListIcon {
    float: left;
    width: 100%;
}
.mypage-mainBody .cardBackNohint {
    font-weight: normal !important;
    padding-bottom: 0px !important;
}
.cardNopointDestImg {
    float: left;
    width: 90%;
    padding: 10px 0;
}
.cardNopointDestImg img {
    max-width: 100%;
    height: 70px;
}
.mypage-mainBody .infoDetailBox textarea[disabled="true"] {
    background: #eee;
}
.mypage-mainBody .gridView3 .pointexchangeGridBox-Image img {
    max-width: 100%;
    height: 131px;
}
.mypage-mainBody .gridView4 .pointexchangeGridBox-Image img {
    max-width: 100%;
    height: 100px;
    margin: 0px 0;
}
.mypage-mainBody .gridView4 .pointexchangeGridBox {
    width: 174px;
    min-height: 366px;
}
.mypage-mainBody .gridView3 .pointexchangeGridBox {
    width: 234px;
    min-height: 415px;
}
.mypage-mainBody .gridView3 .pointexchangeGridBox-ImageBox {
    /*width:195px*/
}
.mypage-mainBody .gridView3 table.pointexchangeGridBox-Table td:first-child {
    /*padding:5px 5px 5px 18px*/
}

/********************************************************************************************/
/*                        Zip Code Button alignment IE-9 FIX CS                             */
/********************************************************************************************/
.mypage-mainBody .padding-right-none {padding-right:0 !important;}

/********************************************************************************************/
/*                       TICK MARK SYMBOL CSS FOR IE 9 Above								*/
/********************************************************************************************/

.mypage-mainBody .margin-right-0 {
    margin-right:0 !important;
}
.mypage-mainBody .margin-right-4 {
    margin-right:4px;
    margin-right:2px\9; /* IE9 CSS Fix */
}
.mypage-mainBody .margin-right-5 {
    margin-right:5px;
    margin-right:4px\9; /* IE9 CSS Fix */
}
/* For IE10 and IE11 CSS Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .margin-right-4 {
	    margin-right:2px;
	 }
	.mypage-mainBody .margin-right-5 {
	    margin-right:4px;
	 }
}
/* For IE Edge CSS Fix */
@supports (-ms-accelerator:true) {
	 .mypage-mainBody .margin-right-4 {
		margin-right:2px;
	}
	.mypage-mainBody .margin-right-5 {
		margin-right:4px;
	}
}
.mypage-mainBody .margin-right-2 {
    margin-right:0px;
    margin-right:2px\9; /* IE9 CSS Fix */
}

/* For IE10 and IE11 CSS Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .margin-right-2 {
	    margin-right:2px;
	 }
}
/* For IE Edge CSS Fix */
@supports (-ms-accelerator:true) {
	.mypage-mainBody .margin-right-2 {
	    margin-right:2px;
	}
}
.mypage-mainBody .margin-right-10 {
	margin-right: 10px;
}
/* For IE10 and IE11 CSS Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .input-box-width-verySmall {
	    width: 95px;
	}
}
/* For IE9 CSS Fix */
.mypage-mainBody .radioButton-holder {
	padding-top:2px\9;
}
/* For IE10 and IE11 CSS Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .radioButton-holder {
		padding-top:2px;
	}
}
/* For IE Edge CSS Fix */
@supports (-ms-accelerator:true) {
    .mypage-mainBody .radioButton-holder {
		padding-top:2px;
	}
}
/* IE9 and IE10 CSS Fix for selecBox */
@media screen and (min-width:0\0) {
    .mypage-mainBody .selectBox select[disabled='true'] {
	    background-color:#EEE;
	    background-image:url("../img/down-arrow.png");
	    background-repeat: no-repeat;
	    background-position: 88% 50%;
	    cursor: default;
	}
}
/* IE11 CSS Fix for selecBox */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .mypage-mainBody .selectBox select[disabled='true'] {
	    background-color:#EEE;
	    background-image:url("../img/down-arrow.png");
	    background-repeat: no-repeat;
	    background-position: 88% 50%;
	    cursor: default;
	}
}
.mypage-mainBody .okCheck.leftZeroIE {
	left:0\9; /* IE9 CSS Fix */
}
/* For IE10 and IE11 CSS Fix Start */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .okCheck.leftZeroIE {
	    left:0;
	}
}
/* For IE Edge CSS Fix */
@supports (-ms-accelerator:true) {
	.mypage-mainBody .okCheck.leftZeroIE {
	    left:0px;
	}
}
/* For IE11 CSS Fix Start */
_:-ms-fullscreen, :root .mypage-mainBody .okCheck.leftZeroIE11Up {
	    left:0;
}
/* For IE Edge CSS Fix Start */
@supports (-ms-accelerator:true) {
    .mypage-mainBody .okCheck.leftZeroIE11Up {
	    left:0;
	}
}
/* For IE10 and IE11 CSS Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .infoDetailBox .zipCodeFloatLeft {
	    width: 232px;
	}
}

/********************************************************************************************/
/*                       Place Holder Label FOR IE 9 										*/
/********************************************************************************************/


.mypage-mainBody .placeholderIE9 .placeholderLabel {
	display:none;
}
/* For IE9 CSS Fix */
.mypage-mainBody .placeholderIE9 .placeholderLabel {
	padding:7px 0 0 0\9;
	color:#000\9;
	font-weight:normal\9;
	display:block\9;
}
/* For IE10 and IE11 CSS Fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mypage-mainBody .placeholderIE9 .placeholderLabel {
		display:none;
	}
}
/* For IE Edge CSS Fix */
@supports (-ms-accelerator:true) {
    .mypage-mainBody .placeholderIE9 .placeholderLabel {
		display:none;
	}
}


/********************************************************************************************/
/*                       Japanese Text Enter Key Submit Issue                               */
/********************************************************************************************/
.mypage-mainBody .textCenter .memberSubmitButton{
	color: #fff;
	display: inline-block;
	font-size: 13px;
	width:100px;
	border:none;
	line-height: 25px;
	margin-bottom: 10px;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
	background-color:#595757;

}
.mypage-mainBody .textCenter .memberSubmitButton:hover{
	  cursor:pointer;
}


.mypage-mainBody .textCenter .mfaConfSubmitButton{
  color: #fff;
  display: inline-block;
  font-size: 13px;
  width:100px;
  border:none;
  line-height: 25px;
  margin-bottom: 10px;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  background-color:#595757;

}
.mypage-mainBody .textCenter .mfaConfSubmitButton:hover{
    cursor:pointer;
}