@charset "UTF-8";

/* primary color */
.p-widget-search__submit:hover,
.slick-arrow:hover,
.p-tab__content-pager-item.is-active a,
.p-tab__content-pager-item a:hover,
.p-content04__slider .slick-arrow:hover,
.p-hero-header__link:hover,
.c-comment__form-submit:hover,
.p-page-links a span,
.p-pager__item span,
.p-pager__item a:hover,
.p-global-nav .sub-menu a:hover,
.p-button:hover,
.c-pw__btn--submit,
.p-content02 .slick-arrow:hover {
  background: #897750;
}

.p-article04__category a:hover,
.p-article04__title a:hover,
.p-content03__blog-archive-link:hover,
.p-content03__news-archive-link:hover,
.p-latest-news__archive-link:hover,
.p-article01__title a:hover,
.p-article01__category a:hover,
.widget_nav_menu a:hover,
.p-breadcrumb__item a:hover,
.p-social-nav__item a:hover,
.p-article03__title a:hover,
.p-widget-post-list__item-title a:hover {
  color: #897750;
}

/* secondary color */
.p-widget-search__submit,
.p-latest-news__title,
.p-tab__nav-item.is-active a,
.p-tab__nav-item a:hover,
.slick-arrow,
.slick-arrow:focus,
.p-tab__content-pager-item a,
.p-content04__slider .slick-arrow,
.p-hero-header__link,
.p-hero-header .slick-arrow,
.c-comment__form-submit,
.p-page-links span,
.p-page-links a span:hover,
.p-pager__item a,
.p-pager__item .dots,
.p-widget__title,
.p-global-nav .sub-menu a,
.p-content02 .slick-arrow {
  background: #222222;
}

.p-tab__content-img-nav {
  background: rgba(34, 34, 34, 0.7);
}

.p-tab__nav-item.is-active a,
.p-tab__nav-item a:hover {
  border-color: #222222
}

/* headline font type */
.p-page-header__title,
.p-archive-header__title,
.p-article01__title,
.p-article02__title,
.p-entry__title,
.p-main-image__title,
.c-nav01__item,
.p-article03__title,
.p-widget-post-list__item-title,
.p-content02__item-title,
.p-content01__catch,
.p-content04__catch,
.p-article04__title,
.p-content03__blog-catch,
.p-content03__news-catch,
.p-hero-header__nav-item-title,
.p-hero-header__slider-item-title {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

/* sidebar */
.l-contents {
  background: linear-gradient(to right, #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100%);
}

.l-contents--rev {
  background: linear-gradient(to left, #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100%);
}

.l-secondary {
  background: #f6f6f6;
}

/* load */
.c-load--type1 {
  border: 3px solid rgba(137, 119, 80, 0.2);
  border-top-color: #897750;
}

/* hover effect */
.p-hover-effect--type1:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

@media only screen and (min-width: 767px) {
  .p-hover-effect--type2 img {
    margin-left: 15px;
    -webkit-transform: scale(1.3) translate3d(-15px, 0, 0);
    transform: scale(1.3) translate3d(-15px, 0, 0);
  }
}

.p-hover-effect--type2:hover img {
  opacity: 0.5
}

.p-hover-effect--type3 {
  background: #ffffff;
}

.p-hover-effect--type3:hover img {
  opacity: 0.5;
}

/* splash */
@-webkit-keyframes splashImageFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes splashImageFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* contents builder */
#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_2 .p-main-image__btn {
  background: #897750;
}

#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_2 .p-main-image__btn:hover {
  background: #cdb09a;
}

#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_3 .p-content03__news-list-item a:hover {
  background: #333333;
}

@media only screen and (max-width: 767px) {
  .p-content03__news-list {
    background: #222222;
  }
}

#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_4 .p-main-image__btn {
  background: #897750;
}

#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_4 .p-main-image__btn:hover {
  background: #cdb09a;
}

#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_5 .p-main-image__btn {
  background: #897750;
}

#cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_cb_5 .p-main-image__btn:hover {
  background: #cdb09a;
}

/* entry body */
.p-entry__body,
.p-entry__body p {
  font-size: 16px;
}

