@charset "UTF-8";
/*===========================
RPC 表示／非表示切替
===========================*/
.dc__premium_display,
.dc__rp_display,
.dc__premium_parent_display,
.dc__rp_parent_display {
  display: none;
}

body:not(.rp_benefit) .dc__menu_list li.dc__rp_display,
body:not(.rp) .dc__menu_list li.dc__rp_display {
  display: none !important;
}

body:not(.rp_benefit) .dc__menu_list li.dc__premium_display,
body:not(.rp) .dc__menu_list li.dc__premium_display {
  display: table-cell !important;
}

body:not(.rp_benefit) #dc__menu_3rd .dc__menu_list li.dc__rp_display,
body:not(.rp) #dc__menu_3rd .dc__menu_list li.dc__rp_display {
  display: none !important;
}

body:not(.rp_benefit) #dc__menu_3rd .dc__menu_list li.dc__premium_display,
body:not(.rp) #dc__menu_3rd .dc__menu_list li.dc__premium_display {
  display: block !important;
}

body.rp_benefit .dc__menu_list li.dc__rp_display,
body.rp .dc__menu_list li.dc__rp_display {
  display: table-cell !important;
}

body.rp_benefit .dc__menu_list li.dc__premium_display,
body.rp .dc__menu_list li.dc__premium_display {
  display: none !important;
}

body.rp_benefit #dc__menu_3rd .dc__menu_list li.dc__rp_display,
body.rp #dc__menu_3rd .dc__menu_list li.dc__rp_display {
  display: block !important;
}

body.rp_benefit #dc__menu_3rd .dc__menu_list li.dc__premium_display,
body.rp #dc__menu_3rd .dc__menu_list li.dc__premium_display {
  display: none !important;
}

body #dc__menu_2nd .dc__menu_list li.dc__rp_display {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  body #dc__menu_2nd .dc__menu_list li.dc__rp_display {
    display: none !important;
  }
}

body #dc__menu_2nd .dc__menu_list li.dc__premium_display {
  display: inline-block !important;
}

@media only screen and (max-width: 768px) {
  body #dc__menu_2nd .dc__menu_list li.dc__premium_display {
    display: block !important;
  }
}

body.rp #dc__menu_2nd .dc__menu_list li.dc__premium_display {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  body.rp #dc__menu_2nd .dc__menu_list li.dc__premium_display {
    display: none !important;
  }
}

body.rp #dc__menu_2nd .dc__menu_list li.dc__rp_display {
  display: inline-block !important;
}

@media only screen and (max-width: 768px) {
  body.rp #dc__menu_2nd .dc__menu_list li.dc__rp_display {
    display: block !important;
  }
}

.rp .dc__premium_display {
  display: none !important;
}

body.rp_benefit .dc__premium_header,
body.rp_simple .dc__premium_header,
body.rp .dc__premium_header {
  background: #000 url(/content/dam/diners/img/premium/hdr_bg_rp.png) 0 0 repeat-x;
}

@media only screen and (max-width: 768px) {
  body.rp_benefit .dc__premium_header,
  body.rp_simple .dc__premium_header,
  body.rp .dc__premium_header {
    background: #000 url(/content/dam/diners/img/premium/hdr_bg_rp_sp.png) 0 0 repeat-x;
  }
}

body.rp_simple .dc__copy,
body.rp .dc__copy {
  background: #f8f8f8;
}

body.rp_simple {
  background: #191919;
  color: #eeeeee;
}

body.rp_simple .dc__copyright {
  color: #263033;
}

body.rp_simple .dc__rp_display {
  display: block !important;
}

body.rp_simple #dc__menu_2nd　.dc__menu_list li.dc__rp_display {
  display: inline-block !important;
}

@media only screen and (max-width: 768px) {
  body.rp_simple #dc__menu_2nd　.dc__menu_list li.dc__rp_display {
    display: block !important;
  }
}

body.rp_simple .dc__copy {
  background: #f8f8f8;
}

