@charset "UTF-8";

/*!
Theme Name: BBFL 2024
Description: BBFL用のテーマ
Author: Brooklyn Beauty/Fashion Labo
Author URI: https://brooklyn-bbfl.com/
Template:   cocoon-master
Version:    1.1.3
*/

/* Coming Soon の場合に表示されるバーを非表示 */
.nfd-site-preview-warning {
  display: none;

  transition: all 300ms ease;
}
/* Coming Soon の場合に表示されるバーを非表示 */

.grecaptcha-badge {
  visibility: hidden;
}

a {
  color: rgba(255, 255, 255, 0.8);
}
a:hover {
  color: rgba(255, 255, 255, 1);
}

body #header-container span.external-icon,
body footer#footer span.external-icon,
body ul.mobile-menu-buttons span.external-icon {
  display: none;
}

.single .eye-catch-wrap {
  display: none;
}
footer.article-footer.entry-footer {
  display: none;
}
.wp-block-latest-posts.wp-block-latest-posts__list li time.wp-block-latest-posts__post-date {
  display: none;
}

.entry-content.cf figure img {
  display: block;
}
.entry-content.cf figure a {
  display: block;
}

.article ul li,
.article ol li {
  padding-bottom: 0.4em;
  line-height: 1.5;
}

span.nowrap {
  white-space: nowrap;
}

figcaption.eye-catch-caption {
  color: #fff;
  font-size: 12px;
  background: transparent;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), -1px 1px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* ビデオプレイアイコン ベース */
.entry-content.cf figure.external_vid_link span.material-symbols-outlined {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 9;
  font-size: 90px;
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2), -2px 2px 6px rgba(0, 0, 0, 0.2), -2px -2px 6px rgba(0, 0, 0, 0.2), 2px -2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

/* lity モーダルサイズ調整 */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 95%;
  max-width: 1620px;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}
.material-symbols-outlined.md-18 {
  font-size: 18px;
}
.material-symbols-outlined.md-24 {
  font-size: 24px;
}
.material-symbols-outlined.md-36 {
  font-size: 36px;
}
.material-symbols-outlined.md-48 {
  font-size: 48px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
  display: flex;
  margin-bottom: 2em;
}
.wp-block-latest-posts__featured-image.alignleft {
  border: 1px solid #454545;
  float: none;
  flex-basis: 30%;
  flex-grow: 1;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
  flex-basis: 70%;
  flex-grow: 1;
  font-size: 1.3em;
  line-height: 1.3;
  text-decoration: none;
  color: #ffffff;
  opacity: 0.7;
  transition: all 200ms ease;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a:hover {
  opacity: 1;
}
.article h1.entry-title {
  font-family: 'Bodoni Moda', serif;
  font-weight: 900;
  font-style: normal;
  font-size: 4em;
}
.single header.article-header.entry-header {
  margin-top: 6em;
}
.article h4 {
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
}

body {
  font-family: 'Roboto', serif;
  font-weight: 300;
  font-style: normal;
}

/* Privacy Policy :: Start */
body.privacy-policy header.article-header.entry-header {
  text-align: center;
  padding-left: 0;
}
p.privacy-policy_date_update {
  font-size: 0.8em;
  text-align: center;
  margin-top: -0.6em;
  margin-bottom: 2em;
}
/* Privacy Policy :: End */

/* Terms of use :: Start */
body.page-id-33 header.article-header.entry-header {
  text-align: center;
  padding-left: 0;
}
body.page-id-33 .entry-content.cf {
  counter-reset: titlenum;
}
body.page-id-33 h4 {
  padding-left: 6px;
  margin-top: 2em;
}
body.page-id-33 h4::before {
  counter-increment: titlenum; /* counter-resetと同じ文字列 */
  content: counter(titlenum) '. ';
  font-size: 1.1em;
}
/* Terms of use :: End */

/* Header :: Start */
.header-container,
.main,
.sidebar,
.footer {
  background-color: transparent;
}
.navi {
  background-color: rgb(0 0 0 / 70%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.navi-in a {
  color: #999;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 15px;
}
.navi-in a:hover {
  background-color: transparent;
  color: #fff;
}

.header-container-in.hlt-top-menu {
  position: relative;
  width: 100%;
  max-width: none;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
  max-height: none;
  height: auto;
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 150px;
}
.header-container-in.hlt-top-menu .logo-header .site-name {
  padding: 0;
  margin: 0;
}
.header-container-in.hlt-top-menu .site-name-text {
  border: 1px solid #666;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {
  max-height: none;
  vertical-align: top;
  width: 100%;
}
.header-container-in.hlt-top-menu .navi {
  width: calc(100% - 150px);
  padding-left: 0.7em;
  padding-right: 1.5em;
}
.navi-in > ul {
  justify-content: left;
}
div#header-container {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: none;
  z-index: 99;
}
.header-container-in #navi .wrap.navi-in > ul li {
  height: 60px;
}
.header-container-in.hlt-top-menu .wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.navi-in > ul.menu-header.menu-pc {
  flex-grow: 1;
}
.header-container-in.hlt-top-menu .wrap .navi_link_ec {
  flex-grow: 0;
  display: flex;
  align-items: center;
}
.navi-in .navi_link_ec a.btn_link_ec {
  align-items: center;
  padding: 0 1em;
  border: 1px solid #919191;
  color: #cfcfcf;
  height: 36px;
}
.navi-in .navi_link_ec a.btn_link_ec:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}

