@charset "utf-8";

/* 01-01 */
body,
.fcBody {
  color:#C6C6C6;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Century Gothic",Arial,"ＭＳ Ｐゴシック",sans-serif;
}

/* 01-02 */
.fcRed,
.messageError {
  color:#d12727;
}
.fcBlue {
  color:#2789d1;
}

/* 01-03 */
.center-weekbtn-Wpr span.fcBlue,
.cd-schedule-Box b.fcBlue {
  color:#2789d1;
}
.center-weekbtn-Wpr span.fcRed,
.cd-schedule-Box span.fcRed {
  color:#d12727;
}

/* 01-04-1 */
a:link,
.fcLink {
  color:#ededed;
}
a:visited {
  color:#ededed;
}
a:active {
  color:#ededed;
}
a:hover,
.fcLink:hover {
  color:#d16527;
}

/* 01-04-2 */
.ancr-fw {
  font-weight:normal;
}

/* 01-05-1 */
body {
  font-size:1.6rem;
}

/* 01-05-2 */
.ph-Ttl span {
  font-size:1.8rem;
}

/* 01-05-3 */
.side-contents-Box .ph-Ttl span,
.sh-Ttl span {
  font-size:1.8rem;
}

/* 01-05-4 */
.sb-Ttl span {
  font-size:2rem;
}

/* 01-05-5 */
.material-menu ul li a {
  font-size:1.6rem;
}

/* 01-05-6 */
#sidemenu li a {
  font-size:1.6rem;
}

/* 01-05-7 */
.hdrpsi-tel-Box {
  font-size:2rem;
}

/* 01-05-8 */
.hdrpsi-bh-Box {
  font-size:1.8rem;
}

/* 01-05-9 */
.centerbtn-Wpr a,
.sidebtn-Wpr a,
.cd-movie-Box a,
input[type=submit],
input[type=button],
.sbmtbtn-Wpr button,
.btn-bg-Clr,
.btn-reset-Clr,
.center-paging-Wpr li p,
.center-paging-Wpr li a,
/* .center-nppage-Wpr li a, */
.owl-theme .owl-controls .owl-buttons div.owl-prev p,
.owl-theme .owl-controls .owl-buttons div.owl-next p {
  font-size:1.6rem;
}

/* 02-01 */
body {
  background:rgba(22,22,22,1);
}

/* 02-02 */
#page {
}

/* 02-03 */
.header-Wpr {
  background:rgba(22,22,22,1);
}

/* 02-04 */
.header-PC-Box {
}

/* 02-05 */
.main-Wpr {
}

/* 02-06 */
.main-Box {
}

/* 02-07 */
.footer-Wpr,
#caspe-smbnr-Box {
  background:rgba(18,18,18,1);
}

/* 02-08 */
.footer-Box {
}

/* 03-01 */
.header-Ttl {
  background-color:rgba(18,18,18,1);
}

/* 03-02 */
.header-Ttl h1 {
  color:#aaaaaa;
  text-align:center;
}

/* 03-04 */
.header-PC-Box img {
  left:5%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);

}

/* 03-05 */
.header-PC-Box {
  height:120px;
}

/* 03-06 */
.hdrpsi-tel-Box p,
.hdrssi-tel-Box p {
  color:#ededed;
  font-weight:bold;
}

/* 03-07 */
.hdrpsi-bh-Box p,
.hdrpsi-rh-Box p,
.hdrssi-bh-Box p,
.hdrssi-rh-Box p {
  color:#ededed;
  font-weight:bold;
}

/* 03-08 */
.header-pcinfo-Box {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}

.hdrpsi-tel-Box,
.hdrpsi-bh-Box {
  width:100%;
}

.hdrpsi-tel-Box p,
.hdrpsi-bh-Box p {
  float:right;
}

/* 04-01-1 */
@media only screen and (min-width:1120px) {
  .material-menu ul li a {
    height:60px;
    line-height:60px;
  }
}

/* 04-01-2 */
#globalnav-Wpr,
.material-menu-wrapper.material-menu-view-mobile {
  background:rgba(22,22,22,1);
}

/* 04-02 */
.material-menu ul li a {
  background-color:rgba(22,22,22,1);
}

.material-menu ul li a:hover,
.material-menu ul li a.page-selected {
  background-color:rgba(22,22,22,1);
}

/* 04-03-1 */
#sidemenu li a {
  height:32px;
  line-height:32px;
}
/* 04-03-2 */
#sidemenu li a {
  background-color:rgba(22,22,22,1);
}

#sidemenu li a:hover,
#sidemenu li a.page-selected {
  background-color:rgba(22,22,22,1);
}

/* 04-04 */
.material-menu ul li a,
.material-menu ul li a:hover,
.material-menu ul li a span,
.material-menu ul li a.page-selected {
  font-weight:normal;
}

.material-menu ul li a {
  color:#ffffff;
}

.material-menu ul li a {
  text-shadow:none;
}

.material-menu ul li a:hover,
.material-menu ul li a.page-selected {
  color:#d16527;
}

.material-menu ul li a:hover,
.material-menu ul li a.page-selected {
  text-shadow:none;
}

/* 04-05 */
#sidemenu li a,
#sidemenu li a span,
#sidemenu li a:hover,
#sidemenu li a.page-selected {
  font-weight:normal;
}

#sidemenu li a {
  color:#ffffff;
}

#sidemenu li a {
  text-shadow:none;
}

#sidemenu li a:hover,
#sidemenu li a.page-selected {
  color:#d16527;
}

#sidemenu li a:hover,
#sidemenu li a.page-selected {
  text-shadow:none;
}

