/*
Theme Name: Thecappa Child Theme
Theme URI: https://shtheme.com/demosd/thecappa
Description: This is child theme of thecappa anpeiji modify
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.1
Text Domain: thecappa-child
Template: thecappa
*/


/* -------------------------------------------------------

 01. Basics style
 02. Helper style
 03. Selection style 
 04. Preloader style
 05. Owl-Theme custom style
 06. Section style
 07. Menu style
 08. Menu Header style
 09. Header style
 10. Slider-fade style (Homepage Slider)
 11. Slider style (Inner Page Slider)
 12. Kenburns Slider style
 13. Slider Grid Background style
 14. Page Banner Header style
 15. Video Background style
 16. Team style
 17. Rooms 2 style
 18. Rooms 3 style
 19. Rooms Page style
 20. Services style
 21. Restaurant Menu style
 22. Facilties style
 23. Clients style
 24. Gallery style
 25. Promo Video and Testimonials style
 26. Booking style
 27. Pricing style
 28. Careers style
 29. Accordion Box (for Faqs) style
 30. News 1 style
 31. News 2 style
 32. Post style
 33. Contact style
 34. Buttons style
 35. Coming Soon
 36. 404 Page style
 37. Footer style
 38. toTop Button style
 39. Overlay Effect Bg image style
 40. Responsive (Media Query)
 91. Plugin  Xo Event Calenda
 
------------------------------------------------------- */


/* ======= 01. Basics style 47 ======= */
html {
  font-size: 62.5%; /* Reset font size 10px */
  }
body {
    font-family: open-sans, dnp-shuei-gothic-gin-std , sans-serif;
    font-size: 1.6rem;
    line-height: 1.75em;
    color: #636363;
}
p {
    font-family: open-sans, dnp-shuei-gothic-gin-std , sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.75em;
    color: #636363;
}
p.en {
    font-family: raleway, fot-tsukuaoldmin-pr6n , serif;
}
p.light {
    color: #e8e9ea;
}
p.lead {
    font-family: open-sans, fot-tsukuaoldmin-pr6n , serif;
    font-size: 2.4rem;
    line-height: 1.75em;
    color: #fff;
}
p.sub-lead {
    font-family: open-sans, fot-tsukuaoldmin-pr6n , serif;
    font-size: 1.8rem;
    line-height: 1.75em;
    color: #fff;
}
p.sub-lead.en {
    font-family: raleway, fot-tsukuaoldmin-pr6n , serif;
    font-size: 1.8rem;
    line-height: 1.75em;
    color: #fff;
}
p.note {
    font-size: 1.4rem;
    line-height: 1.6em;
    color :#455762;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Gilda Display', fot-tsukuaoldmin-pr6n , serif;
    font-weight: 400;
    line-height: 1.25em;
    color: #636363;
}
h4.sentence-title {
    font-family: open-sans, dnp-shuei-gothic-gin-std , sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    color :#314551;
    margin-bottom: 10px;
}
span.accent {
    font-weight: 600;
    color :#455762;
}

/* text field */
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea   { /* reset iPhone input */
    font-size : 16px;
    color: #636363;
    text-indent:1em;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}
section.contact form textarea {
    height: 180px;
    width:100%;
}
input:focus,
textarea:focus {
    border-color: #9b917a;
}
input[type="submit"] {
    background: #192c39;
    color: #fff;
}
input[type="submit"]:hover {
    background: #315670;
    color: #e0e0e0;
}
.butn-send { /* button send center */
    padding: 15px 30px;
    text-align: center;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #8c8f8f;
}
:-moz-placeholder {
    color: #8c8f8f;
}
::-moz-placeholder {
    color: #8c8f8f;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #8c8f8f;
}

/* =======  02. Helper style 298 ======= */
/* background & color */
.bg-black {
    background: #343f46;
}

/* ======= 03. Selection style 477 ======= */
::-webkit-selection {
    color: #fff;
    background: #90856c;
}
::-moz-selection {
    color: #fff;
    background: #90856c;
}
::selection {
    color: #fff;
    background: #90856c;
}

/* ======= 06. Section style 776 ======= */
.section-title {
    font-family: 'Gilda Display', serif;
    font-size: 3.2rem;
    color: #636363;
}
.section-sub-title {
    font-family: 'Gilda Display', serif;
    font-size: 2.4rem;
    color: #636363;
}
.section-title.light, .section-sub-title.light {
    color: #fff;
}
ul.schedule-time { /* calender area */
    font-family: 'Gilda Display', serif;
    font-size: 1.6rem;
}