.header-container-in #navi .wrap.navi-in > ul li a {
  letter-spacing: 1px;
  padding: 0 1em;
}
.header-container-in #navi .wrap.navi-in > ul > li.menu-item-has-children {
  cursor: pointer;
}
.header-container-in #navi .wrap.navi-in > ul > li.menu-item-has-children > a {
  padding-right: 1.2em;
  cursor: pointer;
  pointer-events: none;
}

.navi-in > ul li .sub-menu {
  background-color: rgba(22, 22, 22, 0.94);
  border-left: 1px solid #333;
  left: 10px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: auto;
  min-width: 170px;
}
.navi-in > ul li .sub-menu::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  border-left: 1px solid #333;
  top: -12px;
  left: -1px;
}
#navi .wrap.navi-in > ul li .sub-menu > li {
  height: 45px;
}
#navi .wrap.navi-in > ul li .sub-menu > li a {
  padding-inline: 1.3em;
}
#navi .wrap.navi-in > ul li .sub-menu > li a .caption-wrap {
  justify-content: flex-start;
}
#navi .wrap.navi-in > ul li .sub-menu > li a .item-label {
  transition: all 0.3s ease;
  position: relative;
}
#navi .wrap.navi-in > ul li .sub-menu > li a .item-label::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  border-bottom: 0.6px solid #888;
  transform: scaleX(0);
  transition: all 0.3s ease;
  transform-origin: left center;
}
#navi .wrap.navi-in > ul li .sub-menu > li a:hover .item-label::after {
  transform: scaleX(1);
}
/* Header :: End */

/************************************/
/** 言語スイッチャー/PC **/
.header-container-in.hlt-top-menu .navi-in {
  display: flex;
  justify-content: flex-end;
}
.navi .navi-in .bogo-language-switcher {
  display: flex;
  justify-content: space-between;
  /* font-family: "Noto Sans JP", sans-serif; */
  padding-left: 0;
  margin-right: 6px;
}
#navi .navi-in .bogo-language-switcher li {
  margin: 0;
  position: relative;
}
#navi .navi-in .bogo-language-switcher li a {
  font-size: 15px;
  font-weight: 300;
  padding: 14px 8px;
  color: #777;
  border-bottom: none;
}
#navi .navi-in .bogo-language-switcher li a:hover {
  color: #fff;
  border-bottom: none;
}
#navi .navi-in .bogo-language-switcher li a[aria-current] {
  color: #fff;
}
ul.bogo-language-switcher li > span.bogo-language-name:not(:has(a)) {
  color: #444;
  font-size: 15px;
  display: block;
  font-weight: 300;
  padding: 14px 8px;
}
#navi .navi-in .bogo-language-switcher li.first::after {
  content: '';
  background-color: rgba(255, 255, 255, 0.6);
  width: 1px;
  height: 12px;
  position: absolute;
  top: 52%;
  transform: translateY(-48%);
  right: 0;
}
/************************************/

.page .date-tags {
  display: none;
}

/* footer :: Start */
footer#footer {
  position: relative;
  z-index: 1;
}

div#footer-in {
  width: 100%;
  max-width: 1600px;
}
.footer-left {
  width: 40%;
  border-right: 1px solid #262626;
  padding-left: 20px;
}
.footer-center {
  width: 35%;
  padding-left: 30px;
}
.footer-right {
  width: 25%;
  position: relative;
}

h3.widget-footer-left-title {
  font-family: 'Bodoni Moda', serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
}
.widget-footer-left.widget_custom_html {
  margin-bottom: 0;
}
.footer_left_wrap p {
  color: #aaa;
  font-weight: 300;
}
.footer_left_wrap p.footer_left_title1 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 1em;
}

.widget-footer-center div.wsite-form-container {
  margin-top: 0 !important;
}
.footer-center aside.widget-footer-center {
  width: 100%;
  max-width: 320px;
  margin-bottom: 0;
}
h3.widget-footer-center-title {
  font-size: 20px;
}
.textwidget.custom-html-widget ul.formlist {
  padding-left: 0;
  margin-bottom: 0.8em;
}
.wsite-form-input-container input[type='text'] {
  border: 2px solid #666;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
}
.wsite-form-input-container input[type='text']::placeholder {
  color: #444;
}
.wsite-form-radio-container input[type='checkbox'] {
  transform: scale(1.5);
  margin-right: 0.5em;
}
.footer-center form a.wsite-button {
  display: block;
  border: 2px solid #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  height: 40px;
  line-height: 39px;
  width: 150px;
  margin-top: 1em;
  transition: all 0.3s ease;
}
.footer-center form a.wsite-button:hover {
  cursor: pointer;
  background-color: #555;
}

.footer-right .footer_sns_wrap i.fab {
  font-size: 31px;
  margin-left: 18px;
  color: #909090;
}
.footer-right .footer_sns_wrap a i.fab {
  transition: all 0.3s ease;
}
.footer-right .footer_sns_wrap a:hover i.fab {
  color: #fff;
}

.footer-right .footer_logo_wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 230px;
  margin-right: 10px;
}
.footer-right .footer_logo_wrap a img.footer_logo_jcollabo {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.footer-right .footer_logo_wrap a:hover img.footer_logo_jcollabo {
  opacity: 1;
}
.footer-right .custom-html-widget {
  text-align: right;
}

.go-to-top-button {
  background-color: rgba(255, 255, 255, 0.25);
  color: #000;
  transition: all 0.3s ease;
}
.go-to-top-button:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
}