/* 04-06 */
.material-menu ul li,
#sidemenu li {
  border-color:transparent;
}
@media only screen and (max-width:1119px) {
  .material-menu ul li ,
  .material-menu ul li:first-child ,
  .material-menu ul li:last-child {
    border-color:transparent;
  }
}
.material-menu ul li {
  border-style:none;
  border-width:0;
}
.material-menu ul li:first-child {
  border-style:none;
  border-width:0;
}
#sidemenu li {
  border-style:none;
  border-width:0;
}
#sidemenu li:last-child {
  border-style:none;
  border-width:0;
}
@media only screen and (max-width:1119px) {
 .material-menu ul li ,
 .material-menu ul li:first-child {
    border-style:none;
    border-width:0;
  }
 .material-menu ul li:last-child {
    border-style:none;
    border-width:0;
  }
}
/* 04-07 */
.material-menu ul li a {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-left-style:none;
}

.material-menu ul li a:hover,
.material-menu ul li a.page-selected {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-left-style:none;
}

/* 04-08 */
#sidemenu li a {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-left-style:none;
}

#sidemenu li a:hover,
#sidemenu li a.page-selected {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-left-style:none;
}

/* 04-09 */
@media only screen and (max-width:1119px) {
  .material-menu ul li a {
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#242424;
    border-left-style:solid;
    border-left-width:2px;
    border-left-color:#161616;
  }

  .material-menu ul li a:hover,
  .material-menu ul li a.page-selected {
    border-top-style:none;
    border-right-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#242424;
    border-left-style:solid;
    border-left-width:2px;
    border-left-color:#d16527;
  }
}

/* 05-01-1 */
.sh-Ttl span,
.ph-Ttl span {
  color:#ededed;
  font-weight:normal;
  text-shadow:none;
}

/* 05-01-2 */
.sh-Ttl,
.ph-Ttl {
  text-align:center;
}
.sh-Ttl span,
.ph-Ttl span {
  padding-left:0px;
}

/* 05-01-3 */
.sh-Ttl,
.ph-Ttl {
  height:60px;
  line-height:60px;
}

/* 05-01-4 */
.sh-Ttl,
.ph-Ttl {
  background-size:cover;
}

/* 05-02 */
.mailmagazine-Wpr h2.sh-Ttl span {
  
}
.mailmagazine-Wpr h2.sh-Ttl {
}

/* 05-03 */
.left-qrcode-Wpr h2.sh-Ttl span {
  
}
.left-qrcode-Wpr h2.sh-Ttl {
}

/* 05-04 */
.left-photo-Diary h2.sh-Ttl span {
  
}
.left-photo-Diary h2.sh-Ttl {
}

/* 05-05 */
.side-rightnow-Box h3.ph-Ttl span {
  
}
.side-rightnow-Box h3.ph-Ttl {
}

/* 05-06 */
.pickupcast-Box h3.ph-Ttl span {
  
}
.pickupcast-Box h3.ph-Ttl {
}

/* 05-07 */
.newface-Box h3.ph-Ttl span {
  
}
.newface-Box h3.ph-Ttl {
}

/* 05-08 */
.right-ranking-Box h3.ph-Ttl span {
  
}
.right-ranking-Box h3.ph-Ttl {
}

/* 05-09 */
.sb-Ttl span {
  color:#ededed;
  font-weight:bold;
}
.sb-Ttl {
}

/* 05-10 */
.cmn-bg-Dark {
  background:rgba(18,18,18,0.9);
}

/* 05-11 */
.cmn-bg-Light {
  background:rgba(18,18,18,0.5);
}

/* 06-01 */
.contents-Box {
}

/* 06-02 */
.bg-center-cmnbox {
}

/* 06-03 */
.side-contents-Box {
}

/* 06-04 */
.side-contents-Box.mailmagazine-Wpr {
}

/* 06-05 */
.side-contents-Box.left-photo-Diary {
}

/* 06-06 */
#side-rightnow-Wpr {
  background:rgba(18,18,18,1);
}

/* 06-07 */
.pickupcast-Box {
  background:rgba(18,18,18,1);
}

/* 06-08 */
.newface-Box {
  background:rgba(18,18,18,1);
}

/* 06-09 */
.right-ranking-Box {
  background:rgba(18,18,18,1);
}

/* 06-10 */
input[type="text"],
input[type="email"],
select,
.check-group label,
textarea,
.rt-o-cgp li div,
.dd .ddTitle .ddlabel,
.dd .ddChild li .ddlabel,
.dd .ddTitle .description,
.dd .ddChild li .description  {
  color:#C6C6C6;
}
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
.check-group label:hover,
textarea:focus,
.rt-o-cgp li div:hover {
  color:#ededed;
}

/* 06-11-1 */
input[type="text"],
input[type="email"],
select,
select optgroup,
.check-group label,
textarea,
.rt-o-cgp li div,
.dd .ddTitle,
.dd .divider,
.dd .ddChild li {
  background-color:#121212;
  border-style:solid;
  border-width:1px;
  border-color:#242424;
}
/* 06-11-2 */
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
.check-group label:hover,
textarea:focus,
.rt-o-cgp li div:hover,
.dd .ddTitle:hover,
.dd .ddChild li.hover,
.dd .ddChild li.selected {
  background-color:#161616;
  border-style:solid;
  border-width:1px;
  border-color:#343434;
}
/* 06-11-3 */
input[type="text"].messageError,
input[type="email"].messageError,
select.messageError,
textarea.messageError {
  background-color:#161616;
  border-style:solid;
  border-width:1px;
  border-color:#d12727;
}
/* 06-11-4 */
input[type="text"],
input[type="email"],
select,
.check-group label,
textarea {
  box-shadow:4px 4px 4px 0px #060606 inset;
  -moz-box-shadow:4px 4px 4px 0px #060606 inset;
  -webkit-box-shadow:4px 4px 4px 0px #060606 inset;
}