/*===========================
RPC
===========================*/
body.rp {
  background: #191919;
  color: #eeeeee;
}

body.rp .cmp-title__text,
body.rp .dc__foooter_description {
  color: #eeeeee;
}

body.rp .AES-color--black .cmp-title__text {
  color: #263033;
}

body.rp .dc__text_red,
body.rp .AES-color--red,
body.rp .AES-color--red .cmp-title__text,
body.rp .AES-color--red a .cmp-button__text,
body.rp .AES-color--red a .cmp-button__icon {
  color: #cd5c5c;
}

body.rp .dc__copyright {
  color: #263033;
}

body.rp a[class*="icon_"],
body.rp .cmp-title__link,
body.rp .AES-link a,
body.rp .AES-autoi_title a {
  color: #e0c988;
}

body.rp .AES-h1.AES-ico-i--def .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--down .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--up .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--blank .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--return .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--pdf .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--prev .cmp-title__text:before,
body.rp .AES-h1.AES-ico-i--next .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--def .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--down .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--up .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--blank .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--return .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--pdf .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--prev .cmp-title__text:before,
body.rp .AES-h2.AES-ico-i--next .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--def .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--down .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--up .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--blank .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--return .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--pdf .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--prev .cmp-title__text:before,
body.rp .AES-h3.AES-ico-i--next .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--def .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--down .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--up .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--blank .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--return .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--pdf .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--prev .cmp-title__text:before,
body.rp .AES-h4.AES-ico-i--next .cmp-title__text:before,
body.rp .CCM013_Breadcrumb,
body.rp .CCM013_Breadcrumb a,
body.rp .AES-txt a {
  color: #e0c988;
}

@media only screen and (max-width: 768px) {
  body.rp .dc__footer_links a {
    color: #2477ab;
  }
}

body.rp .AES-btn a {
  color: #8a743c;
  border-color: #8a743c;
}

body.rp .AES-btn-blue a {
  color: #ffffff;
  background: #8a743c;
  border-color: #8a743c;
}

body.rp .AES-link-tel a .cmp-button__text {
  color: #eeeeee;
}

@media only screen and (max-width: 768px) {
  body.rp .AES-ctgyh .text .cmp-text p,
  body.rp .title.AES-h1 h1 {
    color: #ffffff !important;
  }
}

@media only screen and (max-width: 768px) {
  body.rp .dc__premium_header .dc__sp_menu_list li .AES-btn a {
    color: #fff;
  }
}

body.rp hr.rpc-hr {
  margin: 7rem 0 3rem;
  padding: 0;
  border: 1px solid #999999;
  border-width: 1px 0 0;
}

body.rp .rpc-font-l {
  font-size: 1.8rem;
}

body.rp .rpc-font-l .AES-list {
  font-size: 1.8rem;
}

body.rp .AES-modalbox .cmp-title__text,
body.rp .AES-modalbox .AES-modalinr {
  color: #263033;
}

body.rp .AES-modalbox .cmp-title__text a,
body.rp .AES-modalbox .AES-modalinr a {
  color: #2477ab;
}

body.rp .dc__modal_box .dc__box_title {
  color: #606060 !important;
}

body.rp .dc__modal_box .dc__btn_gray,
body.rp .dc__modal_box .icon_close {
  color: #eeeeee !important;
}

body.rp .dc__modal_box .dc__content_box {
  color: #263033 !important;
}

body.rp .dc__modal_box .dc__content_box .dc__btn_white {
  color: #2477ab !important;
}

body.rp .dc__modal_box .dc__table th {
  color: #263033 !important;
  border: 1px solid #dbdbdb !important;
  background-color: #e9e9e9 !important;
}

body.rp .dc__modal_box .dc__table td {
  color: #263033 !important;
  border: 1px solid #dbdbdb !important;
  background-color: #fff !important;
}

body.rp .dc__modal_box .dc__table td a {
  color: #2477ab !important;
}