/* ======= 05. Owl-Theme custom style 579 ======= */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #9b917a;
    border: 1px solid #9b917a;
}

/* ======= 07. Menu style 816 ======= */
.cappa-wrap.cappa-wrap-show { /* toggle side navi */
    background: #c5cbcd;
    border-left: 1px solid #b1b6b8;
   }
   .cappa-menu ul li { /* side menu texit */
    margin: 10px 0 10px 0;
    padding: 10 0 20px 0;
    font-family: Raleway, sans-serif;
    font-size: 1.8rem;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.5em;
    border-bottom: 1px solid #b1b5b5;
}
.cappa-menu > ul > li > a { /* side menu texit */
    font-family: Raleway, sans-serif;
    font-size: 1.8rem;
    font-weight: 200;
    color: #636363;
}
.cappa-menu ul li:hover > a,
.cappa-menu ul li.open > a,
.cappa-menu ul li.active > a,
.cappa-menu ul ul li:hover > a,
.cappa-menu ul ul li.open > a,
.cappa-menu ul ul li.active > a {  /* side menu texit hover */
    color: #9b917a;
}
/* navigation footer */

/* reservation field for slider */
.cappa-menu-footer div.reservation .call {
    font-family: open-sans, sans-serif;
    font-weight: 300;
    color: #636363;
} 
.cappa-menu-footer div.reservation .call span { /* menu TEL number */
font-family: 'Gilda Display', serif;
    font-size: 24px;
    color: #9b917a;
} 
.cappa-menu-footer div.reservation .icon {  /* TEL icon line */
    border: 1px solid #9b917a;
}
.cappa-menu-footer div.reservation a .icon i {  /* TEL icon */
    color: #9b917a;
    font-size: 24px;
}
.cappa-menu-footer div.reservation a .icon:hover {  /* TEL icon hover */
    border: 1px solid #9b917a;
}
@media screen and (max-width: 768px) {
    .cappa-menu-footer div.reservation {
        display: block;  /* mobile display */
    }
}

/* ======= 08. Menu header style 1079======= */
.cappa-nav-toggle i,
.cappa-nav-toggle i:before,
.cappa-nav-toggle i:after { /* humberger menu */
  background: #fff !important;
}
.cappa-header.scrolled,
.logged-in .nav-scroll { /* header bar bg */
    background: #192c39;
 }