/* 06-12 */
.bdr-clr-Dark.bg-rank-no01,
.bdr-clr-Dark.ranking-no01-Wpr {
  border-style:solid;
  border-width:1px;
  border-color:#baa779;
}
.bg-rank-no01,
.ranking-no01-Wpr {
}

.bdr-clr-Dark.bg-rank-no02,
.bdr-clr-Dark.ranking-no02-Wpr {
  border-style:solid;
  border-width:1px;
  border-color:#c9c9c9;
}
.bg-rank-no02,
.ranking-no02-Wpr {
}

.bdr-clr-Dark.bg-rank-no03,
.bdr-clr-Dark.ranking-no03-Wpr {
  border-style:solid;
  border-width:1px;
  border-color:#be9f83;
}
.bg-rank-no03,
.ranking-no03-Wpr {
}

.bdr-clr-Dark.bg-rank-Otr,
.cdicon-ranking p:not(bdr-clr-Dark) {
  border-style:solid;
  border-width:1px;
  border-color:#333132;
}
.bg-rank-Otr,
.cdicon-ranking p:not(.bg-rank-no01):not(.bg-rank-no02):not(.bg-rank-no03) {
}

/* 06-13 */
.ranking-up {
  color:#558bf6;
}
.ranking-keep {
  color:#f6d955;
}
.ranking-down {
  color:#f65555;
}
.ranking-new {
  color:#85f655;
}

/* 06-14 */
.marquee-Wpr dt {
  
}
.marquee-Wpr dd {
  
}
.marquee-Wpr dd a {
  
}

/* 06-15 */
.marquee-Wpr {
}
.marquee-Wpr {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#242424;
  border-left-style:none;
}
.marquee-Box {
  background:rgba(18,18,18,1);
}
.marquee-Box {
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-left-style:none;
}

/* 06-16 */
span.data-Box {
  color:#eeeeee;
}
.data-bg-Clr {
  background:rgba(22,22,22,1);
}

/* 07-01 */
#sidemenu.leftcol-bdr-clr {
  border-style:none;
}
.mailmagazine-Wpr.leftcol-bdr-clr {
  border-style:none;
}
.left-qrcode-Wpr.leftcol-bdr-clr {
  border-style:none;
}
.left-photo-Diary.leftcol-bdr-clr {
  border-style:none;
}

/* 07-02 */
@media only screen and (min-width:768px) {
.centercol-bdr-clr {
  border-style:none;
 }
}
.centerbox-bdr-clr {
  border-style:none;
}
.bdr-clr-Dark {
  border-style:solid;
  border-width:1px;
  border-color:#242424;
}
.bdr-hdg-clr {
  border-color:#d16527;
}

/* 07-03 */
.side-rightnow-Box.rightcol-bdr-clr {
  border-style:none;
}
.pickupcast-Box.rightcol-bdr-clr {
  border-style:none;
}
.newface-Box.rightcol-bdr-clr {
  border-style:none;
}
.right-ranking-Box.rightcol-bdr-clr {
  border-style:none;
}

/* 08-01-1 */
.cast-Wpr,
.cast-type-B .cast-Box,
.cast-lvl-Box + a dl.cast-Box dt,
.glImg label {
  background:rgba(22,22,22,1);
}

/* 08-01-2 */
.cast-Wpr,
.dd .ddTitle .ddTitleText img,
.dd .ddChild li img {
  border-style:solid;
  border-width:1px;
  border-color:#242424;
}