@media only screen and (max-width: 768px) {
  body.rp .rpc_h1_wid {
    width: 95vw;
    text-align: center;
  }
}

body.rp .AES-h2 .cmp-title__text {
  color: #e0c988;
}

@media only screen and (max-width: 768px) {
  body.rp .AES-grid--xs
> .cmp-container.rpc_anker5
> .aem-Grid
> .aem-GridColumn.aem-GridColumn--default--2 {
    margin: 5px 0;
  }
}

@media only screen and (min-width: 769px) {
  body.rp .AES-grid--xs
> .cmp-container.rpc_anker5
> .aem-Grid
> .aem-GridColumn.aem-GridColumn--default--2 {
    width: 20%;
  }
}

body.rp .rpc-cateTitle {
  position: relative;
}

body.rp .rpc-cateTitle .image:nth-child(1) {
  margin-top: 0;
}

@media only screen and (min-width: 769px) {
  body.rp .rpc-cateTitle .image:nth-child(1) {
    display: none;
  }
}

body.rp .rpc-cateTitle .image:nth-child(2) {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  body.rp .rpc-cateTitle .image:nth-child(2) {
    display: none;
  }
}

body.rp .rpc-cateTitle p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

body.rp :not(.AES-bg-white) .dc__table th,
body.rp :not(.AES-bg-gray) .dc__table th {
  background-color: #404040;
}

body.rp :not(.AES-bg-white) .dc__table td,
body.rp :not(.AES-bg-gray) .dc__table td {
  background-color: #1a1a1a;
}

body.rp :not(.AES-bg-white) .dc__table td.dc__ctd,
body.rp :not(.AES-bg-gray) .dc__table td.dc__ctd {
  background-color: #252525;
}

body.rp :not(.AES-bg-white) .dc__table th,
body.rp :not(.AES-bg-white) .dc__table td,
body.rp :not(.AES-bg-gray) .dc__table th,
body.rp :not(.AES-bg-gray) .dc__table td {
  color: #eeeeee;
  border-color: #999999;
}

body.rp :not(.AES-bg-white) .dc__table th a,
body.rp :not(.AES-bg-white) .dc__table td a,
body.rp :not(.AES-bg-gray) .dc__table th a,
body.rp :not(.AES-bg-gray) .dc__table td a {
  color: #e0c988;
}

body.rp :not(.AES-bg-white) .cmp-title__link,
body.rp :not(.AES-bg-white) .AES-link a.cmp-button,
body.rp :not(.AES-bg-white) .AES-autoi_title a,
body.rp :not(.AES-bg-white) [class*="AES-list"] a,
body.rp :not(.AES-bg-gray) .cmp-title__link,
body.rp :not(.AES-bg-gray) .AES-link a.cmp-button,
body.rp :not(.AES-bg-gray) .AES-autoi_title a,
body.rp :not(.AES-bg-gray) [class*="AES-list"] a {
  color: #e0c988;
}

body.rp .AES-box {
  background-color: #191919;
  border: 1px solid #666666;
  color: #eeeeee;
}

body.rp .AES-bg-white,
body.rp .AES-bg-gray {
  background-color: #333333;
  color: #eeeeee;
  border-width: 0;
}

body.rp .AES-bg-white-brdr {
  background-color: #333333;
  border: 2px solid #8a743c;
}

body.rp [class*="cmp-experiencefragment--servicelist"] .dc__bg_white {
  background-color: #333333;
  color: #eeeeee;
}

body.rp #dc__menu_3rd .dc__category_title {
  color: #eeeeee;
}

body.rp .cmp-accordion__button {
  background-color: #333333;
  color: #e0c988;
}

body.rp .AES-acd-color--blue .cmp-accordion__title {
  color: #e0c988;
}

body.rp .cmp-accordion__icon {
  background-color: #8a743c;
  border: 1px solid #8a743c;
}

body.rp .cmp-accordion__header.is-active .cmp-accordion__icon {
  color: #8a743c;
  background-color: #fff;
}