/* ======= 11. Slider style (Inner Page Slider) 1443 ======= */
.kenburns-inner .caption h4 {
    font-family: fot-tsukuaoldmin-pr6n, sans-serif;
    font-size: 2.4rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.kenburns-inner .caption h1 {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Gilda Display', serif;
    font-size: 4.2rem;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 400;
    letter-spacing: 15px;
}
@media screen and (max-width: 767px) {
     .kenburns-inner .caption h1 {
        font-size: 3rem;
    }
}

/* ===== 12. Kenburns Slider style 1517 ===== */
/* bounce */
.kenburns-section .arrow i:hover {
    border: 1px solid #9b917a;
}

/* =======  18. Rooms 3 style 2597 ======= */
.rooms3 .square2 h4 {/* Panel B title */
   color: #636363;
}
.rooms3 .square2 h6 {/* Panel B sub title */
    color: #9b917a;
    font-size: 1.6rem;
}
.rooms3 .square h6, .rooms3 .square h6 a {/* Panel F sub title */
    font-size: 1.8rem;
}
.rooms3 .btn-line a {/* Panel B bookingline */
    border-bottom: 1px solid #ccc;
    color: #636363;
}
.rooms3 .btn-line a:hover {
    border-bottom: 1px solid #9b917a;
    color: #636363;
}
.room-facilities ul li {
  color: #636363;
  padding-bottom: 8px;
}
.room-facilities ul li i {
    margin-right: 10px;
    color: #9b917a;
    font-size: 20px;
}

/* ======= 17. Rooms 2 style 2384 ======= */
/* reservation button */
.reservations .icon { /* call reservation set */
    position: relative;
    top: 0px;
}
.reservations .icon span { /* call reservation set icon */
    font-size: 3.8rem;
    color: #314551;
}
.reservations .light .icon span { /* call reservation set icon color-light */
    color: #e8e9ea;
}
.reservations .text a { /* call set text */
    font-size: 2.4rem;
    color: #314551;
    font-family: 'Gilda Display', serif;
    letter-spacing: 0em;
}
.reservations .light .text a { /* call set text color-light*/
    color: #e8e9ea;
}
.reservations .text .bit-sm { /* reservation set text */
    font-size: 2.2rem;
   letter-spacing: 0em;
    margin: 0px;
    }
.reservations .text .text-sm { /* reservation set text */
    font-size: 1.8rem;
   letter-spacing: 0em;
    margin: 0px;
    }

/* ======= 22. Facilties style 2909 ======= */
.facilties .single-facility h5 {
    font-family: 'Gilda Display', dnp-shuei-gothic-gin-std , sans-serif;
    font-size: 1.8rem;
    color: #636363;
    margin-bottom: 10px;
}
.facilties .single-facility span { /* panel icon */
  font-size: 45px;
  color: #9b917a;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}
.facilties .single-facility p {
    font-size: 1.4rem;
    line-height: 2em;
    color: #636363;
}
.facilties .single-facility .facility-shape {
    opacity: 0.05;
}

/* =======  21. Restaurant Menu style 3113 ======= */
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    border: 1px solid #b5a176;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-]:hover {
    color: #9b917a;
}
.restaurant-menu .tabs-icon .owl-item.actived .item,
.restaurant-menu .tabs-icon .item.active {
    border: 1px solid #b5a176;
}
.restaurant-menu .tabs-icon .owl-item.actived .item .icon,
.restaurant-menu .tabs-icon .item.active .icon {
    color: #b5a176;
}
.restaurant-menu .restaurant-menu-content .cont h5 {
    font-size: 20px;
    color: #b5a176;
    border-bottom: 1px dashed #b5a176;
}
.restaurant-menu .restaurant-menu-content .cont p {
    font-family: 'Gilda Display', dnp-shuei-gothic-gin-std , sans-serif;
    font-style: italic;
    font-size: 15px;
    color: #adadad;
}
.restaurant-menu .restaurant-menu-content .cont h5 .price {
    color: #adadad;
}
.restaurant-menu .restaurant-menu-content .cont h5 .vt {
    font-size: 15px;
    font-style: italic;
    color: #E6CC95;
}

/* =======  28. Careers style style 3990 ======= */
.position:hover {
    background-color: #13212b;
}


/* =======  30. News style 4210 ======= */
.news .item .con h5,
.news .item .con h5 a {
    color: #636363;
    font-size: 24px;
    font-family: 'Gilda Display', serif;;
    font-weight: 400;
    margin-bottom: 0px;
}
.news .item .con h5:hover,
.news .item .con h5 a:hover {
  color: #9b917a;
}

/* ======= 33. Contact style 4600 ======= */
.contact h3 {
    font-size: 2.4rem;
    color: #636363;
}

/* ======= 37. Footer style 4877 ======= */
.footer-top { /* footer bg */
  background-color: #13212b;
}
.footer-language select {
    background: #2a3740;
    color: #adadad;
    border: 1px solid #2a3740;
}
.footer-bottom {
  background-color: #111d26;
}
.footer-about-social-list a:hover {
  color: #9b917a;
}
.footer-contact-mail:before {
  background-color: #9b917a;
}
.footer-contact-mail:hover:before {
  background-color: #9b917a;
}


/* ======= 38. toTop Button style 5090 ======= */
.progress-wrap::after {
    color: #9b917a;
}
.progress-wrap svg.progress-circle path {
    stroke: #9b917a;
}

/* ======= 40. Responsive style 5288 ======= */

/* ======= 90. Custom style ======= */
/* Address area */
.locations {
    display: flex;
    align-items: center;
}
.locations .icon {
    position: relative;
    margin-right: 15px;
}
.locations .icon span {
    font-size: 2.6rem;
    color: #9b917a;
}
.locations .text {
  line-height:1em;
  color: #636363;
  font-family: open-sans, sans-serif;
}
.locations .text p {
    font-size: 1.6rem;
    margin: 0;
}
.locations .text a {
    font-size: 1.8rem;
}
.locations .en.text, .locations .en .text, .locations .en.text p {
  font-family: raleway, sans-serif;
}

/* list with icon */
.icon-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.icon-list ul li {
  font-family: open-sans, dnp-shuei-gothic-gin-std , sans-serif;
  color: #636363;
  font-size: 1.6rem;
  line-height: 1.5em;
  text-indent: -3.2rem;
  padding-bottom: 15px;
  padding-left: 3.2rem
}
.icon-list.en ul li {
  font-family: raleway, dnp-shuei-gothic-gin-std , sans-serif;
}
.icon-list ul li i {
    margin-right: 0.8rem;
    color: #9b917a;
    font-size: 2.4rem;
}

/* reCAPTHA hidden */
.grecaptcha-badge {
    visibility: hidden;
}
.page-id-1375 .grecaptcha-badge { 
    visibility: visible;
}

/* ======= 91. Plugin  Xo Event Calendar ======= */
.xo-event-calendar table.xo-month,
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td,
.xo-event-calendar table.xo-month .month-dayname td div.holiday-all {
    border: none;
}
.xo-event-calendar {
    font-family: raleway , sans-serif;
}
.xo-event-calendar table.xo-month .month-header>span { /* calender caption*/
    font-family: 'Gilda Display', serif;
    font-size: 2.8rem;
    font-weight: 400;
    color: #636363;
    padding: 30px 0px;
}
.xo-event-calendar table.xo-month button span.nav-prev { /* navi */
    border-bottom: 1.5px solid #636363;
    border-left: 1.5px solid #636363;
    display: inline-block;
    font-size: 0;
    height: 13px;
    transform: rotate(45deg);
    width: 13px;
}
.xo-event-calendar table.xo-month button span.nav-next { /* navi */
    border-right: 2px solid #636363;
    border-top: 2px solid #636363;
    display: inline-block;
    font-size: 0;
    height: 13px;
    transform: rotate(45deg);
    width: 13px;
}
.xo-event-calendar table.xo-month td, .xo-event-calendar table.xo-month th { /* calender bg*/
  background-color: transparent;
  }
.xo-event-calendar table.xo-month .month-dayname td {
    position: relative;
    text-align: center;
    vertical-align: middle;
    height: 48px; /* セルの高さに合わせる */
}
.xo-event-calendar table.xo-month .month-dayname td div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 45% 55% 44% 56% / 52% 37% 63% 48% ;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xo-event-calendar table.xo-month .month-dayname td div { /* day */
    font-weight: 700;
    color: #636363;
}
.xo-event-calendar table.xo-month .month-dayname td div.today {
    color: #fcfcfb;
}
/* week english */
.xo-month thead { font-size: 0; }
.xo-month thead th:before {
  font-size: 1.3rem;
  color: #636363;
  }
.xo-month th.sunday:before { content: "Sun."; color:#476476; }
.xo-month th.monday:before { content: "Mon."; }
.xo-month th.tuesday:before { content: "Tue."; }
.xo-month th.wednesday:before { content: "Wed."; }
.xo-month th.thursday:before { content: "Thu."; }
.xo-month th.friday:before { content: "Fri."; }
.xo-month th.saturday:before { content: "Sat."; color:#476476; }
.xo-event-calendar p.holiday-title span {
    transform: translate(0,4px);
    border-radius: 45% 55% 44% 56% / 52% 37% 63% 48%;
    width: 5px;
    height: 20px;
}
.xo-event-calendar p.holiday-title {
    font-family: 'Gilda Display', serif;
    font-size: 1.6rem;
    font-weight: 400;
    color: #636363;
    padding: 0 0 0 2.5rem;
}

/* ======= 92. Contact Form 7 ======= */
form.sent div.input-area { /* hiden form after send*/
    display:none;
}
div.wpcf7 .wpcf7-spinner { /* hiden send spinner animation*/
    display: none !important;
}
/* response message*/
.wpcf7 form .wpcf7-response-output {
    background-color: #192c39;
    color:#ffffff;
	border-color: #13212b;
}  
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}  
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #9b917a; /* success */
    color:#ffffff;
	border-color: #93886f;
}  
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background-color: #dc325d; /* Red */
    color:#ffffff;
	border-color: #d62551;
} 
.wpcf7 form.spam .wpcf7-response-output, 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: #13212b; /* Yellow */
    color: #fff;
	border-color: #13212b;
}
.wpcf7 form.sent .wpcf7-response-output {
    animation-name:fadeDownAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
@keyframes fadeDownAnime{
      from {
        opacity: 0;
	    transform: translateY(-100px);
      }
      to {
        opacity: 1;
	    transform: translateY(0);
      }
}

.wpcf7-not-valid-tip { /* error message tip */
    color: #dc325d;
    font-size: 1.2rem;
    text-indent:1em;
    margin-top: -15px;
}