/* 08-02 */
.cast-genre-Box li,
.cd-genre-Box li {
  color:#C6C6C6;
}
.cast-genre-Box li p,
.cd-genre-Box li p {
  border-color:#121212;
}
.cast-genre-Box li,
.cd-genre-Box li {
  background:rgba(22,22,22,1);
  background:
  -webkit-gradient(linear, left top, left bottom,color-stop(0%, #121212), color-stop(100%, #161616));
  background:
  -webkit-linear-gradient(top,#121212 0%, #161616 100%);
  background:
  -moz-linear-gradient(top,#121212 0%, #161616 100%);
  background:
  -o-linear-gradient(top,#121212 0%, #161616 100%);
  background:
  -ms-linear-gradient(top,#121212 0%, #161616 100%);
  background:
  linear-gradient(to bottom,#121212 0%, #161616 100%);
}

/* 08-03 */
.castTime span {
  color:#ededed;
  text-shadow:none;
}
.castTime {
  background:rgba(36,36,36,1);
}

/* 08-04 */
.castTime.atWork-03 p,
.castTime.atWork-04 p {
  color:#ffffff;
  text-shadow:none;
}
.castTime.atWork-03 p,
.castTime.atWork-04 p {
  background:rgba(209,101,39,1);
}

/* 08-05 */
.castTime.dayOff span {
  color:#666666;
  text-shadow:none;
}
.castTime.dayOff {
  background:rgba(36,36,36,1);
}

/* 08-06 */
.status-Yes p {
  color:#EDEDED;
  text-shadow:none;
  background:rgba(36,36,36,1);
  border-style:solid;
  border-width:2px;
  border-color:#343434;
}

/* 08-07 */
.status-No p {
  color:#444444;
  text-shadow:none;
  background:rgba(22,22,22,1);
  border-style:solid;
  border-width:2px;
  border-color:#242424;
}

/* 09-01 */
.centerbtn-Wpr a,
.sidebtn-Wpr a,
.cd-movie-Box a,
input[type=submit],
input[type=button],
.center-hotellist-Box td a,
.btn-bg-Clr,
.btn-reset-Clr,
.owl-theme .owl-controls .owl-buttons div p,
.center-paging-Wpr li p,
.center-paging-Wpr li a 
/* .center-nppage-Wpr li a, */
/* .cos-filter-Box li p */ {
  height:46px;
  line-height:46px;
  border-radius:0px;
  font-weight:bold;
}

/* 09-02 */
.btn-bg-Clr,
a.btn-bg-Clr,
.owl-theme .owl-controls .owl-buttons div p,
h2.resp-accordion {
  color:#ffffff;
  text-shadow:none;
  background:rgba(209,101,39,1);
  border-style:solid;
  border-width:2px;
  border-color:#d16527;
}

/* 09-03 */
.btn-bg-Clr:hover,
a.btn-bg-Clr:hover,
.center-nppage-Wpr a:hover b,
.owl-theme .owl-controls.clickable .owl-buttons div p:hover,
h2.resp-accordion.resp-tab-active,
.btn-bg-Clr.btn-active-Clr {
  color:#ffffff;
  text-shadow:none;
  background:rgba(22,22,22,1);
  border-style:solid;
  border-width:2px;
  border-color:#d16527;
}

/* 09-04 */
.btn-reset-Clr,
.page-numbers-active {
  color:#acacac;
  text-shadow:none;
  background:rgba(22,22,22,1);
  border-style:solid;
  border-width:2px;
  border-color:#393939;
}

/* 09-05 */
.mailmagazine-Box label:first-of-type,
.mailmagazine-Box label:last-of-type {
  border-width:2px;
  border-color:#d16527;
}
.mailmagazine-Box input[type="radio"]:checked + .switch-on,
.mailmagazine-Box input[type="radio"]:checked + .switch-off,
.glImg label.checked {
  color:#ffffff;
  background:rgba(18,18,18,1);
  background:
  -webkit-gradient(linear, left top, left bottom,color-stop(0%, #020202), color-stop(100%, #161616));
  background:
  -webkit-linear-gradient(top,#020202 0%, #161616 100%);
  background:
  -moz-linear-gradient(top,#020202 0%, #161616 100%);
  background:
  -o-linear-gradient(top,#020202 0%, #161616 100%);
  background:
  -ms-linear-gradient(top,#020202 0%, #161616 100%);
  background:
  linear-gradient(to bottom,#020202 0%, #161616 100%);
}
.mailmagazine-Box label {
  color:#121212;
  background:rgba(209,101,39,1);
  background:
  -webkit-gradient(linear, left top, left bottom,color-stop(0%, #ef8345), color-stop(100%, #d16527));
  background:
  -webkit-linear-gradient(top,#ef8345 0%, #d16527 100%);
  background:
  -moz-linear-gradient(top,#ef8345 0%, #d16527 100%);
  background:
  -o-linear-gradient(top,#ef8345 0%, #d16527 100%);
  background:
  -ms-linear-gradient(top,#ef8345 0%, #d16527 100%);
  background:
  linear-gradient(to bottom,#ef8345 0%, #d16527 100%);
}

/* 09-06 */
.slick-dots li.slick-active button:before,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background:#d16527;
}
.slick-dots li button:before,
.owl-theme .owl-controls .owl-page span  {
  background:#444444;
}

/* 09-07 */
#totop i {
  color:#ffffff;
 }
#totop {
    background-color:rgba(22,22,22,0.8);
 }
#totop:hover {
    background-color:rgba(209,101,39,0.8);
 }

/* 10-01 */
.footer-leftcol li a,
#caspe-smbnr-Box a {
  color:#e2e2e2;
}
.footer-leftcol li a:hover, 
#caspe-smbnr-Box a:hover {
  color:#ffffff;
}
.footer-leftcol li a {
  font-weight:normal;
}

/* 10-02 */
.footer-info-Wpr li p {
  color:#e2e2e2;
  font-weight:normal;
}

/* 10-03 */
.footer-copy small,
.footer-copy a {
  color:#e2e2e2;
  font-weight:normal;
}

/* Smart Phone */
@media only screen and (max-width:1119px) {
  /* 12-01 */
  .material-menu-button span {
    background:#ffffff;
  }
  .header-Nav li:nth-child(3) i:last-of-type {
    color:#ffffff;
  }

  .material-menu-button,
  .header-Nav li:nth-child(3) a.sp-tel-icon {
    border-style:solid;
    border-width:2px;
    border-color:#d16527;
  }

  .material-menu-button,
  .header-Nav li:nth-child(3) a.sp-tel-icon {
    border-radius:2px;
  background:rgba(209,101,39,1);
  }

  .material-menu-button:hover,
  .header-Nav li:nth-child(3) a.sp-tel-icon:hover {
  background:rgba(22,22,22,1);
  }

  /* 12-02 */
  .header-SP-Info {
  background:rgba(22,22,22,1);
  }

  /* 12-03 */
  .material-menu-titlebar,
  .material-menu-wrapper {
    background-color:rgba(22,22,22,1);
  }
  /* 12-04 */
  .material-menu ul li a,
  .material-menu ul li a.page-selected,
  .material-menu ul li a span,
  .material-menu ul li a:hover {
    font-size:1.6rem;
    font-weight:normal;
    height:46px;
    line-height:46px;
  }
  .material-menu ul li a i {
    display:none;
  }
}


/* マニュアル追加↓ */
*{
 font-family: 'Roboto','M PLUS 1',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,"ＭＳ Ｐゴシック",sans-serif !important;
 font-weight:400;
}

/* breadcrumbs */

.main-Wpr {
position:relative;
}
.entrance-page-Wpr.main-Wpr::after ,
.entrance-page-Wpr.main-Wpr::before {
 background:none;
}

.main-Wpr::before {
 content:"";
 width:100%;
 height:160px;
 position:absolute;
 top:0;
 left:0;
 background: linear-gradient(to right,  rgba(18,18,18,1) 0%,rgba(18,18,18,0.9) 30%,rgba(18,18,18,0) 50%,rgba(18,18,18,0.9) 75%,rgba(18,18,18,1) 100%);
 z-index:2;
}
.main-Wpr::after {
 z-index:0;
 height:160px;
 width:100%;
 content:"";
 position:absolute;
 top:0;
 left:0;
 background: url(../images/template/entrance_image_b.jpg) no-repeat 50% 1%;
 background-size:90% auto;
 z-index:1;
 filter: brightness(80%);
}

#breadcrumbs {
 width:100%;
 height:160px;
 padding:0;
 margin:0 auto 32px;
 position:relative;
 z-index:3;
}
#breadcrumbs ol {
 position:absolute;
 display:block;
 height:max-content;
 top:0;
 bottom:0;
 left:0;
 right:0;
 margin:auto;
 text-align:center;
 z-index:3;
}
#breadcrumbs li::before,
#breadcrumbs li span {
 color:#fff !important;
}
#breadcrumbs li a:hover {
 text-decoration:none !important;
}

#breadcrumbs li a:hover span {
 color:#d16527 !important;
}
@media only screen and (max-width:1119px) {
 .main-Wpr::before,
 .main-Wpr::after,
 #breadcrumbs {
  height:120px;
 }
 #breadcrumbs {
 margin:0 auto 24px;
 }
}
@media only screen and (max-width:767px) {
 .main-Wpr::before,
 .main-Wpr::after,
 #breadcrumbs {
  height:100px;
 }
 #breadcrumbs {
  width:100%;
  margin:0 auto 16px;
 }
 #breadcrumbs ol {
  width:95%;
  margin:auto;
  padding:0;
 }
 #breadcrumbs li:last-child {
  padding-right:12px;
 }
}


/* heading common */
.contents-Box .ph-Ttl,
.side-contents-Box .ph-Ttl,
.side-contents-Box .sh-Ttl {
 position:relative;
}
.contents-Box .ph-Ttl::before,
.contents-Box .ph-Ttl::after,
.side-contents-Box .ph-Ttl::before,
.side-contents-Box .ph-Ttl::after,
.side-contents-Box .sh-Ttl::before,
.side-contents-Box .sh-Ttl::after {
 position:absolute; 
 content:"";
 bottom:0;
 left:0;
 width:100%;
 height:2px;
 margin:auto;
}

.contents-Box .ph-Ttl::before,
.side-contents-Box .ph-Ttl::before,
.side-contents-Box .sh-Ttl::before {
 background:#242424;
 display: block;
}

.contents-Box .ph-Ttl::after,
.side-contents-Box .ph-Ttl::after,
.side-contents-Box .sh-Ttl::after {
 right:0;
 background:none;
 transition:0.4s all;
 width:0;
 opacity:0;
 filter:alpha(opacity=0);
}

.contents-Box:hover .ph-Ttl::after,
.side-contents-Box:hover .ph-Ttl::after,
.side-contents-Box:hover .sh-Ttl::after {
 width:100%;
 opacity:1;
 -moz-opacity:1;
 filter:alpha(opacity=100);
 background:#d16527;
}

.contents-Box:hover .ph-Ttl span::before,
.side-contents-Box:hover .ph-Ttl span::before,
.side-contents-Box:hover .sh-Ttl span::before  {
 color:#fff;
 text-shadow: 0 0 3px #666, 0 0 6px #999, 0 0 12px #aaa;
}


/* left & right title */
.sh-Ttl,
.side-contents-Box .ph-Ttl,
.contents-Box .ph-Ttl  {
 text-align:center;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 height:auto;
 line-height:1.2;
 padding:8px 0 12px;
 margin:0 auto 8px;
}
.sh-Ttl span,
.side-contents-Box .ph-Ttl span,
.contents-Box .ph-Ttl span {
 padding: 0 12px;
 font-size:1.4rem !important;
 width: max-content;
 display:flex;
 flex-direction:column;
 line-height:1.4;
 position:relative;
 margin:0 auto;
}

.sh-Ttl span::before,
.side-contents-Box .ph-Ttl span::before,
.contents-Box .ph-Ttl span::before {
 color:#ededed;
 font-weight:700;
 font-family: 'Chakra Petch', sans-serif;
 z-index:2;
 transition:0.4s all;
}

.sh-Ttl span::before,
.side-contents-Box .ph-Ttl span::before {
 font-size:3rem;
}
.contents-Box .ph-Ttl span::before {
 font-size:clamp(3rem, 2.8rem + 1vw, 4rem);
}

.center-rightnow-phttl span::before {content:"RIGHT NOW";}
.center-latestnews-phttl span::before {content:"LATEST NEWS";}
.center-event-phttl span::before {content:"EVENT";}
.center-todaysched-phttl span::before {content:"TODAY'S SCHEDULE";}
.center-access-phttl span::before {content:"ACCESS";}
.center-diary-phttl span::before {content:"PHOTO DIARY";}
.center-news-phttl span::before {content:"NEWS";}
.center-sametype-phttl span::before {content:"SAME TYPE";}
.center-enquete-phttl span::before {content:"ENQUETE";}
.center-concept-phttl span::before {content:"GUIDE";}
.center-contact-phttl span::before {content:"INQUIRY";}
.center-contribution-phttl span::before {content:"POSTING";}
.center-gallery-phttl span::before {content:"GALLERY";}
.center-castlist-phttl span::before {content:"CAST LIST";}
.center-castdetail-phttl span::before {content:"PROFILE";}
.center-hotellist-phttl span::before {content:"HOTEL LIST";}
.center-siteinfo-phttl span::before {content:"SITE INFORMATION";}
.center-link-phttl span::before {content:"LINK";}
.center-price-phttl span::before {content:"PRICE";}
.center-faq-phttl span::before {content:"FAQ";}
.center-ranking-phttl span::before {content:"RANKING";}
.center-recruit-phttl span::before {content:"RECRUIT";}
.center-reservation-phttl span::before {content:"RESERVE";}
.center-schedule-phttl span::before {content:"SCHEDULE";}
.center-voice-phttl span::before {content:"REVIEW";}
.center-waiting-phttl span::before {content:"WAITING";}
.center-costume-phttl span::before {content:"COSTUME";}
.center-mailmagazine-phttl span::before {content:"MAIL MAGAZINE";}
.center-404-phttl span::before {content:"404 NOT FOUND";}

.left-mailmagazine-shttl span::before {content:"MAIL MAGAZINE";}
.left-qrcode-shttl span::before {content:"MOBILE";}
.left-diary-shttl span::before {content:"PHOTO DIARY";}

.right-rightnow-phttl span::before {content:"RIGHT NOW";}
.right-recommend-phttl span::before {content:"RECOMMEND";}
.right-newface-phttl span::before {content:"NEW FACE";}
.right-ranking-phttl span::before {content:"RANKING";}


/* header & menu */

@media only screen and (min-width:1120px) {
 .header-Ttl {
  height:40px;
  z-index:5;
 }
 .header-Ttl h1 {
  max-width:1320px;
  margin:0 auto;
  line-height:40px;
  font-size:1.2rem;
 }
}

@media only screen and (min-width:1120px) {

/* header fixed */
 .header-Wpr.gnav-fixed {
  height:100px;
  position:fixed;
  z-index:99;
  top:0;
  left:0;
  right:0;
  bottom:auto;
  border:none;
  max-width:100%;
  box-shadow: 0 6px 10px 4px rgba(0,0,0,0.3);
 }
 .header-Wpr.gnav-fixed .header-PC-Box {
  width:100%;
  max-width:1600px;
  height:100px;
 }
 .header-Wpr.gnav-fixed .header-PC-Box img {
  max-height:80px;
 }
 .header-Wpr.gnav-fixed .header-Ttl {
  display:none;
 }
 .header-Wpr.gnav-fixed #globalnav-Wpr {
  bottom:0;
  right:0;
  top:0;
  margin:auto;
 }

 /* header */

 .header-Wpr {
  position:relative;
  max-width:100%;
  margin:0 auto;
  height:160px;
 }
 .header-PC-Box {
  top:0;
  width:100%;
  max-width:1600px;
  top:0;
  bottom:0;
  right:0;
  left:0;
  height:120px;
  display:flex;
 }
 .header-PC-Box img {
  position:absolute;
  top:50%;
  left:1%;
  bottom:0;
  max-width:300px;
  max-height:80px;
  z-index:9;
 }
 .header-PC-Box ul.header-pcinfo-Wpr {
  right:1%;
 }
 .hdrpsi-tel-Box p span,
 .hdrpsi-bh-Box p span,
 .hdrpsi-rh-Box p span{
  font-weight:700 !important;
  color:#ededed !important;
  font-family: 'Chakra Petch', sans-serif !important;
 }
 .hdrpsi-rh-Box p {
  font-size:1.2rem !important;
  color:#ededed !important;
 }
 .hdrssi-rh-Box p {
  font-size:1.2rem !important;
  color:#ededed !important;
 }

 /* gnavi */
 #globalnav-Wpr {
  position:absolute;
  bottom:30px;
  right:0;
  left:0;
  top:auto;
  margin: auto;
  width:auto;
  max-width:100%;
  height:max-content;
  z-index:3;
  background:none;
 }
 .material-menu {
  margin:0 auto;
  padding:0 0;
  max-width:auto;
 }
 .material-menu ul {
  width:100%;
  display:flex;
  justify-content: center;
 }
 .material-menu ul li {
  padding:0 8px;
 }
 .material-menu ul li a {
  background:none;
  position:relative;
  height:auto;
  line-height:1.2; 
  padding:12px 6px;
  backface-visibility:hidden;
 }
 .material-menu ul li a::after {
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  background-color:#d16527;
  content:'';
  display: block;
  height:2px;
  top:auto;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  position: absolute;
  transition:0.3s all;
  width:0;
 }
 .material-menu ul li a:hover::after ,
 .material-menu ul li a.page-selected::after{
  width:80%;
  bottom:0;
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
 }

 .material-menu ul li a:hover,
 .material-menu ul li a.page-selected {
  background:none;
  color:#d16527 !important;
 }
 .material-menu li a span {
  font-size:1.2rem;
  display:block;
  font-weight:400 !important;
 }
 #globalnav li a span::before {
  display:block;
  white-space:nowrap;
  text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  overflow:hidden;
  font-size:1.7rem;
  font-family: 'Chakra Petch', sans-serif;
  font-weight:600;
  margin:0 auto;
  padding:0 0 4px;
  text-shadow:none;
 }

 #globalnav li.top a span::before {content:"TOP PAGE";}
 #globalnav li.news a span::before {content:"NEWS";}
 #globalnav li.concept a span::before {content:"GUIDE";}
 #globalnav li.price a span::before {content:"PRICE";}
 #globalnav li.cast a span::before {content:"CAST LIST";}
 #globalnav li.waiting a span::before {content:"WAITING";}
 #globalnav li.schedule a span::before {content:"SCHEDULE";}
 #globalnav li.event a span::before {content:"EVENT";}
 #globalnav li.access a span::before {content:"ACCESS";}
 #globalnav li.hotel a span::before {content:"HOTEL LIST";}
 #globalnav li.ranking a span::before {content:"RANKING";}
 #globalnav li.diary a span::before {content:"DIARY";}
 #globalnav li.gallery a span::before {content:"GALLERY";}
 #globalnav li.questionnaire a span::before {content:"ENQUETE";}
 #globalnav li.qanda a span::before {content:"Q & A";}
 #globalnav li.recruit a span::before {content:"RECRUIT";}
 #globalnav li.link a span::before {content:"LINK";}
 #globalnav li.costume a span::before {content:"COSTUME";}
 #globalnav li.reservation a span::before {content:"RESERVE";}
 #globalnav li.voice a span::before {content:"REVIEW";}
 #globalnav li.contribution a span::before {content:"CONTRIBUTION";}
 #globalnav li.contact a span::before {content:"INQUIRY";}

 #sidemenu ul li a {
  padding:0 4px;
  background:none;
  height:auto;
  text-align:left;
  position:relative;
 }
 #sidemenu ul li a::after {
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity=0);
  background-color:#d16527;
  top:0;
  bottom:0;
  content: '';
  display: block;
  height:0;
  left: 0;
  margin:auto;
  position: absolute;
  transition:0.4s all;
  width:2px;
 }
 #sidemenu ul li a:hover::after ,
 #sidemenu ul li a.page-selected::after{
  height:90%;
  left:0;
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
 }
 #sidemenu  li a span {
  font-size:1.2rem;
  font-weight:400;
  padding:0 8px;
  display:flex;
  justify-content:space-between;
 }
 #sidemenu li a span::before {
  font-size:1.6rem;
  font-family: 'Chakra Petch', sans-serif;
  font-weight:600;
 }

 #sidemenu li.top a span::before {content:"TOP";}
 #sidemenu li.news a span::before {content:"NEWS";}
 #sidemenu li.concept a span::before {content:"GUIDE";}
 #sidemenu li.price a span::before {content:"PRICE";}
 #sidemenu li.cast a span::before {content:"CAST LIST";}
 #sidemenu li.waiting a span::before {content:"WAITING";}
 #sidemenu li.schedule a span::before {content:"SCHEDULE";}
 #sidemenu li.event a span::before {content:"EVENT";}
 #sidemenu li.access a span::before {content:"ACCESS";}
 #sidemenu li.hotel a span::before {content:"HOTEL LIST";}
 #sidemenu li.ranking a span::before {content:"RANKING";}
 #sidemenu li.diary a span::before {content:"DIARY";}
 #sidemenu li.gallery a span::before {content:"GALLERY";}
 #sidemenu li.questionnaire a span::before {content:"ENQUETE";}
 #sidemenu li.qanda a span::before {content:"FAQ";}
 #sidemenu li.recruit a span::before {content:"RECRUIT";}
 #sidemenu li.link a span::before {content:"LINK";}
 #sidemenu li.costume a span::before {content:"COSTUME";}
 #sidemenu li.reservation a span::before {content:"RESERVE";}
 #sidemenu li.voice a span::before {content:"REVIEW";}
 #sidemenu li.contribution a span::before {content:"POSTING";}
 #sidemenu li.contact a span::before {content:"INQUIRY";}
}

