@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------------------
 *小型モジュール
------------------------------------------------------------------------------------------------------------------ */

/*見出し
--------------------------------------------------------- */
#contWrap .PlatinumContents h1 {
    color: #282828;
    font-weight: bold;
    padding: 6px 8px 6px 0;
    font-size: 21px;
    margin: 20px 0 10px;
    position: relative;
    overflow: hidden;
}

#contWrap .PlatinumContents h1:before {
    content: " ";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #282828;
}

#contWrap .PlatinumContents h1.PlatinumHeading {
    padding: 6px 0 6px 0;
    width: 100%;
    display: table;
}

#contWrap .PlatinumContents .PlatinumHeadingTitle {
    display: table-cell;
    vertical-align: middle;
}

#contWrap .PlatinumContents .PlatinumHeadingLogo {
    display: table-cell;
    width: 64px;
    padding-left: 5px;
}

#contWrap .PlatinumContents h2 {
    font-size: 129%;
    font-weight: bold;
    color: #282828;
    padding: 0 20px 0 8px;
    margin: 20px 0 18px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #282828;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
}

#contWrap .PlatinumContents h2:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #282828;
    position: absolute;
    bottom: -8px;
    left: -5px;
    padding-right: 5px;
}

#contWrap .PlatinumContents h3 {
    font-size: 115%;
    color: #282828;
    background-color: #d8d8d8;
    padding: 9px 8px 9px 13px;
    font-weight: bold;
    margin: 20px 0 10px;
    overflow: hidden;
    box-sizing: border-box;
}

#contWrap .PlatinumContents h4 {
    font-size: 98%;
    font-weight: bold;
    color: #282828;
    padding: 0 0 0 1.5em;
    margin: 15px 0 10px;
    border-bottom: none;
    position: relative;
}

#contWrap .PlatinumContents h4:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 1em;
    height: 1em;
    font-size: 98%;
    font-weight: bold;
    background-color: #282828;
    border-bottom: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    behavior: url("/static/responsive/css/PIE.htc");
}

#contWrap .PlatinumContents h5 {
    font-size: 98%;
    font-weight: bold;
    color: #282828;
    margin: 15px 0 10px;
}

#contWrap .PlatinumContents .SubTitle {
    color: #282828;
    background-color: #d8d8d8;
    padding: 5px 8px 3px 13px;
    font-weight: bold;
    margin: 15px 0 10px;
    overflow: hidden;
    box-sizing: border-box;
}

#contWrap .PlatinumContents .SubTitle+div {
    margin-top: 5px !important;
}


/*テキスト
--------------------------------------------------------- */

.PlatinumContents .ImportantText {
    color: #D40C0C !important;
}


/*罫線
--------------------------------------------------------- */
.PlatinumContents hr {
    border-style: none;
    border-bottom: 1px dotted #739f90;
    margin: 20px 0;
}



/*パンクズ
--------------------------------------------------------- */
.iconHome a:before {
    border-bottom-color: #767676;
}

.iconHome a:after {
    background-color: #767676;
}

.breadcrumbArea a {
    color: #222222 !important;
}


/*リスト
--------------------------------------------------------- */

.PlatinumContents .List,
.PlatinumContents .Note,
.PlatinumContents .NumNote,
.PlatinumContents .NumMarkNote,
.PlatinumContents .AttintionNote,
.PlatinumContents .NumList {
    margin-top: 5px;
    margin-bottom: 10px !important;
}

/*配置調整*/
.PlatinumContents p+.Note,
.PlatinumContents ul.List+.Note {
    margin-top: -5px;
}

ul.List:last-child,
ul.Note:last-child {
    margin-bottom: 0 !important;
}

/*リスト*/
.PlatinumContents li {
    /*リストマーカー無しにする*/
    list-style-type: none;
}

.PlatinumContents ul .EventState {
    line-height: 1.3;
    padding: 0px 0px 0px 0px;
}

.PlatinumContents ul.List li {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 1.5em;
    line-height: 1.2;
}

.PlatinumContents ul.List li:first-child {
    margin-top: 0px;
}

.PlatinumContents ul.List li:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}

/*リスト（小）*/
.PlatinumContents ul.NoteDisc {
    color: #666;
}

.PlatinumContents ul.NoteDisc li {
    position: relative;
    font-size: 86%;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 1.2;
}

.PlatinumContents ul.NoteDisc li:first-child {
    margin-top: 0px;
}

.PlatinumContents ul.NoteDisc li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・";
}

/*※リスト*/
.PlatinumContents ul.Note {
    color: #666;
}

.PlatinumContents ul.Note li {
    position: relative;
    font-size: 86%;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 1.2;
}

.PlatinumContents ul.Note li:first-child {
    margin-top: 0px;
}

.PlatinumContents ul.Note li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

.PlatinumContents ul.Note li ul.NoteDisc li {
    position: relative;
    font-size: 100%;
}

.PlatinumContents ul.Note li ul.NoteDisc li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "・";
}

.PlatinumContents ul.Note li ul.NoteDisc li:first-child {
    margin-top: 5px;
}

/*※リスト(注意モジュール内専用)*/

.PlatinumContents ul.AttentionNote li {
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 1.2;
}

.PlatinumContents ul.AttentionNote li:first-child {
    margin-top: 0px;
}

.PlatinumContents ul.AttentionNote li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

.PlatinumContents ul.AttentionNote li ul.List li {
    position: relative;
}

.PlatinumContents ul.AttentionNote li ul.List li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "・";
}

.PlatinumContents ul.AttentionNote li ul.List li:first-child {
    margin-top: 5px;
}

.PlatinumContents ul.AttentionNote li ol.NumNote li {
    position: relative;
}

.PlatinumContents ul.AttentionNote li ol.NumNote li:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
}

.PlatinumContents ul.AttentionNote li ol.NumNote li:first-child {
    margin-top: 5px;
}

/*数字リスト*/

.PlatinumContents ol.NumList li {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 1.5em;
    line-height: 1.2;
}

.PlatinumContents ol.NumList li:first-child {
    margin-top: 0px;
}

.PlatinumContents ol.NumList li span:first-child {
    position: absolute;
    top: 0;
    left: 0;
}

/*数字リストカッコ付き*/
.PlatinumContents ol.BracketsNumList li {
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 2em;
    line-height: 1.2;
}

.PlatinumContents ol.BracketsNumList li:first-child {
    margin-top: 0px;
}

.PlatinumContents ol.BracketsNumList li span:first-child {
    position: absolute;
    top: 0;
    left: -0.5em;
}