.p-entry__body a,
.custom-html-widget a {
  color: #897750;
}

/* plan */
.p-content02__item {
  width: 33.333333333333%;
}

.p-content02__item a:hover .p-content02__item-img {
  opacity: 1;
}

/* header */
.l-header {
  background: rgba(46, 47, 49, 0.8);
}

.l-header__logo a,
.p-global-nav>li>a,
.c-menu-button {
  color: #ffffff;
}

.l-header__logo a:hover,
.p-global-nav>li>a:hover {
  color: #cdb09a;
}

.l-header {
  -webkit-animation: slideDown 1.5s ease-in-out 0.8s forwards;
  animation: slideDown 1.5s ease-in-out 0.8s forwards;
}

.p-hero-header__link {
  -webkit-animation: slideUp 1.5s ease-in-out 0.8s forwards;
  animation: slideUp 1.5s ease-in-out 0.8s forwards;
}


/* footer */
.p-request__btn {
  background: #004353;
}

.p-request__btn:hover {
  background: #666666;
}

/* password protected pages */
.c-pw .c-pw__btn--register {
  background: #897750;
  color: #fff;
}

.c-pw__btn--register:hover {
  background: #222222;
}

/* responsive */
@media only screen and (max-width: 991px) {
  .p-pagetop a {
    background: #222222
  }
}

@media only screen and (max-width: 767px) {
  .l-header {
    background: #2e2f31;
    animation: none;
    -webkit-animation: none;
  }

  .p-request>a::after {
    color: #ffffff;
  }

  .p-content02__item {
    width: 100%;
  }

  .p-tab .slick-arrow:hover,
  .p-content04 .slick-arrow:hover {
    background: #222222;
  }
}



/* custom CSS */
/****** [ 1 ] ﾌｫﾝﾄ設定 ******/
@font-face {
  font-family: 'Avenir LT Std 35 Light';
  font-style: normal;
  font-weight: normal;
  src: local('Avenir LT Std 35 Light'), url('https://pearlstar.jp/wp/wp-content/uploads/Font-Face/Avenir-LT-STD/AvenirLTStd-Light.woff') format('woff');
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/****** [ 2 ] ﾍｯﾀﾞｰ ******/
/* ｸﾞﾛｰﾊﾞﾙﾅﾋﾞｹﾞｰｼｮﾝ */
/*  ﾒﾆｭｰ横幅*/
.l-header__inner {
  max-width: 1240px;
}

/* 各ﾒﾆｭｰ項目左右間隔 */
.p-global-nav>li>a {
  padding-left: 20px !important;
  padding-right: 0px !important;
}

/* 子（2階層目）ﾒﾆｭｰ */
@media only screen and (min-width: 1025px) {

  /* ﾛｺﾞ画像右側ｽﾍﾟｰｽを詰める */
  .l-header__logo {
    margin-right: -240px;
  }

  .p-global-nav .sub-menu a {
    background-color: rgba(46, 47, 49, 0.8);
    color: #fff;
  }

  .p-global-nav .sub-menu a:hover {
    background-color: rgba(137, 119, 80, 0.8);
    color: #fff;
  }
}

/* PCとｽﾏﾎで表示するﾒﾆｭｰを切り替える */
/* PC View */
@media only screen and (min-width: 1421px) {
  #menu-item-1031 {
    display: none;
  }

  /* 宿泊予約 */
  #menu-item-1032 {
    display: none;
  }

  /* レストラン予約 */
  #menu-item-1084 {
    display: none;
  }

  /* ｱｸｾｽ */
}

/* Mobile View */
@media only screen and (max-width: 1420px) {
  #menu-item-497 {
    display: none;
  }

  /* 予約 */
}

/* 文字ｻｲｽﾞ調整 */
/* Mobile View */
@media only screen and (max-width: 767px) {
  #js-global-nav a {
    font-size: 15px;
  }
}

/* Mobile View (iPhone 3-5, SE)*/
@media only screen and (max-device-width: 374px) {
  #js-global-nav a {
    font-size: 12px;
  }
}