@media only screen and (max-width:1119px) {

 #globalnav li.top a span::before {content:"TOP PAGE｜";}
 #globalnav li.news a span::before {content:"NEWS｜";}
 #globalnav li.concept a span::before {content:"GUIDE｜";}
 #globalnav li.price a span::before {content:"PRICE｜";}
 #globalnav li.cast a span::before {content:"CAST LIST｜";}
 #globalnav li.waiting a span::before {content:"WAITING｜";}
 #globalnav li.schedule a span::before {content:"SCHEDULE｜";}
 #globalnav li.event a span::before {content:"EVENT｜";}
 #globalnav li.access a span::before {content:"ACCESS｜";}
 #globalnav li.hotel a span::before {content:"HOTEL LIST｜";}
 #globalnav li.ranking a span::before {content:"RANKING｜";}
 #globalnav li.diary a span::before {content:"DIARY｜";}
 #globalnav li.gallery a span::before {content:"GALLERY｜";}
 #globalnav li.questionnaire a span::before {content:"ENQUETE｜";}
 #globalnav li.qanda a span::before {content:"FAQ｜";}
 #globalnav li.recruit a span::before {content:"RECRUIT｜";}
 #globalnav li.link a span::before {content:"LINK｜";}
 #globalnav li.costume a span::before {content:"COSTUME｜";}
 #globalnav li.reservation a span::before {content:"RESERVE｜";}
 #globalnav li.voice a span::before {content:"REVIEW｜";}
 #globalnav li.contribution a span::before {content:"POSTING｜";}
 #globalnav li.contact a span::before {content:"INQUIRY｜";}

 #globalnav li a span {
  font-size:1.2rem;
  margin:0;
  padding:0;
  vertical-align:middle;
 }
 #globalnav li a span::before {
  font-size:1.6rem;
  font-family: 'Chakra Petch', sans-serif;
  font-weight:600;
 }
}