/*数字リスト（小）*/
.PlatinumContents ol.NumNote>li {
    color: #666;
    font-size: 86%;
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 1.5em;
    line-height: 1.2;
}

.PlatinumContents ol.NumNote>li:first-child {
    margin-top: 0px;
}

.PlatinumContents ol.NumNote>li span:first-child {
    position: absolute;
    top: 0;
    left: 0;
}

/*数字リスト※印つき（小）*/
.PlatinumContents ol.NumMarkNote>li {
    color: #666;
    font-size: 86%;
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 0 0 0 2.5em;
    line-height: 1.2;
}

.PlatinumContents ol.NumMarkNote>li ul>li {
    margin-top: 5px;
}

.PlatinumContents ol.NumMarkNote>li:first-child {
    margin-top: 0px;
}

.PlatinumContents ol.NumMarkNote>li span:first-child {
    position: absolute;
    top: 0;
    left: 1em;
}

.PlatinumContents ol.NumMarkNote>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※";
}

/*数字リスト※印つき（通常）*/
.PlatinumContents ol.NumMarkNote>li.normal {
    font-size: 100%;
    color: #000000;
}

/*定義リスト*/
.PlatinumContents dl dt {
    font-weight: bold;
    margin-top: 15px;
}

.PlatinumContents dl dt:first-child {
    margin-top: 0px;
}

.PlatinumContents dl dd {
    padding-left: 1em;
    margin-top: 5px;
}

.PlatinumContents dl dd:first-child {
    margin-top: 0px;
}

/*リンク
--------------------------------------------------------- */

/*矢印リンク*/

.PlatinumContents a {
    color: #574D32 !important;
}

.PlatinumContents a:hover {
    opacity: 0.5;
}

.PlatinumContents a.LeadLink {
    width: auto;
    padding-left: 0px;
    background: none;
    border: none;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    position: relative;
}

.PlatinumContents .PlatinumRecommendedLink {
    margin-top: 0 !important;
}

/* .PlatinumContents a.LeadLink:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    left: 3px;
    top: 5px;
} */

/* リンクアイコン設定 */
.PlatinumContents a:after {
    margin-left: 8px;
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -3px;
    background-size: contain;
}

.PlatinumContents a.LeadLink:after {
    content: " ";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23574D32;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cpath class='b' d='M4.55,1.1l5,5-5,5' transform='translate(1.449 1.898)'/%3E%3C/svg%3E")no-repeat;
}

.PlatinumContents a.LeadLink:hover:after {
    content: " ";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23574D32;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cpath class='b' d='M4.55,1.1l5,5-5,5' transform='translate(1.449 1.898)'/%3E%3C/svg%3E")no-repeat;
    background-size: contain;
}

.PlatinumContents a[target="_blank"]:after {
    content: " ";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c%7Bfill:none;%7D.b,.c%7Bstroke:%23574D32;stroke-linecap:round;stroke-width:2px;%7D.b%7Bstroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.455 2.455)'%3E%3Cpath class='b' d='M12.086,9.711v2.376H1V1H3.376' transform='translate(-1 -1)'/%3E%3Cpath class='b' d='M9,1h4.751V5.752' transform='translate(-2.665 -1)'/%3E%3Cpath class='c' d='M5,1,0,6' transform='translate(5.543 -0.457)'/%3E%3C/g%3E%3C/svg%3E")no-repeat;
    background-size: contain;
}

.PlatinumContents a[target="_blank"]:hover:after {
    content: " ";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c%7Bfill:none;%7D.b,.c%7Bstroke:%23574D32;stroke-linecap:round;stroke-width:2px;%7D.b%7Bstroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.455 2.455)'%3E%3Cpath class='b' d='M12.086,9.711v2.376H1V1H3.376' transform='translate(-1 -1)'/%3E%3Cpath class='b' d='M9,1h4.751V5.752' transform='translate(-2.665 -1)'/%3E%3Cpath class='c' d='M5,1,0,6' transform='translate(5.543 -0.457)'/%3E%3C/g%3E%3C/svg%3E")no-repeat;
    background-size: contain;
}

.PlatinumContents a[target="_WinPop"]:after {
    content: " ";
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c%7Bfill:none;%7D.b,.c%7Bstroke:%23574D32;stroke-linejoin:round;stroke-width:2px;%7D.c%7Bstroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.355 2)'%3E%3Cpath class='b' d='M9,7.088V9H1V1H2.914' transform='translate(-1 2.641)'/%3E%3Crect class='c' width='8' height='8' transform='translate(3.644)'/%3E%3C/g%3E%3C/svg%3E")no-repeat;
    background-size: contain;
}

.PlatinumContents a[target="_WinPop"]:hover:after {
    content: " ";
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c%7Bfill:none;%7D.b,.c%7Bstroke:%23574D32;stroke-linejoin:round;stroke-width:2px;%7D.c%7Bstroke-linecap:round;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.355 2)'%3E%3Cpath class='b' d='M9,7.088V9H1V1H2.914' transform='translate(-1 2.641)'/%3E%3Crect class='c' width='8' height='8' transform='translate(3.644)'/%3E%3C/g%3E%3C/svg%3E")no-repeat;
    background-size: contain;
}

/*矢印リンク(リストタイプ)*/
.PlatinumContents ul.LeadLink li {
    margin-top: 5px;
    padding-left: 15px;
}

.PlatinumContents ul.LeadLink li:first-child {
    margin-top: 0px;

}

.PlatinumContents ul.LeadLink li {
    padding-left: 15px;
    background: none;
    position: relative;
}

.PlatinumContents ul.LeadLink li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    left: 3px;
    top: 5px;
}

.PlatinumContents ul,
.PlatinumContents ol {
    line-height: 33px;
    padding: 15px 0px 0px 0px;
}

/*アンカーリンク*/
.PlatinumContents .AnchorLink {
    display: inline-block;
    padding-left: 19px;
    margin-bottom: 5px;
    margin-right: 15px;
    background: url(/static/responsive/img/mem/common_img_ancLinkArrow02.png) no-repeat;
    background-position: 2px 5px;
}

/*アンカーリンク　ボタン*/
.PlatinumContents .AnchorLinkBtn {
    display: inline-block;
    text-decoration: none;
    padding: 10px 10px 10px 30px;
    background: #ebeeff;
    margin-right: 1px;
    position: relative;
}

.PlatinumContents .AnchorLinkBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: #0C1E89 solid 6px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
}