body.rp .dc__tabs .dc__tab_btn,
body.rp .cmp-tabs__tab {
  background: #333333;
  color: #eeeeee;
}

body.rp .dc__tabs .dc__tab_btn.dc__active,
body.rp .cmp-tabs__tab--active {
  background: #8a743c;
}

body.rp .cmp-tabs__tabpanel {
  border-color: #8a743c;
  background: #333333;
}

body.rp .dc__tab_box {
  border-color: #8a743c;
}

body.rp .rpc_border_gold {
  border: 2px solid #8a743c;
}

body.rp .dc__text_blue,
body.rp .AES-color--blue {
  color: #e0c988;
}

/* RPC-button */
.RPC-button .cmp-button {
  color: #ffffff;
  background: #8a743c;
  border-color: #8a743c;
}

.dc__dropdown_box .RPC-button {
  margin: 4rem auto -1rem;
}

.sp_dropdown .RPC-button [class^="button AES-btn"] {
  margin-top: 0;
}

.rpc_label_wrapper .rpc_label {
  display: inline-block;
  background: #333333;
  padding: 0.5em 1.5em;
  color: #eeeeee;
  line-height: 1;
  font-weight: bold;
}

.rpc_label_wrapper .rpc_label.-light {
  display: inline-block;
  background: #bbbcbc;
  text-align: center;
  font: normal normal normal 12px/20px Hiragino Kaku Gothic Pro;
  letter-spacing: 0px;
  color: #000000;
  padding: 0 0.25em;
  margin-top: 2rem;
}

.rpc_label_wrapper .rpc_label.-light2 {
  background: #8f8f8f;
  color: #333333;
}

.rpc_label_wrapper > .title {
  margin-top: 2rem;
}

.rpc_grayBorderBox {
  border: 1px solid #666666;
  padding: 3rem 4rem;
}

.rpc_grayBorderBox a {
  color: #e0c988;
}

@media only screen and (max-width: 768px) {
  .rpc_grayBorderBox {
    padding: 3rem 1.5rem;
  }
}

.rp .dinersclubapp-premium {
  background-image: url(/content/dam/diners/img/premium/member/card/dinersclubapp/premium_coupon_bg_rp.jpg);
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .rp .dinersclubapp-premium {
    background-image: url(/content/dam/diners/img/premium/member/card/dinersclubapp/premium_coupon_bg_pc_rp.jpg);
    background-size: cover;
  }
}

.rp .dinersclubapp-signature {
  background-image: url(/content/dam/diners/img/premium/member/card/dinersclubapp/signature_bg_rp.jpg);
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .rp .dinersclubapp-signature {
    background-image: url(/content/dam/diners/img/premium/member/card/dinersclubapp/signature_bg_pc_rp.jpg);
    background-size: cover;
  }
}

.rpc-mt0 * {
  margin-top: 0 !important;
}

.aem-AuthorLayer-Edit body.rp .rpc-cateTitle {
  position: static;
}

.aem-AuthorLayer-Edit body.rp .image:nth-child(1),
.aem-AuthorLayer-Edit body.rp .image:nth-child(2) {
  display: block;
}

.aem-AuthorLayer-Edit body.rp p {
  position: static;
  transform: translate(0);
}

.aem-AuthorLayer-Edit .dc__premium_display,
.aem-AuthorLayer-Edit .dc__rp_display,
.aem-AuthorLayer-Edit .dc__premium_parent_display,
.aem-AuthorLayer-Edit .dc__rp_parent_display {
  box-shadow: 0 0 10px 10px #8a743c;
  display: block !important;
  background: linear-gradient(135deg, #8a743c 0%, #8a743c 17%, #ffffff 17%, #ffffff 32%, #8a743c 32%, #8a743c 48%, #ffffff 48%, #ffffff 65%, #8a743c 65%, #8a743c 65%, #8a743c 82%, #ffffff 82%, #ffffff 100%);
}


@media only screen and (max-width: 768px){
  body:not(.rp) .dc__rp_display {
    display: none;
  }
}