.navi-footer-in > .menu-footer li {
  border-left: 1px solid #777;
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: 1px solid #777;
}
.footer-bottom.fnm-text-width .menu-footer li a {
  color: #aaa;
}
.footer-bottom.fnm-text-width .menu-footer li a:hover {
  background-color: transparent;
  color: #ffff;
}

/* footer :: End */

/* Mobile Menu */
.menu-drawer a {
  font-size: 1.2em;
  font-weight: 200;
  padding: 0.7em 0.5em;
  text-transform: uppercase;
  font-weight: 300;
}

/* home */
.home .content .main {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.entry-content .home_top_set {
  position: relative;
}
.entry-content .home_top_set .alignnormal {
  width: 100%;
  max-width: 780px;
  margin-left: auto !important;
  margin-right: 0 !important;
}
.home h1.home_h1_1 {
  font-family: 'Bodoni Moda', serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  position: absolute;
  right: 0;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -98px;
  z-index: 3;
  max-width: none;
  width: 100%;
  font-size: 102px;
  padding-right: 3%;
  text-transform: uppercase;
  text-shadow: 0.5px 0.5px 0 #fff, -0.5px 0.5px 0 #fff, -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, 2px 2px 10px rgba(0, 0, 0, 0.2), -2px 2px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px rgba(0, 0, 0, 0.2), 2px -2px 10px rgba(0, 0, 0, 0.2);
}
.home h1.home_h1_1 span {
  white-space: nowrap;
}
.home h1.home_h1_1 span.home_h1_1_plus {
  margin-left: -0.1em;
  margin-right: -0.15em;
}
.home h2.home_h2_1 {
  background-color: transparent;
  font-family: 'Bodoni Moda', serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 3;
  padding: 0 0 0 3%;
  margin-top: 27px;
  max-width: none;
  width: 100%;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 1.1;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), -2px 2px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px rgba(0, 0, 0, 0.2), 2px -2px 10px rgba(0, 0, 0, 0.2);
}

.home .home_lead_about {
  background-color: #6d1200;
  width: 90%;
  max-width: 620px;
  margin-left: 70px;
  padding: 3em;
  font-size: 20px;
  position: relative;
  margin-top: -220px;
  animation: topLeadAni 10s linear infinite;
}
@keyframes topLeadAni {
  0% {
    background-color: #6d1200;
  }
  25% {
    background-color: #857105;
  }
  40% {
    background-color: #1e716c;
  }
  65% {
    background-color: #324d8a;
  }
  85% {
    background-color: #6f1b5d;
  }
  95% {
    background-color: #6d1200;
  }
}

.home .home_btn.home_btn_about {
  position: absolute;
  bottom: -18px;
  right: 22px;
}
.home .home_btn a.wp-block-button__link {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 1.2em;
  padding-right: 1.7em;
  font-size: 24px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  position: relative;
}
.home .home_btn a.wp-block-button__link::after {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  display: inline;
  vertical-align: middle;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  animation: homeBtnArrow1 1600ms ease infinite;
}
@keyframes homeBtnArrow1 {
  0% {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    transform: translateY(-50%) translateX(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) translateX(5px);
    opacity: 0;
  }
}

.home .home_btn.home_btn_events a.wp-block-button__link,
.home .home_btn.home_btn_news a.wp-block-button__link,
.home .home_btn.home_btn_styleb_pdf a.wp-block-button__link,
.home .home_btn.home_btn_styleb_articles a.wp-block-button__link {
  background-color: rgba(0, 0, 0, 0.9);
}

.home .home_btn a.wp-block-button__link:hover,
.home .home_btn.home_btn_events a.wp-block-button__link:hover,
.home .home_btn.home_btn_news a.wp-block-button__link:hover,
.home .home_btn.home_btn_styleb_pdf a.wp-block-button__link:hover,
.home .home_btn.home_btn_styleb_articles a.wp-block-button__link:hover {
  border-color: #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  transform: scale(1.04);
}
.home .home_btn.home_btn_events a.wp-block-button__link:hover,
.home .home_btn.home_btn_news a.wp-block-button__link:hover,
.home .home_btn.home_btn_styleb_pdf a.wp-block-button__link:hover,
.home .home_btn.home_btn_styleb_articles a.wp-block-button__link:hover {
  background-color: rgba(85, 85, 85, 0.8);
}
.home .home_btn a.wp-block-button__link:hover::after {
  right: 8px;
}

.home .home_whatsnew_wrap {
  border: 1px solid #fff;
  position: relative;
  width: 90%;
  max-width: 540px;
  margin-left: auto;
  margin-right: 7%;
  margin-top: 9em;
  padding: 1.5em;
}
.home_whatsnew_wrap h2.home_h2_whatsnew {
  background-color: transparent;
  font-family: 'Bodoni Moda', serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 46px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: -19px;
  margin-top: -40px;
  padding: 0;
}
.home_btn.home_btn_events {
  position: absolute;
  bottom: -9px;
  left: -31px;
}
.home_btn.home_btn_news {
  position: absolute;
  bottom: -20px;
  left: 44%;
}