@media only screen and (min-width:1120px) and (max-width:1320px) {
 .header-PC-Box img {
  max-width:240px;
  max-height:80px;
  left:0%;
 }
 .header-PC-Box ul.header-pcinfo-Wpr {
  right:0%;
 }
 .material-menu ul li {
  padding:0 4px;
 }
}

/* sp header */
@media only screen and (max-width:1119px) {

 .header-SP-Info {
  background:none;
  color:#fff !important;
 }
}

/* pc footer */

.footer-Wpr { 
 position:relative;
}
.footer-leftcol ul::before {
 content:"Contents";
 color:#d16527;
 font-size:2.6rem;
 font-weight:600;
font-family: 'Chakra Petch', sans-serif;
 display:block;
 width:100%;
 text-align:left;
 padding-bottom:10px;
}
.footer-rightcol dt img {
 max-height:60px;
}


/* entrance */

.entrance-main-Box-B {
 max-width:100%;
}
.entrance-info-Box-B {
 justify-content: center;
}
.entrance-logo-B  {
 max-height:100px;
 top:10%;
 right:30%;
 bottom:50%;
 left:0%;
}
.entrance-main-Box-B::after {
 position:absolute;
 content:"";
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:3; background: linear-gradient(140deg,  rgba(18,18,18,1) 0%, rgba(18,18,18,0.7) 32%,rgba(18,18,18,0.15) 49%, rgba(18,18,18,0.8) 75%, rgba(18,18,18, 1) 100%);
}
.entrance-image-B {
 z-index:3;
 position:relative;
 height:640px;
 object-fit:cover;
 object-position:50% 0%;
 max-width:1920px;
}