/* ｽﾏﾎｻﾌﾞﾒﾆｭｰのｱｲｺﾝ変更 */
@media only screen and (max-width: 1420px) {
  .p-global-nav .menu-item-has-children>a>span::before {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 13px !important;
    content: "\f107";
    background-color: #897750;
  }

  .p-global-nav .menu-item-has-children>a>span.is-active::before {
    content: "\f106";
  }
}

/* ｻﾌﾞﾒﾆｭｰ幅調整 */
/* PC View */
@media only screen and (min-width: 1421px) {

  /* レストラン&バー */
  #menu-item-37 .sub-menu a {
    width: 286px;
  }

  /* 客室とスイート */
  #menu-item-305 .sub-menu a {
    width: 338px;
  }

  #menu-item-306 .sub-menu a {
    width: 350px;
  }

  #menu-item-307 .sub-menu a {
    width: 296px;
  }
}


/****** [ 3 ] ﾌｯﾀｰ ******/
.p-footer-widget a {
  color: #fff;
}

.p-footer-widget a:hover {
  color: #cdb09a;
}

.p-footer-widget {
  color: #fff;
  line-height: 2;
}

.l-footer__logo a,
.p-address,
.p-copyright {
  color: #cdb09a !important;
}

/* ｻｲﾝｱｯﾌﾟﾎﾞﾀﾝ */
.p-footer-widget .p-button {
  background: #897750 !important;
}

.p-footer-widget .p-button:hover {
  background: #cdb09a !important;
  color: #fff;
}

/* SSN (Instagram, twitter, youtube) */
.p-footer-widget p i {
  color: #fff;
}

.p-footer-widget p a i:hover {
  color: #cdb09a;
}

/* ﾓﾊﾞｲﾙﾌｯﾀｰﾒﾆｭｰのｱｲｺﾝ変更 (footer-bar.css) */
.c-footer-bar__icon--file-text:before {
  content: "\e320";
  /* laptop_macに変更 */
}

.c-footer-bar__icon--share-alt:before {
  content: "\e56c";
  /* restaurantに変更 */
}

/* ﾓﾊﾞｲﾙﾌｯﾀｰﾊﾞｰ */
.c-footer-bar {
  height: 78px;
  font-size: 14px;
}

.c-footer-bar a {
  padding: 19px 0;
}

/* PC View */
@media only screen and (min-width: 768px) {
  .l-footer .c-logo--retina img {
    width: 50%;
  }
}

/* Mobile View */
@media only screen and (max-width: 767px) {
  .p-footer-widget ul {
    margin-left: 1em;
  }
}


/****** [ 4 ] 全ﾍﾟｰｼﾞ共通 ******/
p {
  text-align: justify;
}

/* ﾒｲﾝｲﾒｰｼﾞ */
p.p-main-image__desc {
  font-size: 16px !important;
  /* 固定ﾍﾟｰｼﾞの各ﾒｲﾝｲﾒｰｼﾞで設定可能だが共通項目としてここで設定 */
  text-align: justify;
}

.p-entry__body a:hover,
.custom-html-widget a:hover {
  text-decoration: none;
}

/* ﾍﾟｰｼﾞﾍｯﾀﾞｰﾀｲﾄﾙ（ﾍｯﾀﾞｰ画像内四角ﾀｲﾄﾙ） */
.p-page-header__title {
  font-weight: 100;
  background: rgba(46, 47, 49, 0.9) !important;
  /* 各ﾍﾟｰｼﾞで設定可能だが共通項目としてここで設定 */
}

.p-entry__body p {
  font-size: 16px;
}

/* PCとﾓﾊﾞｲﾙで表示する項目を切り替える */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

/* reCAPTCHAｱｲｺﾝ非表示 */
.grecaptcha-badge {
  visibility: hidden;
}

/*  Mobile View調整 */
@media only screen and (max-width: 767px) {
  .p-page-header__title {
    font-size: 12px !important;
  }

  .p-main-image__title {
    font-size: 20px !important;
  }

  p.p-main-image__desc {
    margin-left: -26px;
    margin-right: -32px;
  }
}