.PlatinumContents .AnchorLinkBtn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: #ebeeff solid 6px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
}


/*ページ上部へ*/
.PlatinumContents .PageTop {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
}

.PlatinumContents .PageTopBtn {
    display: inline-block;
    text-decoration: none;
    padding: 7px 10px 6px 30px;
    background: #5C5C5C;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #C0C0C0;
    color: white !important;
    font-size: 86%;
    behavior: url(/static/responsive/css/PIE.htc);
    text-align: left;
    position: relative;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.1s;
}

.PlatinumContents .PageTopBtn:before,
.PlatinumContents .PageTopBtn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -3px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    border-top: none;
}

.PlatinumContents .PageTopBtn:after {
    margin-top: -1px;
    border: 6px solid transparent;
    border-bottom-color: #5C5C5C;
    border-top: none;
}

.PlatinumContents .PageTopBtn:hover {
    opacity: 0.7;
    background: #8D8D8D \9;
}

.ie.ie8 .PlatinumContents .PageTopBtn:hover:after {
    border-bottom-color: #8D8D8D;
}

/*別ウインドウアイコン*/
/* .PlatinumContents .BlankLink {
    position: relative !important;
    display: inline-block;
    vertical-align: middle;
    text-indent: 0em;
    width: 20px;
    height: 18px;
}
.PlatinumContents .BlankLink:before {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 2px;
    content: "";
    width: 10px;
    height: 8px;
    border: #FFF solid 1px;
    z-index: 3;
    background-color: #222222;
}
.PlatinumContents .BlankLink:after {
    display: inline-block;
    position: absolute;
    bottom: 3px;
    right: 3px;
    content: "";
    width: 10px;
    height: 8px;
    border: #FFF solid 1px;
    background-color: #222222;
} */

.PlatinumContents .PdfLink {
    display: inline-block;
    background: url(/mem/platinum/res/img/icon_pdf_01.png) no-repeat left top;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 35px;
}

.PlatinumContents .PdfLink:hover {
    background: url(/mem/platinum/res/img/icon_pdf_02.png) no-repeat left top;
}

/*下矢印*/
.ArrowDown {
    display: block;
}

.ArrowDown:after {
    left: 50%;
    margin-left: -47px;
    top: 20px;
    border-left: 47px solid transparent;
    border-right: 47px solid transparent;
    border-top: 17px solid #eee;
    content: "";
    height: 0;
    position: relative;
    width: 0;
    z-index: 99;
}

/*汎用ボタンリンク*/

.PlatinumBtnBox {
    padding: 30px;
    text-align: center;
}

.PlatinumContents .PlatinumDefaultBtn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 10px 40px 10px 20px;
    border: 1px solid #222222;
    color: #222222;
    position: relative;
    transition: 0.3s;
}

.PlatinumContents .PlatinumDefaultBtn:hover {
    background: #dddddd;
}

.PlatinumContents .PlatinumDefaultBtn:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 7px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -6px;
}


/*------------------------------------------------------------------------------------------------------------------
 *中型モジュール
------------------------------------------------------------------------------------------------------------------ */

/*縦書きステップ
--------------------------------------------------------- */

.PlatinumVerticalStep {
    display: table;
    border-top: #eee solid 1px;
    width: 100%;
}

.PlatinumVerticalStep>div {
    display: table-row;
}

.PlatinumVerticalStep .StepNumber {
    display: table-cell;
    width: 94px;
    background-color: #eee;
    position: relative;
    border-bottom: #eee solid 1px;
    text-align: center;
}

.PlatinumVerticalStep .StepNumber:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: #FFFFFF solid 19px;
    border-left: solid 51px transparent;
    border-right: solid 51px transparent;
    z-index: 99;
}

.PlatinumVerticalStep .StepNumber:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 0;
    height: 0;
    border-top: #eee solid 17px;
    border-left: solid 47px transparent;
    border-right: solid 47px transparent;
    z-index: 99;
}

.PlatinumVerticalStep div:first-child .StepNumber:before,
.PlatinumVerticalStep div:first-child .StepNumber:after {
    display: none;
}

.PlatinumVerticalStep .StepNumber span {
    display: inline-block;
    padding: 27px 15px 0px;
    color: #282828;
    font-weight: 700;
}

.PlatinumVerticalStep div:first-child .StepNumber span {
    padding: 12px 20px 0px;
}

.PlatinumVerticalStep .StepDetail {
    position: relative;
    display: table-cell;
    vertical-align: top;
    border-bottom: #eee solid 1px;
}

.PlatinumVerticalStep .StepDetail div {
    padding: 0px 15px 10px;
}

.PlatinumVerticalStep .StepDetail div:first-child {
    width: 100%;
    font-size: 16px;
    padding: 25px 15px 10px;
    color: #282828;
    font-weight: bold;
    box-sizing: border-box;
}

.PlatinumVerticalStep div:first-child .StepDetail div:first-child {
    padding: 10px;
}

/*横書きステップ
--------------------------------------------------------- */
/*構造設定*/
.PlatinumHorizontalStep {
    display: table;
    border-collapse: collapse;
}

.StepItem {
    display: table-cell;
    border: 1px solid #dedede;
}

.StepItemArrow,
.StepItemSeparate {
    display: table-cell;
}

.StepItemSeparateItem {
    display: table-row;
}

.StepItemSeparateContents {
    display: table;
    width: 100%;
}

.StepItemSeparateItem:first-child .StepItemSeparateContents {
    margin-bottom: 9px !important;
}

.StepItemSeparateItem+.StepItemSeparateItem .StepItemSeparateContents {
    margin-bottom: -1px !important;
}

.StepContentsHead {
    position: relative;
    padding: 5px 5px 0 45px;
    font-weight: bold;
}

.StepContentsDetail {
    padding: 0 10px 10px;
}