@media only screen and (max-width:1119px) {
 .entrance-image-B {
  height:580px;
  object-position:50% 0;
 }
}

@media only screen and (max-width:767px) {
 .entrance-logo-B  {
  max-width:70%;
  top:0%;
  right:35%;
  bottom:40%;
  left:0%;
 }
 .entrance-image-B {
  height:520px;
 }
}
@media only screen and (max-width:479px) {
 .entrance-logo-B  {
  max-width:75%;
 }
 .entrance-image-B {
  height:460px;
  object-position:60% 0;
 }
}
@media only screen and (max-width:374px) {
 .entrance-logo-B  {
  max-width:80%;
 }
 .entrance-image-B {
 height:400px;
 }

}


/* entrance button */
.entrance-btn-Wpr-B {
 box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.1) inset;
 background:none;
}
.entrance-btn-Box-B {
 padding:64px 0 16px;
}
.entrance-btn-Box-B li:nth-of-type(n+3) {
 padding:0 8px;
}
.entrance-btn-Box-B li a {
 border-radius:2px;
 margin:0;  transition:0.4s all;
 position:relative;
}
.entrance-btn-Box-B li a::before {
 position:absolute;
 content:"";
 width:28px;
 height:28px;
 background:#161616;
 left:-4px;
 top:-4px;
 clip-path: polygon(0 0, 0% 100%, 100% 0); 
 transition:0.4s all;
}
.entrance-btn-Box-B li a:hover::before {
 width:0px;
 height:0px;
 transition:0.2s all;
}
.entrance-btn-Box-B li a::after {
 position:absolute;
 content:"";
 width:28px;
 height:28px;
 background:#161616;
 right:-4px;
 bottom:-4px;
 transition:0.4s all;
 clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.entrance-btn-Box-B li a:hover::after {
 width:0px;
 height:0px;
}
.entrance-btn-Box-B li a.enter-btn,
.entrance-btn-Box-B li a.enter-btn:hover{
 border:2px solid #d16527;
 box-sizing:content-box;
}
.entrance-btn-Box-B li a.leave-btn {
 border:2px solid #393939;
}
.entrance-btn-Box-B li a.leave-btn:hover  {
 border:2px solid #696969;
}


@media only screen and (max-width:767px) {

 .entrance-btn-Box-B {
  padding:20px 0 0;
  width:90%;
  margin:0 auto;
 }
 .entrance-btn-Box-B ul {
  flex-wrap: wrap;
 }
 .entrance-btn-Box-B li:first-of-type i {
  float:none;
 }
 .entrance-btn-Box-B li:nth-of-type(-n+2) {
  display:inline;
  width:100%;
  font-size:88%;
  text-align:center;
 }
 .entrance-btn-Box-B li:nth-of-type(n+3) {
  width:50%;
  padding:16px 4px;
  margin:0;
 }
}

@media only screen and (max-width:479px) {
 .entrance-btn-Box-B {
  padding:16px 0 0;
 }

}
@media only screen and (min-width:480px) and (max-width:767px) {
 .entrance-btn-Box-B li a span {
  height:-webkit-calc(64px / 1);
  height:calc(64px / 1);
 }
}
@media only screen and (max-width:479px) {
 .entrance-btn-Box-B li a span {
  height:-webkit-calc(64px / 1.25);
  height:calc(64px / 1.25);
 }
}

/* slogan sample */
.entrance-main-Container {
 margin:0 auto 0;
 position:relative;
}
#entrance-main-Wpr-B .header-Ttl {
 background:none;
 position:absolute;
 top:20%;
 right:30%;
 bottom:0%;
 left:0%;
 margin:auto;
 width:40%;
 max-width:750px;
 padding:0 24px;
 height:max-content;
}
#entrance-main-Wpr-B .header-Ttl h1 {
 display:block;
 overflow:visible;
 text-overflow:clip;
 -webkit-text-overflow:clip;
 -o-text-overflow:clip;
 white-space:normal;
 line-height:1.6;
 text-align:left;
 text-shadow:1px 1px 2px #121212;
 font-weight:400;
 font-size:clamp(1.2rem, 0.944rem + 1.28vw, 2rem);
 top:62%;
 color:#efefef;
}
@media only screen and (max-width:1279px) {
 #entrance-main-Wpr-B .header-Ttl {
  max-width:60%;
  width:60%;
  right:20%;
 }
}

@media only screen and (max-width:1119px) {
 #entrance-main-Wpr-B .header-Ttl {
 max-width:70%;
 width:70%;
 top:20%;
 right:0%;
 bottom:0%;
 left:0%;
 }
}

@media only screen and (max-width:767px) {
 #entrance-main-Wpr-B .header-Ttl {
 max-width:80%;
 width:80%;
 padding:0 12px;
 }
}
@media only screen and (max-width:479px) {
 #entrance-main-Wpr-B .header-Ttl {
 max-width:90%;
 width:90%;
 }
}




/* マニュアル終了↑ */
