@charset "UTF-8";
/*
Theme Name:BEAUTY child
Theme URI:https://tcd-theme.com/tcd054
Description:WordPressテーマ「BEAUTY」の子テーマ
Template:beauty_tcd054
Author:Confetti
Author URI:https://confetti-style.com/
Text Domain: tcd-beauty
Version:1.7
*/

/* Header content */
.p-header-content { position: relative; width: 100%; height: 630px; margin-bottom: 80px; overflow: hidden; background: #bbb; }

@media screen and (max-width: 767px) { .p-header-content { height: 370px; margin-bottom: 30px; } }

/* Header slider */
.p-header-slider { overflow: hidden; }

.p-header-slider .slick-arrow { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: left, right; transition-property: left, right; z-index: 1; }

.p-header-slider .slick-arrow::before { font-family: "design_plus"; }

.p-header-slider .slick-prev { left: -20px; }

.p-header-slider .slick-prev::before { content: "\e90f"; }

.p-header-slider .slick-next { right: -20px; }

.p-header-slider .slick-next::before { content: "\e910"; }

.p-header-slider:hover .slick-prev { left: 30px; }

.p-header-slider:hover .slick-next { right: 30px; }

.p-header-slider__item { position: relative; width: 100%; height: 630px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.p-header-slider__item.slick-active .p-header-slider__item-title { -webkit-animation: sliderItemAnimation 1s ease forwards 1s; animation: sliderItemAnimation 1s ease forwards 1s; }

.p-header-slider__item.slick-active .p-header-slider__item-btn { -webkit-animation: sliderItemAnimation 1s ease forwards 2s; animation: sliderItemAnimation 1s ease forwards 2s; }

.p-header-slider__item-inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 20px; }

.p-header-slider__item-title { margin-bottom: 0; color: #fff; font-size: 52px; opacity: 0; }

.p-header-slider__item-btn { min-width: 200px; margin-top: 22px; opacity: 0; }

.p-header-slider__item-btn:active, .p-header-slider__item-btn:focus { outline: none; }

@media screen and (max-width: 767px) { .p-header-slider__item { height: 370px; }
  .p-header-slider__item-title { font-size: 24px !important; }
  .p-header-slider__item-btn { min-width: 140px; } }

/* Header video */
.p-header-video { width: 100%; height: 630px; background: #000; }

.p-header-video video { width: 100%; height: auto; }

.p-header-video.is-active .p-header-video__title { -webkit-animation: sliderItemAnimation 1s ease forwards 1s; animation: sliderItemAnimation 1s ease forwards 1s; }

.p-header-video.is-active .p-header-video__btn { -webkit-animation: sliderItemAnimation 1s ease forwards 2s; animation: sliderItemAnimation 1s ease forwards 2s; }

.p-header-video__img { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.p-header-video__inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 20px; }

.p-header-video__title { margin-bottom: 0; color: #fff; opacity: 0; }

.p-header-video__btn { margin-top: 22px; opacity: 0; }

@media screen and (max-width: 767px) { .p-header-video { height: 370px; }
  .p-header-video__title { font-size: 24px !important; } }

/* Header youtube */
.p-header-youtube { width: 100%; height: 630px; background: #000; }

.p-header-youtube.is-active .p-header-youtube__title { -webkit-animation: sliderItemAnimation 1s ease forwards 1s; animation: sliderItemAnimation 1s ease forwards 1s; }

.p-header-youtube.is-active .p-header-youtube__btn { -webkit-animation: sliderItemAnimation 1s ease forwards 2s; animation: sliderItemAnimation 1s ease forwards 2s; }

.p-header-youtube__img { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.p-header-youtube__player { width: 100%; height: 100%; }

.p-header-youtube__inner { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0 20px; }

.p-header-youtube__title { margin-bottom: 0; color: #fff; opacity: 0; }

.p-header-youtube__btn { margin-top: 22px; opacity: 0; }

@media screen and (max-width: 767px) { .p-header-youtube { height: 370px; }
  .p-header-youtube__title { font-size: 24px !important; } }