@charset "UTF-8";

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

/*見出し
--------------------------------------------------------- */
#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;
}