/******  [ 5 ] TOP (pearlstar.jp) ******/
/* PC View */
/* ﾋｰﾛｰ右下のﾎﾞﾀﾝ削除 */
.p-hero-header__link {
  display: none;
}

/* ｺﾝﾃﾝﾂﾋﾞﾙﾀﾞｰ:ｷｬｯﾁﾌﾚｰｽﾞと説明文 */
.page-id-8 .p-content01 {
  max-width: 1200px;
}

/* ROOMS */
/* ﾀｲﾄﾙ : SWEETなど */
.p-content02__item-title {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* ｻﾌﾞﾀｲﾄﾙ : スイートなど */
.p-content02__item-sub {
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* ｺﾝﾃﾝﾂﾋﾞﾙﾀﾞｰ : ﾌﾞﾛｸﾞ&ﾆｭｰｽ */
.page-id-8 .p-content03__blog {
  background: #293855;
}

/* 指定色ﾌﾞﾙｰ */
.p-content03__blog h2,
.p-content03__blog a,
.p-content03__blog p {
  color: #fff;
}

.p-content03__blog .p-article04__meta,
.p-content03__blog .p-article04__meta a {
  color: #aaa;
}

.p-content03__blog-arrows .slick-arrow::before {
  color: #fff;
}

/* <>ﾎﾞﾀﾝ */

/* ﾘﾘｰｽ一覧を非表示、ﾌﾞﾛｸﾞを全幅に表示 */
.p-content03__news {
  display: none;
}

.p-content03__blog {
  width: 100%;
}

/* Mobile View (iPhone 3-5, SE)*/
@media only screen and (max-device-width: 374px) {

  /* ホテルからのご案内 */
  .p-content03__blog-catch {
    font-size: 20px !important;
  }
}

/* 花火動画（ﾓﾊﾞｲﾙのみ表示） */
/* PC View */
@media only screen and (min-width: 768px) {

  /* YouTubeｻﾑﾈｲﾙ */
  .page-id-8 .p-content05 #pv {
    display: none;
  }
}

/* --YouTubeサイズ調整-- */
.video {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  margin-bottom: 0px;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/****** [ 6 ] 投稿（ﾎﾃﾙからのご案内）(/offers/) ******/
.single-post .l-secondary {
  background: #fff;
}


/****** [ 7 ] PLAN ｱｰｶｲﾌﾞ (/rooms/) ******/
.post-type-archive-plan .p-archive-header__desc {
  font-size: 16px;
}

.post-type-archive-plan .p-main-image__content {
  background: #2e2f31;
  color: #ffffff;
}

.post-type-archive-plan .p-main-image__btn {
  background: #897750;
}

.post-type-archive-plan .p-main-image__btn:hover {
  background: #cdb09a;
}


/*** [ 7.1 ] 客室共通 ***/
/*** 客室概要、ｱﾒﾆﾃｨ ***/
.contents {
  display: flex;
  width: 1000px;
}

.item {
  width: calc(94% / 3);
  /*   padding: 10px 10px; */
}

.item>ul,
.sp>ul {
  font-size: 16px;
  list-style: disc;
}

/*** 客室概要、ｱﾒﾆﾃｨ ***/

/*** 予約情報（ご予約は WEB またはお電話 TEL xxxx-xx-xxxx） ***/
.box-reservation {
  font-size: 16px;
  padding: 1.8em;
  border: solid 1px #2e2f31;
}

/* Mobile View */
@media only screen and (max-device-width: 768px) {
  .box-reservation {
    padding: 1em;
    border: none;
  }
}

/*** 予約情報 ***/


/****** [ 8 ] ﾘﾘｰｽ (/release/) ******/
/* 個別ﾍﾟｰｼﾞを1ｶﾗﾑで表示 */
@media only screen and (min-width: 1025px) {
  .single-news .l-secondary {
    display: none;
  }

  .single-news .l-primary {
    width: 100%;
  }

  .l-contents {
    background: #fff;
  }

  /* 記事を中央寄せにする */
  .single-news .l-primary {
    background: #fff;
    padding-right: 10%;
    padding-left: 10%;
  }
}