/*見出し番号*/
.StepContentsNumber {
    display: block;
    background-color: #efefef;
    width: 26px;
    height: 15px;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: -1;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

/*矢印*/
.StepItemArrow {
    vertical-align: middle;
    text-align: center;
    width: 20px;
}

.StepItemArrow span {
    display: inline-block;
    position: relative;
    top: 0;
    right: -2px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #282828;
    border-right: none;
    z-index: -1;
}

.StepItemArrow span:before {
    content: "";
    position: absolute;
    top: -8px;
    left: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #282828;
    border-left: none;
}

.StepItemArrow span:after {
    content: "";
    position: absolute;
    top: -16px;
    left: -21px;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-left-color: #FFF;
    border-right: none;
}

/*幅設定*/
.StepItem:first-child {
    width: 20%;
}

.StepItemSeparate {
    width: 30%;
}

/*ご注意
--------------------------------------------------------- */
.PlatinumContents .Attention {
    background-color: #f9f7f0;
    padding: 12px 15px 0 15px;
    margin: 20px 0;
    border: solid 1px #d2c9ac;
}

.PlatinumContents .AttentionHead {
    background: url(/mem/platinum/res/img/icon_caution_01.png) no-repeat left top;
    padding-top: 3px;
    padding-left: 32px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #7d671e;
}

.PlatinumContents .AttentionBody {
    border-top: 1px solid #d2c9ac;
    padding: 15px 0;
}

/*関連情報
--------------------------------------------------------- */
.PlatinumContents .RelatedPage {
    padding: 11px 15px 0 15px;
    border: 1px solid #dedede;
    margin-top: 20px;
}

.PlatinumContents .RelatedPageHead {
    background: url(/mem/platinum/res/img/icon_related_01.png) no-repeat left top;
    padding-top: 4px;
    padding-left: 40px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #000;
}

.PlatinumContents .RelatedPageBody {
    border-top: 1px solid #dedede;
    padding: 15px 0;
}

.PlatinumContents .RelatedPageBody>ul li {
    border-bottom: 1px solid #dedede;
    margin-top: 10px;
    padding-bottom: 10px;
}

.PlatinumContents .RelatedPageBody>ul li:last-child {
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*テキストバナーエリア
--------------------------------------------------------- */
.PlatinumContents .TextBannerArea {
    background-color: #ffffff;
    padding: 15px;
    margin-top: 20px;
    border: solid 1px #d2c9ac;
}

.PlatinumContents .TextBannerAreaHead {
    padding-bottom: 10px;
    font-weight: bold;
    color: #7d671e;
    border-bottom: 1px solid #d2c9ac;
    margin-bottom: 15px;
}

/*付加情報
--------------------------------------------------------- */
.PlatinumContents .PlatinumAdditionalInfo {
    background-color: #efefef;
    padding: 15px;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.PlatinumContents .PlatinumAdditionalInfoHead {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 13px !important;
}

/*コンバージョンエリア
--------------------------------------------------------- */

.PlatinumContents .ConversionArea {
    padding: 20px;
    margin: 15px 0;
    background-color: #efefef;
}

.PlatinumContents .ConversionTitle {
    font-weight: bold;
    margin-bottom: 10px;
}

.PlatinumContents .ConversionBtnArea {
    text-align: center;
}

.PlatinumContents .ConversionBtnArea .LeadLink {
    margin-top: 10px;
    display: inline-block;
}

/*お問い合わせ
--------------------------------------------------------- */

.PlatinumContents .inquiryWrapArea {
    border: 1px solid #dedede;
}

.PlatinumContents .inquiryWrapArea .inquiryIcon {
    border-bottom: 1px solid #dedede;
}

.PlatinumContents .inquiryWrapArea .inquiryWrap li.inquiryName {
    color: #282828;
}

.PlatinumContents .smallArrowLink li {
    padding-left: 15px;
    background: none;
    position: relative;
}

.PlatinumContents .smallArrowLink li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    left: 3px;
    top: 5px;
}

.PlatinumContents .blankLink:before {
    background-color: #222222;
}

.PlatinumContents .blankLink:after {
    background-color: #222222;
}


/*プラチナ詳細ページ導入エリア
--------------------------------------------------------- */

.PlatinumContents .PlatinumIntroductionArea {
    display: table;
    width: 100%;
    margin: 15px 0;
}

.PlatinumContents .PlatinumIntroductionText {
    display: table-cell;
    vertical-align: top;
    width: 75%;
}

.PlatinumContents .PlatinumIntroductionImage {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    text-align: center;
}

.PlatinumContents .PlatinumIntroductionImage img {
    width: 100%;
}

.PlatinumContents .PlatinumIntroductionImage:first-child+.PlatinumIntroductionText {
    padding-left: 10px;
}

.PlatinumContents .PlatinumIntroductionText:first-child {
    padding-right: 10px;
}

/*画像に注釈がつく場合*/
.PlatinumContents .PlatinumIntroductionImage .Note {
    display: inline-block;
}

/*プラチナ詳細ページ導入エリア キービジュアル*/
.PlatinumContents .PlatinumIntroductionKeyVisual {
    margin-bottom: 15px;
}

.PlatinumContents .PlatinumIntroductionKeyVisual img {
    display: block;
    margin: 0 auto;
}

.PlatinumContents .AcceptingEnd {
    display: none;
}

/*プラチナサービス紹介
--------------------------------------------------------- */
.PlatinumContents .PlatinumIntroductionCaution {
    border: 1px solid #ffd2d2;
    background-color: #fffafa;
    padding: 10px 15px;
    margin: 15px 0;
}

.PlatinumContents .PlatinumServiceDetail {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.PlatinumContents .PlatinumServiceDetail+.PlatinumServiceDetail {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #739f90;
}

.PlatinumContents .PlatinumServiceDetailName,
.PlatinumContents .PlatinumServiceDetailName strong {
    font-size: 18px;
    color: #5E6772;
    font-weight: normal !important;
    margin-bottom: 10px;
}

.PlatinumContents .PlatinumServiceDetailText {
    display: table-cell;
    width: 70%;
    vertical-align: top;
}

.PlatinumContents .PlatinumServiceDetailImage {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 30%;
}

.PlatinumContents .PlatinumServiceDetailImage .Note {
    display: inline-block;
}

#contWrap .PlatinumContents .SubTitle+.PlatinumServiceDetail {
    margin-top: 5px !important;
}

#contWrap .PlatinumContents .SubTitle+.PlatinumServiceIntroduction .PlatinumServiceDetail {
    margin-top: 5px !important;
}

/*メンバーズセレクション
--------------------------------------------------------- */
.PlatinumContents .PlatinumSelection {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.PlatinumContents .PlatinumSelection+.PlatinumSelection {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #739f90;
}

.PlatinumContents .PlatinumSelectionText {
    display: table-cell;
    width: 70%;
    vertical-align: top;
}

.PlatinumContents .PlatinumSelectionDetail {
    margin-top: 20px !important;
}

.PlatinumContents .PlatinumSelectionImage {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    width: 30%;
}

.PlatinumContents .PlatinumSelectionImage .Note {
    display: inline-block;
}


/*画像サービスリスト
--------------------------------------------------------- */
.PlatinumServiceLinkList {
    margin-left: -10px;
    font-size: 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.PlatinumServiceLinkList li {
    display: inline-block;
    margin: 0 5px;
    margin-bottom: 15px;
    width: 243px;
    vertical-align: top;
    font-size: 14px;
}

.PlatinumServiceLinkList li a {
    display: block;
}

.PlatinumServiceLinkList img {
    margin-bottom: 10px;
}


/*アコーディオン
--------------------------------------------------------- */
.accordion-btn {
    padding: 9px 8px 9px 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    background-color: #d8d8d8;
    font-size: 115%;
    color: #282828;
}

.accordion-btn::before,
.accordion-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 24px;
    height: 4px;
    border-radius: 2px;
    background-color: #333;
    -webkit-transition: .4s;
    transition: .4s;
}

.accordion-btn::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.accordion-btn::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-btn.open::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-contents {
    padding: 24px 24px 16px;
    background-color: #fff;
}


.PlatinumContents .AcdiHead .AcdiBtn {
    display: none;
}

@media screen and (min-width: 641px) {
    .PlatinumContents .AcdiHead+.AcdiBody {
        display: block !important;
    }
}


/*おすすめ情報一覧
--------------------------------------------------------- */
.PlatinumContents .PlatinumRecommendedArea li {
    display: table;
    width: 100%;
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #cccccc;
}

.PlatinumContents .PlatinumRecommendedArea li:first-child {
    padding-top: 0;
    border-top: none;
}

.PlatinumContents .PlatinumRecommendedImage {
    display: table-cell;
    vertical-align: top;
    width: 146px;
    text-align: center;
}

.PlatinumContents .PlatinumRecommendedText {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

.PlatinumContents .PlatinumRecommendedCategory {
    background: #666;
    padding: 1px 13px;
    margin-right: 10px;
    font-size: 86%;
    color: #fff;
}

.PlatinumContents .PlatinumRecommendedDate {
    font-weight: bold;
    color: #666;
}

/*「VISA」「MY LOUNGE」
--------------------------------------------------------- */
.PlatinumContents .PlatinumVisaMyloungeArea li {
    display: table;
    width: 100%;
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #cccccc;
}

.PlatinumContents .PlatinumVisaMyloungeArea li:first-child {
    padding-top: 0;
    border-top: none;
}

.PlatinumContents .PlatinumVisaMyloungeImage {
    display: table-cell;
    vertical-align: top;
    width: 146px;
    text-align: center;
}

.PlatinumContents .PlatinumVisaMyloungeText {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}

.PlatinumContents .PlatinumVisaMyloungeArea li .Note {
    display: inline-block;
}

.PlatinumContents .PlatinumVisaMyloungeArea li .Note li {
    display: block;
    text-align: left;
    font-size: 11px;
    width: auto;
}

/*タブ
--------------------------------------------------------- */
.PlatinumContents .PlatinumTabWrap {
    overflow: hidden;
    margin: 15px 0;
}

.PlatinumContents .PlatinumTabHead {
    display: table;
    width: 101.3%;
    border-bottom: 2px solid #656c72;
    table-layout: fixed;
    margin-left: -1.3%;
}

.PlatinumContents .PlatinumTabItem {
    display: table-cell;
    padding: 10px;
    padding-top: 15px;
    background-color: #93989c;
    border-left: 10px solid #ffffff;
    position: relative;
    color: #ffffff !important;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.PlatinumContents .PlatinumTabItem:before {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

.PlatinumContents .PlatinumTabItem.Act {
    background-color: #656c72;
}

.PlatinumContents .PlatinumTabItem.Act:before {
    background-color: transparent;
}

.PlatinumContents .PlatinumTabBody {
    border: 1px solid #656c72;
    border-top: none;
    padding: 15px;
}


/*------------------------------------------------------------------------------------------------------------------
 *画面固有モジュール調整
------------------------------------------------------------------------------------------------------------------ */

/*空港ラウンジサービス
--------------------------------------------------------- */
/*空港ラウンジ一覧*/
.PlatinumContents .PlatinumAirportLoungeList ul.List {
    margin-bottom: 15px;
}

/*プライオリティパスのご案内*/
.PlatinumContents .PlatinumAirportLoungePriorityPass {
    margin: 15px 0;
}

/*カードご利用プレゼント*/
.PlatinumContents .PlatinumPointPresentDetailTable th:first-child+th {
    width: 28%;
}

/*プラチナグルメクーポン 対象店舗例*/
.PlatinumContents .PlatinumGourmetCouponStoreTable th:first-child {
    width: 20%;
}

/*プラチナホテルズ*/
.PlatinumContents .PlatinumUpgradeHotelsDetailTable table thead th:first-child,
.PlatinumContents .PlatinumSpecialPriceHotelsDetailTable table thead th:first-child {
    width: 25%;
}

.PlatinumContents .PlatinumUpgradeHotelsDetailTable table th,
.PlatinumContents .PlatinumSpecialPriceHotelsDetailTable table th {
    text-align: center !important;
}

/*プラチナワインコンシェルジュ*/
.PlatinumContents .PlatinumGourmetWineDetailTable table th {
    width: 40%;
}

.PlatinumContents .PlatinumGourmetWineDetailTable table td {
    text-align: center;
}

/*≪Vpass専用景品≫ふるさと納税に寄附*/
.PlatinumContents .PlatinumFurusatoNozeiDetailTable table {
    table-layout: auto;
}

.PlatinumContents .PlatinumFurusatoNozeiDetailTable table th {
    width: 10%;
}

/*≪Vpass専用景品≫お礼の品と税金控除で高還元！ふるさと納税に寄附*/
.PlatinumPopularProductTable table {
    table-layout: auto;
}

.PlatinumPopularProductTable table tr td:first-child {
    text-align: center;
}

/*三井住友銀聯（ぎんれん）プラチナカード*/
.PlatinumContents .PlatinumSupportGinrenTable table {
    width: 61%;
}

.PlatinumContents .PlatinumSupportGinrenTable table th {
    width: 40%;
}

/*カード付帯保険サービス*/
.PlatinumContents .PlatinumSupportInsuranceShoppingTable table {
    width: 100%;
}

.PlatinumContents .PlatinumSupportInsuranceShoppingTable table th {
    width: 33.3%;
}

.PlatinumContents .PlatinumSupportInsuranceTable table td {
    text-align: right;
}

.PlatinumContents .PlatinumSupportInsuranceTableTwoColumn table td {
    text-align: right;
}

/*耐風傘煌（きらめき）長傘＋折り畳み傘セットインディゴストライプ*/
.PlatinumContents .PlatinumIntroductionCaption {
    text-align: center;
}

/*コンシェルジュデスク（海外からの受付電話番号一覧）*/
.PlatinumContents .PlatinumPopConciergedeskTable th:first-child {
    width: 150px;
}

/*三井住友カード・宝塚*/
.PlatinumContents .PlatinumTakarazukaGuideTable table th {
    width: 30%;
}

/*イタリア高級時計「オフィチーネ パネライ」の試着会とMaestro Barista 中川直也氏のコーヒートークショーならびにイタリアンディナーのご案内*/
.PlatinumContents .PlatinumTimeScheduleTable table th {
    width: 17%;
}

/*国内ゴルフエントリーサービス*/
.PlatinumContents .PlatinumGolfEntryTable table {
    width: 61%;
}

.PlatinumContents .PlatinumGolfCourseTable table th:first-child {
    width: 40%;
}

.PlatinumContents .PlatinumGolfCourseTable table th span {
    display: inline-block;
}

.PlatinumContents .PlatinumGolfCourseTable table td {
    text-align: center;
}

/*追加カード
--------------------------------------------------------- */
.PlatinumContents .PlatinumAddcardArea {
    display: table;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

.PlatinumContents .PlatinumAddcardImage {
    display: table-cell;
    width: 150px;
    vertical-align: top;
}

.PlatinumContents .PlatinumAddcardText {
    display: table-cell;
    padding: 0 0 0 18px;
}

.PlatinumContents .PlatinumAddcardColumn:after {
    content: "";
    clear: both;
    display: block;
}

.PlatinumContents .PlatinumAddcardColumn:last-child {
    margin-bottom: 10px;
}

.PlatinumContents .PlatinumAddcardColumn:first-child .PlatinumAddcardArea {
    border-top: 1px solid #aaaaaa;
}

.PlatinumContents .PlatinumAddcardColumn .PlatinumAddcardArea {
    float: left;
    width: calc(-55px + 50%);
    margin: 0 30px 0 0;
    border-top: none;
}

.PlatinumContents .PlatinumAddcardColumn .PlatinumAddcardAreaEven {
    margin: 0;
}


/*ダイヤモンドステータス取得条件
--------------------------------------------------------- */
.PlatinumContents .PlatinumHiltonBonusPointTable table {
    table-layout: auto;
    margin-top: 20px !important;
}

.PlatinumContents .PlatinumHiltonBonusPointTable tbody th {
    width: 30%;
}

/*プライオリティパス*/
.PlatinumContents .PlatinumPriorityPassTable {
    margin-top: 10px;
}

.PlatinumContents .PlatinumServicePriorityPass .PlatinumVerticalStep {
    margin-bottom: 5px !important;
}


/*イベント情報一覧
--------------------------------------------------------- */

.PlatinumContents .PlatinumEvent .PlatinumEventList {
    width: 103%;
    margin-left: -3%;
    overflow: hidden;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .PlatinumEventListItem {
    width: 47%;
    margin-left: 3%;
    float: left;
    margin-bottom: 15px;
    background: #ebebeb;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState {
    padding: 10px 10px 0;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EndComment {
    font-size: 11px;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .Accepting,
.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .End,
.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .Reported {
    display: inline-block;
    padding: 4px 5px 4px;
    font-size: 11px;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .Accepting {
    background: #444444;
    color: #ffffff;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .End {
    background: #999999;
    color: #ffffff;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .Reported {
    background: #b11313;
    color: #ffffff;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .EndComment {
    font-size: 11px;
    margin-left: 10px;
    color: #D40C0C;
}


.PlatinumContents .PlatinumEvent .PlatinumEventList img {
    width: 100%;
    height: auto;
    display: block;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventPeriod {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11px;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .AcceptingPeriod {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 11px;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventPeriod+.AcceptingPeriod {
    margin-top: -7px !important;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventName {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 26px;
}

.PlatinumContents .PlatinumEvent .PlatinumEventList .EventCaption {
    margin-left: 10px;
    margin-right: 10px;
}


/*イベントレポート
--------------------------------------------------------- */

.PlatinumContents .PlatinumImfoReport {
    margin-top: 20px;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportItem {
    margin: 20px 0 30px;
    overflow: hidden;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImage {
    width: 45%;
    padding-left: 20px;
    float: left;
    box-sizing: border-box;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImage:first-child {
    padding-right: 20px;
    padding-left: 0px;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImage img {
    max-width: 100%;
    max-height: 360px;
    display: block;
    margin: 0 auto;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImage img+img {
    margin-top: 10px;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox {
    text-align: center;
    font-size: 0px;
    width: 103%;
    margin-left: -3%;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox img {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: top;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox img.size30p {
    width: 32%;
    margin-left: 1%;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox img.size50p {
    width: 48.5%;
    margin-left: 1.5%;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportDescription {
    width: 55%;
    float: left;
    box-sizing: border-box;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageCaption {
    margin-top: 10px;
    font-size: 11px;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageCaptionHeadline {
    font-weight: bold;
    margin-bottom: 5px !important;
}

.PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageCaptionHeadline+p {
    margin-top: 5px !important;
}

/*バナー拡大
--------------------------------------------------------- */
.BannerExpansion {
    display: block;
    width: 100%;
    height: auto;
}

/*もっと見るボタン
--------------------------------------------------------- */
.seeMorePastButtonAreaButtonArea {
    display: block;
    text-align: center;
    margin-top: 40px;
}

.seeMorePastEvent,
.closePastEvent {
    width: auto;
    min-width: 320px;
    max-width: 100%;
    background: #FFFFFF;
    color: #574D32;
    border: none;
    display: inline-flex;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 9px 0;
    transition: 0.2s;
    position: relative;
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    border: 2px solid #574D32;
    position: relative;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:none;}.b{fill:%23E8E3D4;}.c{fill:%23574D32;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32'/%3E%3Ccircle class='b' cx='16' cy='16' r='16'/%3E%3C/svg%3E") no-repeat center right;
    background-size: 32px;
    background-position: right 16px center;
}

.seeMorePastEvent p,
.closePastEvent p {
    width: 100%;
    padding-right: 20px;
}

.seeMorePastEvent:hover,
.closePastEvent:hover {
    opacity: 0.5;
    cursor: pointer;
}

.seeMorePastEvent:before,
.seeMorePastEvent:after,
.closePastEvent:before,
.closePastEvent:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    background-color: #574D32;
    transform-origin: 50% 50%;
    transition: all 0.3s ease-out;
}

.seeMorePastEvent:before {
    transform: rotate(-90deg);
}

.seeMorePastEvent:after {
    transform: rotate(-180deg);
}

/*タグ表示制御
--------------------------------------------------------- */

.hideTag {
    display: none;
}

.importantShowTag {
    display: block !important;
}

@media (max-width: 640px) {

    /*見出し
--------------------------------------------------------- */
    #contWrap .PlatinumContents h1 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 129%;
    }

    #contWrap .PlatinumContents h1 .PlatinumHeadingLogo {
        width: 52px;
        font-size: 0px;
    }

    #contWrap .PlatinumContents h1 .PlatinumHeadingLogo img {
        width: 52px;
        height: auto;
    }

    /*リンク
--------------------------------------------------------- */
    /*アンカーリンク　ボタン*/
    .PlatinumContents .AnchorLinkBtn {
        display: block;
        margin-right: 0px;
        margin-bottom: 1px;
    }


    /*汎用ボタンリンク*/

    .PlatinumBtnBox {
        padding: 30px 0;
        text-align: center;
    }

    .PlatinumContents .PlatinumDefaultBtn {
        width: 80%;
        box-sizing: border-box;
        transition: 0s;
    }

    .PlatinumContents .PlatinumDefaultBtn:hover {
        background: #ffffff;
    }

    .PlatinumContents .PlatinumDefaultBtn br.forSpBlock {
        display: initial !important;
        /*firefoxでdisplay:blockだと不要な空白ができてしまうため調整*/
    }

    /*------------------------------------------------------------------------------------------------------------------
 *中型モジュール
------------------------------------------------------------------------------------------------------------------ */
    /*横書きステップ
--------------------------------------------------------- */
    /*構造設定*/
    .PlatinumHorizontalStep {
        display: block;
    }

    .StepItem {
        display: block;
        width: 100% !important;
    }

    .StepItemArrow,
    .StepItemSeparate {
        display: block;
        width: 100% !important;
    }

    .StepItemArrow {
        padding: 10px 0 !important;
    }

    .StepItemSeparateItem {
        display: block;
    }

    .StepItemSeparateContents {
        display: block;
    }

    /*見出し番号*/
    .StepContentsNumber {
        width: 37px;
        height: 25px;
    }

    /*矢印*/
    .StepItemArrow span {
        display: inline-block;
        position: relative;
        top: inherit;
        width: 0;
        height: 0;
        margin-left: 10px;
        border: 8px solid transparent;
        border-left-color: #282828;
        border-right: none;
    }

    .StepItemArrow span:before {
        content: "";
        position: absolute;
        top: -8px;
        left: -16px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-right-color: #282828;
        border-left: none;
    }

    .StepItemArrow span:after {
        content: "";
        position: absolute;
        top: -13px;
        left: -24px;
        margin-top: 0;
        border: 16px solid transparent;
        border-top-color: #FFF;
        border-bottom: none;
    }

    /*矢印の表示設定*/
    .StepItemSeparate .StepItemSeparateItem .StepItemArrow:first-child {
        display: none;
    }

    .StepItemSeparate .StepItemSeparateItem:first-child .StepItemArrow {
        display: none;
    }

    .StepItemSeparate .StepItemSeparateItem:first-child .StepItemArrow:first-child {
        display: block;
    }

    /*プラチナ詳細ページ導入エリア
--------------------------------------------------------- */
    .PlatinumContents .PlatinumIntroductionArea {
        margin: 15px 0;
        display: block;
    }

    .PlatinumContents .PlatinumIntroductionText,
    .PlatinumContents .PlatinumIntroductionImage {
        display: block;
        width: 100%;
    }

    .PlatinumContents .PlatinumIntroductionText+.PlatinumIntroductionImage {
        margin-top: 10px;
    }

    .PlatinumContents .PlatinumIntroductionImage+.PlatinumIntroductionText {
        margin-top: 10px;
    }

    .PlatinumContents .PlatinumIntroductionImage:first-child+.PlatinumIntroductionText {
        padding-left: 0px;
    }

    .PlatinumContents .PlatinumIntroductionText:first-child {
        padding-right: 0px;
    }

    .PlatinumContents .PlatinumIntroductionImage {
        min-height: 148.8px;
        overflow: hidden;
        position: relative;
    }

    .PlatinumContents .PlatinumIntroductionImage img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: auto;
    }

    .PlatinumContents .PlatinumServiceImageViewMode1 {
        height: auto;
    }

    .PlatinumContents .PlatinumServiceImageViewMode1 img {
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }

    .PlatinumContents .PlatinumIntroductionKeyVisual img {
        max-width: 100%;
        height: auto;
    }

    /*「※写真はイメージ」が付く場合の調整*/
    .PlatinumContents .PlatinumIntroductionImage .Note {
        margin-top: 168.8px;
    }

    .PlatinumContents .PlatinumIntroductionImage .Note:before {
        content: "";
        height: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 640px;
        background: #ffffff;
    }

    /*プラチナサービス紹介
--------------------------------------------------------- */
    .PlatinumContents .PlatinumServiceDetail {
        display: block;
    }

    .PlatinumContents .PlatinumServiceDetailText,
    .PlatinumContents .PlatinumServiceDetailImage {
        display: block;
        width: 100%;
    }

    .PlatinumContents .PlatinumServiceDetailImage {
        margin-top: 10px;
    }

    /*メンバーズセレクション
--------------------------------------------------------- */
    .PlatinumContents .PlatinumSelection {
        display: block;
    }

    .PlatinumContents .PlatinumSelectionText,
    .PlatinumContents .PlatinumSelectionImage {
        display: block;
        width: 100%;
    }

    .PlatinumContents .PlatinumSelectionImage {
        margin-top: 10px;
    }


    /*画像サービスリスト
--------------------------------------------------------- */
    .PlatinumServiceLinkList {
        margin-left: 0px;
    }

    .PlatinumServiceLinkList li {
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }


    /*アコーディオン
--------------------------------------------------------- */
    .PlatinumContents .AcdiHead {
        position: relative;
    }

    .PlatinumContents .AcdiHead .AcdiBtn {
        width: 24px !important;
        height: 24px !important;
        position: absolute;
        right: 0px;
        top: 0px;
        cursor: pointer;
        display: block;
    }

    .PlatinumContents .AcdiHead .AcdiBtn.AcdiBtnOff {
        background: url('/mem/platinum/res/img/acdiBtn_bg_off.png');
        background-size: contain;
    }

    .PlatinumContents .AcdiHead .AcdiBtn.AcdiBtnOn {
        background: url('/mem/platinum/res/img/acdiBtn_bg_on.png');
        background-size: contain;
    }

    #contWrap .PlatinumContents h2 {
        padding: 0 24px 0 8px;
    }

    .PlatinumContents .AttentionHead {
        padding-right: 32px;
    }


    /*おすすめ情報一覧
--------------------------------------------------------- */
    .PlatinumContents .PlatinumRecommendedArea li:first-child {
        margin: 20px 0 0 0;
    }

    .PlatinumContents .PlatinumRecommendedImage {
        position: relative;
        display: block;
        width: 100%;
        height: 188px;
        overflow-x: hidden;
    }

    .PlatinumContents .PlatinumRecommendedImage img {
        width: auto;
        height: 188px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: none;
    }

    .PlatinumContents .PlatinumRecommendedImageViewMode1 {
        height: auto;
    }

    .PlatinumContents .PlatinumRecommendedImageViewMode1 img {
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }

    .PlatinumContents .PlatinumRecommendedText {
        display: block;
        padding-left: 0
    }

    .PlatinumContents .PlatinumRecommendedLead {
        padding-left: 0;
    }

    .PlatinumContents ul,
    .PlatinumContents ol {
        margin: 0px 0px;
    }

    .PlatinumContents a.LeadLink {
        padding-left: 0px;
    }

    /*「VISA」「MY LOUNGE」
--------------------------------------------------------- */
    .PlatinumContents .PlatinumVisaMyloungeArea li {
        display: block;
        margin: 30px 0 0 0;
        padding-top: 0;
        border-top: none;
    }

    .PlatinumContents .PlatinumVisaMyloungeArea li:first-child {
        margin: 20px 0 0 0;
    }

    .PlatinumContents .PlatinumVisaMyloungeImage {
        display: block;
        width: 100%;
    }

    .PlatinumContents .PlatinumVisaMyloungeImage .PlatinumVisaMyloungeImageBox {
        position: relative;
        width: 100%;
        height: 150px;
        overflow: hidden;
    }

    .PlatinumContents .PlatinumVisaMyloungeImage .PlatinumVisaMyloungeImageBox img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: auto;
    }

    .PlatinumContents .PlatinumVisaMyloungeImageViewMode1 .PlatinumVisaMyloungeImageBox {
        height: auto;
    }

    .PlatinumContents .PlatinumVisaMyloungeImageViewMode1 .PlatinumVisaMyloungeImageBox img {
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }

    .PlatinumContents .PlatinumVisaMyloungeText {
        display: block;
        margin-top: 20px;
    }

    .PlatinumContents .PlatinumVisaMyloungeArea li .Note {
        display: block;
    }

    .PlatinumContents .PlatinumVisaMyloungeArea li .Note li {
        font-size: 12px;
    }

    /*タブ
--------------------------------------------------------- */
    .PlatinumContents .PlatinumTabHead {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .PlatinumContents .PlatinumTabItem {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        border-left: none;
        margin-left: 1.3%;
        text-align: left;
    }



    /*------------------------------------------------------------------------------------------------------------------
 *画面固有モジュール調整
------------------------------------------------------------------------------------------------------------------ */

    /*空港ラウンジサービス
--------------------------------------------------------- */
    /*空港ラウンジ一覧*/
    .PlatinumContents .PlatinumAirportLoungeList ul.List {
        margin-bottom: 5px;
    }

    /*プライオリティパス*/
    .PlatinumContents .PlatinumServicePriorityPass .PlatinumServiceImageViewMode1 img {
        width: 70%;
    }

    /*イタリア高級時計「オフィチーネ パネライ」の試着会とMaestro Barista 中川直也氏のコーヒートークショーならびにイタリアンディナーのご案内*/
    .PlatinumContents .PlatinumTimeScheduleTable table th {
        width: 30%;
    }

    /*国内ゴルフエントリーサービス*/
    .PlatinumContents .PlatinumGolfEntryTable table {
        width: 100%;
    }

    /*追加カード
--------------------------------------------------------- */
    .PlatinumContents .PlatinumAddcardColumn .PlatinumAddcardArea {
        width: 100%;
        height: auto !important;
        margin: 0;
    }

    .PlatinumContents .PlatinumAddcardColumn:first-child {
        border-top: 1px solid #aaaaaa;
    }

    .PlatinumContents .PlatinumAddcardColumn:first-child .PlatinumAddcardArea {
        border-top: none;
    }

    .PlatinumContents .PlatinumAddcardImage {
        width: 40%;
    }

    .PlatinumContents .PlatinumAddcardImage img {
        width: 100%;
        height: auto;
    }

    .PlatinumContents .PlatinumAddcardText {
        width: 60%;
    }

    /*プラチナホテルズ
--------------------------------------------------------- */
    .PlatinumContents .PlatinumUpgradeHotelsDetailTable {
        font-size: 10px;
    }

    .PlatinumContents .PlatinumSpecialPriceHotelsDetailTable {
        font-size: 10px;
    }


    /*----------------------------
 イベント情報一覧
----------------------------*/

    .PlatinumContents .PlatinumEvent .PlatinumEventList {
        width: 100%;
        margin-left: 0;
    }

    .PlatinumContents .PlatinumEvent .PlatinumEventList .PlatinumEventListItem {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    .PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .End {
        margin-right: 10px;
    }

    .PlatinumContents .PlatinumEvent .PlatinumEventList .EventState .EndComment {
        display: inline-block;
        margin-top: 3px;
        margin-left: 0;
    }


    /*イベントレポート
--------------------------------------------------------- */

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportItem {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImage {
        width: 100%;
        padding: 0px !important;
        margin-top: 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
        float: none;

        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImage img {
        max-height: 200px;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox {
        width: 100%;
        margin-left: 0;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox img {
        width: auto !important;
        max-width: 100%;
        max-height: 200px;
        display: block;
        margin: 0 auto;
        margin-left: auto !important;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageBox img+img {
        margin-top: 20px;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportImageCaptionHeadline {
        font-weight: bold;
        margin-bottom: 5px !important;
        text-align: left;
    }

    .PlatinumContents .PlatinumImfoReport .PlatinumImfoReportDescription {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
        box-sizing: border-box;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
}