.home .home_whatsnew_wrap div#info-list {
  padding: 20px 20px 6em 30px;
}
.home_whatsnew_conte .info-list-item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
}
.home .info-list-item-content {
  order: 2;
  font-size: 20px;
  flex: 1;
}
.home .info-list-item-meta {
  order: 1;
  font-size: 20px;
  width: 128px;
  opacity: 1;
}
.home .info-list-item-meta span.info-list-item-date {
  font-weight: 500;
  margin-top: 6px;
  margin-bottom: 11px;
  display: block;
}
.home .info-list-item-meta span.entry-category {
  font-size: 16px;
  border: none;
  background-color: #444;
  height: auto;
  padding: 6px 0;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  width: 88px;
}
.home .info-list-item-content a {
  display: block;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
}
.home .info-list-item-content a:hover {
  opacity: 0.8;
}

.home .home_cate_btns_wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: 0;
  padding: 0 36px;
  margin-top: 10em;
}
.home .home_cate_btns_wrap {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: 0;
  padding: 0 36px;
  margin-top: 10em;
}
.home .home_cate_btns_wrap .home_cate_btn_fasion {
  margin-top: 197px;
}
.home .home_cate_btns_wrap .home_cate_btn_art {
  margin-top: 219px;
}

.home .home_cate_btns_wrap div a h3 {
  position: absolute;
  font-family: 'Bodoni Moda', serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  border: none;
  padding: 0;
  font-size: 75px;
  display: block;
  letter-spacing: -2px;
  line-height: 1;
}
.home .home_cate_btns_wrap .home_cate_btn_beauty h3 {
  top: 30px;
  left: 26px;
  width: 320px;
}
.home .home_cate_btns_wrap .home_cate_btn_fasion h3 {
  bottom: 103px;
  right: 26px;
  width: 380px;
  text-align: right;
}
.home .home_cate_btns_wrap .home_cate_btn_food h3 {
  top: 91px;
  left: -87px;
  width: 250px;
  text-align: left;
}
.home .home_cate_btns_wrap .home_cate_btn_art h3 {
  bottom: 17px;
  left: -45px;
  width: 200px;
}
.home .home_cate_btns_wrap > div {
  position: relative;
}
.home .home_cate_btns_wrap div a div.alignnormal {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.home .home_cate_btns_wrap div a:hover div.alignnormal {
  opacity: 0.9;
  transform: scale(1.06);
}

.home .styleb_wrap {
  width: 90%;
  max-width: 1010px;
  border: 1px solid #fff;
  margin-left: 0;
  margin-right: auto;
  margin-top: 10em;
  margin-bottom: 5em;
  padding: 30px 40px;
  position: relative;
}
.home .styleb_wrap .styleb_inner {
  width: 100%;
  max-width: none;
  margin-bottom: 38px;
}
.styleb_conte ul li {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.styleb_conte ul li a.wp-block-latest-posts__post-title {
  order: 2;
  flex: 1;
  font-size: 18px;
  line-height: 1.4;
  text-decoration: none;
  color: #fff;
  display: block;
}
.styleb_conte ul li time.wp-block-latest-posts__post-date {
  order: 1;
  width: 120px;
  font-size: 18px;
  font-weight: 500;
}
.home .home_btn.home_btn_styleb_pdf {
  position: absolute;
  left: 80px;
  bottom: -62px;
}
.home .home_btn.home_btn_styleb_articles {
  position: absolute;
  bottom: -17px;
  right: -50px;
}

.home .bg_group1 {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.home .bg_group1 .bg_object1 {
  width: 250px;
  height: 250px;
  position: absolute;
  z-index: -2;
  left: 100px;
  top: 170px;
  background-color: rgb(51 11 11 / 40%);
}
.home .bg_group1 .bg_object2 {
  width: 500px;
  height: 500px;
  position: absolute;
  z-index: -2;
  left: 30px;
  top: 750px;
  background-color: rgb(15 52 62 / 40%);
}
.home .bg_group1 .bg_object3 {
  width: 250px;
  height: 250px;
  position: absolute;
  z-index: -2;
  right: 40px;
  top: 1219px;
  background-color: rgb(61 17 74 / 45%);
}
.home .bg_group1 .bg_object4 {
  width: 200px;
  height: 200px;
  position: absolute;
  z-index: -2;
  left: 560px;
  top: 1510px;
  background-color: rgb(94 89 4 / 30%);
}
.home .bg_group1 .bg_object5 {
  width: 540px;
  height: 540px;
  position: absolute;
  z-index: -2;
  left: 130px;
  top: 1950px;
  background-color: rgb(27 64 104 / 30%);
}
.home .bg_group1 .bg_object6 {
  width: 300px;
  height: 300px;
  position: absolute;
  z-index: -2;
  right: 120px;
  top: 2260px;
  background-color: rgb(58 74 17 / 40%);
}
.home .bg_group1 .bg_object7 {
  width: 500px;
  height: 500px;
  position: absolute;
  z-index: -2;
  right: 130px;
  top: 3000px;
  background-color: rgb(86 24 54 / 30%);
}

.home .concepts_icons {
  display: block;
  position: absolute;
  top: 1260px;
  left: 238px;
  z-index: -1;
  width: 80%;
  max-width: 370px;
}

.home .styleb_wrap .styleb_inner h3.home-styleb_head {
  font-family: 'Bodoni Moda', serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  border: none;
  padding: 0;
  font-size: 2.2em;
  margin: 0 0 0.3em;
}
.home .styleb_wrap .styleb_inner h6.home-styleb_subhead {
  border: none;
  padding: 0;
  margin: 0 0 0.4em;
  font-size: 1.4em;
}
.home .styleb_wrap .styleb_inner p.home-styleb_lead {
  font-size: 0.95em;
}

/* 共通指定 */
div#breadcrumb {
  display: none;
}
.article h2 {
  background-color: transparent;
}

/* About us */
.page-id-11 header.article-header.entry-header {
  display: none;
}
.entry-content .about_top_img_wrap {
  position: relative;
  width: 90%;
  margin: 3em auto 0;
}
.entry-content .about_top_img_wrap .about_img1 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
}
body .entry-content.cf .about_top_img_wrap .about_top_img_logo {
  width: 50%;
  max-width: 340px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.about_top_title_wrap h2.about_top_title1 {
  font-family: 'Bodoni Moda', serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  margin: 1.3em 0 0.2em;
  padding: 0;
  width: 100%;
  font-size: 3.6em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0.2px 0.2px 0 #fff, -0.2px 0.2px 0 #fff, -0.2px -0.2px 0 #fff, 0.2px -0.2px 0 #fff;
}
.content.cf .about_top_title_wrap h3.about_top_title2 {
  border: none;
  text-align: center;
  padding: 0;
  width: 100%;
  margin: 0 0 1.5em;
  font-size: 2.25em;
  font-weight: 500;
}

.entry-content .about_brooklyn_japan_wrap {
  flex-wrap: nowrap !important;
  width: 90%;
  max-width: 800px;
  margin: 5em auto 0;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_plus {
  position: relative;
  flex-basis: 100px;
  flex-grow: 0;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_plus p {
  margin: 0;
  font-size: 0;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_plus:before,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_plus:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 100px;
  background: #fff;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_plus:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_plus:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j {
  position: relative;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner {
  width: 100%;
  margin: 0;
  padding: 0;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner h3,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner h3 {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  margin: -0.1em 0 0;
  padding: 0;
  font-family: 'Bodoni Moda', serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.5em;
  text-transform: uppercase;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5), -2px 2px 6px rgba(0, 0, 0, 0.5), -2px -2px 6px rgba(0, 0, 0, 0.5), 2px -2px 6px rgba(0, 0, 0, 0.5);
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner h4,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner h4 {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  margin: 1.5em 0 0;
  padding: 0;
  font-size: 1.4em;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5), -2px 2px 6px rgba(0, 0, 0, 0.5), -2px -2px 6px rgba(0, 0, 0, 0.5), 2px -2px 6px rgba(0, 0, 0, 0.5);
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner figure {
  background-color: #000;
  border-radius: 50%;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner figure {
  background-color: #680000;
  border-radius: 50%;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner img,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner img {
  border-radius: 50%;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner img {
  opacity: 0.7;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner img {
  opacity: 0.8;
}
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_b .about_brooklyn_japan_b_inner figure,
.entry-content .about_brooklyn_japan_wrap .about_brooklyn_japan_j .about_brooklyn_japan_j_inner figure {
  animation: aboutBJimg 1500ms ease-in-out infinite;
}
@keyframes aboutBJimg {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.entry-content .about_brooklyn_japan_arrows_wrap {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  margin: 1.4em 0 -3.7em;
}
.entry-content.cf .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.entry-content .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows:before,
.entry-content .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 30px;
  height: 3px;
  background: #fff;
}
.entry-content .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows:before {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(-40deg) translateX(124%) translateY(-1725%);
  -webkit-transform: rotate(-40deg) translateX(124%) translateY(-1725%);
  transform-origin: top right;
  -webkit-transform-origin: top right;
}
.entry-content .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows:after {
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(40deg) translateX(-159%) translateY(-607%);
  -webkit-transform: rotate(40deg) translateX(-159%) translateY(-607%);
  transform-origin: top right;
  -webkit-transform-origin: top right;
}
.entry-content.cf .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows.about_brooklyn_japan_arrows1 {
  animation: topArrowMove 1500ms ease-in-out infinite;
}
.entry-content.cf .about_brooklyn_japan_arrows_wrap p.about_brooklyn_japan_arrows.about_brooklyn_japan_arrows2 {
  animation: topArrowMove 1500ms 750ms ease-in-out infinite;
}
@keyframes topArrowMove {
  0% {
    bottom: 30%;
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.entry-content .about_brooklyn_japan_vision1_wrap {
  margin-bottom: 2.8em;
}
h3.about_brooklyn_japan_vision1 {
  border: none;
  width: 100%;
  padding: 0;
  font-size: 2.6em;
  margin: -1.3em auto 2.4em;
  font-weight: 500;
  animation: aboutVision 1500ms ease-in-out infinite;
}
@keyframes aboutVision {
  0% {
    opacity: 0.7;
  }
  20% {
    opacity: 1;
  }
  50% {
    transform: scale(1.03);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}

h5.menbers_title {
  border-bottom: 1px solid #444444;
  padding: 0 3px 3px 3px;
  font-size: 1.3em;
  width: 100%;
  max-width: 840px;
  margin: 2em auto 0.6em;
}
p.menbers_name {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}
p.menbers_name.menbers_name2 span {
  margin-right: 0.8em;
  white-space: nowrap;
}

h1.page_title1 {
  font-family: 'Bodoni Moda', serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2em;
  text-transform: uppercase;
}

/* page: Beauty */
.page-id-13 header.article-header.entry-header,
.page-id-15 header.article-header.entry-header,
.page-id-17 header.article-header.entry-header,
.page-id-19 header.article-header.entry-header {
  display: none;
}
.entry-content .page_beauty_container,
.entry-content .page_fashion_container,
.entry-content .page_food_container,
.entry-content .page_art_container {
  margin-top: 2.6em;
}
.entry-content.cf .page_beauty_container .page_beauty_content,
.entry-content.cf .page_food_container .page_food_content {
  padding-left: 1em;
}
h1.page_title1.page-title_beauty {
  position: relative;
  z-index: 3;
  font-size: 6.4em;
  line-height: 1;
  margin: 0.7em 0 0.5em -0.9em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), -2px 2px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px rgba(0, 0, 0, 0.2), 2px -2px 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
h1.page_title1.page-title_beauty span {
  font-family: 'Roboto', serif;
  font-weight: 300;
  font-style: normal;
  display: block;
  padding-left: 0.1em;
  white-space: nowrap;
}

.metaslider.page_img_slide_beauty .flexslider ul li img,
.metaslider.page_img_slide_fashion .flexslider ul li img,
.metaslider.page_img_slide_food .flexslider ul li img,
.metaslider.page_img_slide_art .flexslider ul li img {
  opacity: 0.7;
}

.entry-content.cf .page_beauty_container .page_fashion_content {
  padding-right: 1em;
}
h1.page_title1.page-title_fashion {
  text-align: right;
  position: relative;
  z-index: 3;
  font-size: 6.4em;
  line-height: 1;
  margin: 0.7em -1em 0.5em 0;
  padding-right: 0.15em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), -2px 2px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px rgba(0, 0, 0, 0.2), 2px -2px 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
h1.page_title1.page-title_fashion span {
  font-family: 'Roboto', serif;
  font-weight: 300;
  font-style: normal;
  display: block;
  padding: 0;
  margin-right: -0.25em;
  white-space: nowrap;
}

h1.page_title1.page-title_food {
  position: relative;
  z-index: 3;
  font-size: 6.4em;
  line-height: 1;
  margin: 0.7em 0 0.5em -1.2em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), -2px 2px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px rgba(0, 0, 0, 0.2), 2px -2px 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
h1.page_title1.page-title_food span {
  font-family: 'Roboto', serif;
  font-weight: 300;
  font-style: normal;
  display: block;
  padding-left: 1.2em;
  white-space: nowrap;
}

h1.page_title1.page-title_art {
  text-align: right;
  position: relative;
  z-index: 3;
  font-size: 6.4em;
  line-height: 1;
  margin: 0.7em -0.65em 0.5em 0;
  padding-right: 0.15em;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), -2px 2px 10px rgba(0, 0, 0, 0.2), -2px -2px 10px rgba(0, 0, 0, 0.2), 2px -2px 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
h1.page_title1.page-title_art span {
  font-family: 'Roboto', serif;
  font-weight: 300;
  font-style: normal;
  display: block;
  padding: 0;
  margin-right: -0.55em;
  white-space: nowrap;
}

/* styleB / BC2 */
.page-id-25 header.article-header.entry-header {
  display: none;
}
.entry-content.cf .styleb_logo_bg1_wrap {
  position: relative;
  z-index: -1;
}
.entry-content.cf .bc2_logo_bg1_wrap {
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 96%;
  max-width: 1290px;
}
.entry-content.cf .styleb_logo_bg1_wrap figure.styleb_logo_bg1 {
  position: absolute;
  top: 0;
}
.entry-content.cf .styleb_logo_bg1_wrap figure.styleb_logo_bg1 img {
  opacity: 0.1;
}

.entry-content.cf .bc2_logo_bg1_wrap figure.bc2_logo_bg1 {
  position: static;
  margin: 0;
  padding: 0;
}
.entry-content.cf .bc2_logo_bg1_wrap figure.bc2_logo_bg1 img {
  opacity: 0.1;
}

.entry-content.cf .styleb_logo_main_wrap {
  position: relative;
  padding-top: 10em;
}
.entry-content.cf .bc2_logo_main_wrap {
  position: relative;
  padding-top: 6em;
}

.entry-content.cf .styleb_logo_main_wrap figure.styleb_logo_main {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
}
.entry-content.cf .bc2_logo_main_wrap figure.bc2_logo_main {
  width: 80%;
  max-width: 580px;
  margin: 0 auto;
}

h2.styleb_main_headline {
  margin: 0;
  padding: 0;
  font-family: 'Bodoni Moda', serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3em;
}
h4.styleb_title1 {
  font-size: 1.4em;
  width: 100%;
  max-width: 960px;
  margin: 1.5em auto 1.8em;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
}
p.styleb_body {
  width: 98%;
  max-width: 860px;
  margin: 0 auto;
}
.entry-content.cf div.styleb_concept_wrap {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.entry-content.cf div.styleb_concept_wrap .styleb_concept_txt {
  flex-basis: 55%;
}
.entry-content.cf div.styleb_concept_wrap .styleb_concept_chat {
  flex-basis: 45%;
  padding-top: 1em;
  overflow: visible;
}
.entry-content.cf div.styleb_concept_wrap .styleb_concept_chat figure {
  animation: stylebChat1Ani 1500ms ease-in-out infinite;
}
@keyframes stylebChat1Ani {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

p.styleb_body.styleb_project_body {
  margin-bottom: 4em;
}

.entry-content.cf .styleb_project_wrap1 {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 5em;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_img {
  flex-basis: 45%;
  position: relative;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_txt {
  flex-basis: 55%;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_txt h5 {
  margin: 0 0 0.6em;
  border: none;
  background-color: rgb(103 4 3 / 80%);
  padding: 7px 0.7em 6px;
  border-radius: 13px;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_txt p {
  font-weight: 200;
  font-size: 0.9em;
}

.entry-content.cf .styleb_project_wrap2 {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 4em;
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte h5 {
  margin: 0 0 0.6em;
  border: none;
  background-color: rgb(103 4 3 / 80%);
  padding: 7px 0.7em 6px;
  border-radius: 13px;
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte p {
  font-weight: 200;
  font-size: 0.9em;
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte p {
  font-weight: 200;
  font-size: 0.9em;
}
.entry-content.cf .styleb_project_wrap3 {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 4em;
}

.entry-content.cf .styleb_project_wrap3 div h5 {
  margin: 0 0 0.6em;
  border: none;
  background-color: rgb(103 4 3 / 80%);
  padding: 7px 0.7em 6px;
  border-radius: 13px;
}
.entry-content.cf .styleb_project_wrap3 div p {
  font-weight: 200;
  font-size: 0.9em;
}

.entry-content.cf .styleb_project_wrap1 .styleb_project_img .styleb_project1_conte_img_wrap {
  position: relative;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_img .styleb_project1_conte_img_wrap p.styleb_project_date1 {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  display: block;
  width: fit-content;
  line-height: 1.1;
  font-size: 0.9em;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 18px;
  padding: 0.5em 1em;
  background-color: rgba(130, 40, 120, 0.7);
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_img .styleb_project1_conte_img_wrap p.styleb_project_date1 span {
  font-weight: 300;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_img .styleb_project1_conte_img_wrap p.styleb_project_date1.styleb_project_date1-1 {
  transform: rotate(345deg);
  margin-bottom: 12px;
  margin-left: -4px !important;
}
.entry-content.cf .styleb_project_wrap1 .styleb_project_img .styleb_project1_conte_img_wrap p.styleb_project_date1.styleb_project_date1-2 {
  transform: rotate(16deg);
  margin-bottom: -1px;
  margin-left: -4px !important;
}

.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte .styleb_project2_conte_img_wrap {
  position: relative;
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte .styleb_project2_conte_img_wrap p.styleb_project_date2 {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  display: block;
  width: fit-content;
  line-height: 1.3;
  font-size: 0.9em;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 18px;
  padding: 0.5em 1em;
  background-color: rgba(130, 40, 120, 0.7);
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte .styleb_project2_conte_img_wrap p.styleb_project_date2.styleb_project_date2-1 {
  transform: rotate(352deg);
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte .styleb_project2_conte_img_wrap p.styleb_project_date2.styleb_project_date2-2 {
  transform: rotate(10deg);
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte .styleb_project2_conte_img_wrap p.styleb_project_date2.styleb_project_date2-3 {
  transform: rotate(16deg);
  line-height: 1.1;
}
.entry-content.cf .styleb_project_wrap2 .styleb_project2_conte .styleb_project2_conte_img_wrap p.styleb_project_date2.styleb_project_date2-3 span {
  font-weight: 300;
}

.entry-content.cf .styleb_project_wrap3 h5 {
  margin: 0 0 0.6em;
  border: none;
  background-color: rgb(103 4 3 / 80%);
  padding: 7px 0.7em 6px;
  border-radius: 13px;
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap {
  position: relative;
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap img {
  width: 100%;
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap .styleb_project_date2 {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  display: block;
  width: fit-content;
  line-height: 1.3;
  font-size: 0.9em;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 18px;
  padding: 0.5em 1em;
  background-color: rgba(130, 40, 120, 0.7);
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap .styleb_project_date2.styleb_project_date2-3 {
  transform: rotate(352deg);
  line-height: 1.1;
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap .styleb_project_date2.styleb_project_date2-3 span {
  font-weight: 300;
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap p.styleb_project_date3.styleb_project_date3-1 {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
  display: block;
  width: fit-content;
  line-height: 1.1;
  font-size: 0.9em;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 18px;
  padding: 0.7em 1em;
  background-color: rgba(130, 40, 120, 0.7);
  transform: rotate(12deg);
}
.entry-content.cf .styleb_project_wrap3 .styleb_project3_conte_img_wrap p.styleb_project_date3.styleb_project_date3-1 span {
  font-weight: 300;
}

h3.styleb_creative_title_h3 {
  margin: 0 0 0.3em;
  padding: 0;
  font-family: 'Bodoni Moda', serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2.8em;
  border: none;
}
h4.styleb_creative_subtitle_h4 {
  font-size: 1.25em;
  width: 100%;
  max-width: 960px;
  margin: 1.5em auto 1.8em;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
}
.entry-content.cf .styleb_project_imgs_wrap {
  width: 90%;
  max-width: 720px;
  margin: 2em auto;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img {
  overflow: visible;
  position: relative;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-1 {
  z-index: 3;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-2 {
  z-index: 2;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-3 {
  z-index: 0;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img figure {
  width: 130%;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-3 figure {
  width: 105%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-1 figure {
  animation: product1Ani 1000ms linear infinite;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-2 figure {
  animation: product2Ani 1200ms linear infinite;
}
.entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-3 figure {
  animation: product3Ani 800ms linear infinite;
}
@keyframes product1Ani {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@keyframes product2Ani {
  0% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(3deg);
  }
}
@keyframes product3Ani {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}

.entry-content .bc2_project_imgs_wrap {
  margin-inline: auto;
  width: 90%;
  max-width: 800px;
  margin-top: 3em;
}
.bc2_project_imgs_wrap .bc2_project_img img {
  width: 100%;
}
.bc2_project_imgs_wrap .bc2_project_img {
  max-width: none;
  margin: 0 auto 3em;
  display: block;
}
.bc2_project_imgs_wrap .bc2_project_img:last-child {
  margin-bottom: 0;
}
.bc2_project_imgs_wrap .bc2_project_img.bc2_project_img_salon {
  width: 49%;
  height: auto;
}
.bc2_project_imgs_wrap .bc2_project_img.bc2_project_img_tv {
  width: 100%;
  height: auto;
}
.bc2_project_imgs_wrap .bc2_project_img.bc2_project_img_mag {
  width: 83%;
  height: auto;
}

.page-id-21 h1.entry-title,
.page-id-201 h1.entry-title {
  font-family: 'Bodoni Moda', serif;
  font-weight: 900;
  font-style: normal;
  font-size: 5em;
  text-transform: uppercase;
  padding-left: calc(10.4% + 36px);
}

.page-id-21 h5.coming_soon,
.page-id-201 h5.coming_soon {
  font-size: 3em;
  font-weight: 200;
  border: none;
  padding: 0;
  margin: 5em 0 6em;
}

br.br_1280 {
  display: none;
}

/************************************
** レスポンシブメディアクエリ
************************************/

@media screen and (max-width: 1700px) {
  .footer-right .footer_logo_wrap,
  .footer-bottom-content .copyright {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1280px) {
  br.br_1280 {
    display: block;
  }
  .home h2.home_h2_1 {
    padding-left: 0;
    width: fit-content;
    left: auto;
    right: 456px;
  }
}

@media screen and (max-width: 1140px) {
  /* ヘッダーナビ調整 */
  .header-container-in #navi .wrap.navi-in > ul > li > a {
    padding: 0 0.6em;
    font-size: 14.5px;
  }
  #navi .wrap.navi-in > ul li .sub-menu > li a {
    font-size: 14px;
  }
  /* ヘッダーナビ調整：End */
}

@media screen and (max-width: 1120px) {
  #navi .navi-in > ul > li > a {
    padding: 0 1em;
  }
}

@media screen and (max-width: 1114px) {
  .home h1.home_h1_1 {
    text-align: center;
    margin-top: -239px;
    line-height: 1;
    padding: 0;
  }
  .home h1.home_h1_1 span {
    display: block;
  }
  .home h1.home_h1_1 span.home_h1_1_plus {
    margin: -0.2em 0;
  }
  .home h2.home_h2_1 {
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 42px;
  }
  .home .home_lead_about {
    margin-top: -184px;
  }
}

@media screen and (max-width: 1023px) {
  .header-container-in.hlt-top-menu .wrap {
    display: none;
  }
  .footer-bottom-content .copyright {
    padding-right: 0;
  }
  .footer-widgets > .footer-right {
    display: none;
  }
}

@media screen and (max-width: 781px) {
  .entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-2 figure,
  .entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-1 figure {
    width: 90%;
    max-width: 480px;
    margin: 0 auto;
  }
  .entry-content.cf .styleb_project_imgs_wrap .styleb_project_img.styleb_project_img-3 figure {
    position: static;
    width: 90%;
    max-width: 360px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .home .styleb_wrap .home_btn.home_btn_styleb_articles {
    right: 20px;
    bottom: -43px;
  }

  /* .home .home_cate_btns_wrap {
    display: none;
  } */

  .home .bg_group1 {
    display: none;
  }
  .home .concepts_icons {
    display: none;
  }

  .home h1.home_h1_1 {
    font-size: 13.3vw;
    top: 0;
    margin-top: calc(12.7vw + 0.1em);
  }
  .home h2.home_h2_1 {
    font-size: 6.3vw;
    top: auto;
    bottom: 0;
    margin-bottom: calc(19.3vw + 1em);
  }

  .home .home_lead_about {
    margin-left: 30px;
    width: calc(90% - 50px);
    margin-top: -23vw;
  }

  .home .bg_group1 .bg_object4 {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 680px) {
  .home .bg_group1 .bg_object5 {
    left: 0;
  }
}

@media screen and (max-width: 600px) {
  .home .home_lead_about {
    padding: 1.9em 2.5em 1.6em;
    font-size: 18px;
  }
  .home .home_btn.home_btn_about {
    bottom: -41px;
  }
  .home .home_btn a.wp-block-button__link {
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
  }
  .entry-content.cf .bc2_logo_bg1_wrap {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .entry-content.cf .bc2_logo_main_wrap {
    padding-top: 1em;
  }
}

@media screen and (max-width: 480px) {
  .home .home_lead_about {
    font-size: 16px;
  }
}

@media screen and (max-width: 420px) {
  .home .home_lead_about {
    margin-left: 5%;
    width: 90%;
    padding: 1.6em 2em 1.2em;
  }
}