@charset "utf-8";


/* レイアウト*/
body:has(#lp_page_compact_content) #container { overflow:visible; }
body.page-template-page__lp #page_content { width:auto; max-width:var(--tcd-lp-content-max-size); margin:0 auto; }
#lp_page_compact_content { max-width:var(--tcd-lp-content-max-size); margin:120px auto; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }
#lp_page_compact_content.is-no-shadow{ box-shadow:none; }
body:has(#header) #lp_page_compact_content { margin-top:calc(var(--tcd-header-message-height) + 100px + var(--tcd-lp-mv-margin-top)); }
body:not(:has(#header)) #lp_page_compact_content { margin-top:calc(var(--tcd-header-message-height) + var(--tcd-lp-mv-margin-top)); }

#lp_page_compact_content #page_content { max-width:inherit; padding:120px 100px 150px; }
@media (max-width: 1100px) {
	body.page-template-page__lp #page_content { margin:0 100px; }
  #lp_page_compact_content { margin:0; max-width:inherit; }
  body:has(#header) #lp_page_compact_content { margin:0px; box-shadow:none; border:none; }
  #lp_page_compact_content #page_content { padding:100px 0px; }
	body:has(#header):has(#lp_page_compact_content):not(.page_header_hidden) #header:after { transform: translate3d(0,-100%,0); }
	body:has(#header):has(#lp_page_compact_content):not(.page_header_hidden) #header_logo .image { filter:brightness(0) invert(1); }
	body:has(#header):has(#lp_page_compact_content):not(.page_header_hidden) #header_logo a { color:#fff; }
	body:has(#header):has(#lp_page_compact_content):not(.page_header_hidden) span { background:#fff; }
}
@media (max-width: 1000px) {
	body.page-template-page__lp #page_content { margin:0 50px; }
  #lp_page_compact_content #page_content { padding:100px 0px; }
}
@media (max-width: 767px) {
	body.page-template-page__lp #page_content { margin:0 20px; }
  #lp_page_compact_content { margin:40px auto; }
  #lp_page_compact_content #page_content { padding:40px 0px; }
}


/* ページヘッダー */
#lp_page_header { position:relative; overflow:hidden; }
#lp_page_header.height_full { height:100svh; position:relative; }
body.admin-bar #lp_page_header.height_full { height:calc(100svh - 32px); position:relative; }
body:not(.admin-bar):has(#header):has(#header_message) #lp_page_header.height_full { height:calc(100svh - var(--tcd-header-message-height)); margin-top:var(--tcd-header-message-height); }
body.admin-bar:has(#header_message) #lp_page_header.height_full { height:calc(100svh - var(--tcd-header-message-height) - 32px); margin-top:var(--tcd-header-message-height); }
#lp_page_header.height_custom { height:var(--tcd-lp-header-height-custom-pc);  }
#lp_parallax_page_header { position:absolute; top:0; left:0; width:100%; display:grid; place-items:center; will-change:transform; }
body.page_header_hidden #lp_parallax_page_header { will-change:auto; }
#lp_parallax_page_header.type_default { position:relative; }
#lp_page_header.height_full #lp_parallax_page_header { height:calc(100svh); }
#lp_page_header.height_custom #lp_parallax_page_header { height:var(--tcd-lp-header-height-custom-pc); }
#lp_page_compact_content #lp_page_header { width:100%; height:auto; clip-path:none; overlow:hidden; }
#lp_page_compact_content #lp_parallax_page_header { position:absolute !important; width:100%; height:100%; aspect-ratio:auto; top:0 !important; left:0px; }
@media (max-width: 767px) {
  #lp_page_header.height_custom { height:var(--tcd-lp-header-height-custom-sp);  }
  #lp_page_header.height_custom #lp_parallax_page_header { height:var(--tcd-lp-header-height-custom-sp); }
}

#lp_page_header .main_content { width:100%; height:100%; position:relative; z-index:10; display:grid; place-items:center; }
#lp_page_header .content { position:relative; z-index:3; gap:0px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:100px; }
#lp_page_compact_content #lp_page_header .main_content { display:block; }
#lp_page_compact_content #lp_page_header .content { max-width:inherit; width:100%; height:100%; }
#lp_page_header.layout_right .content { text-align:right; align-items:flex-end; }
#lp_page_header.layout_left .content { text-align:left; align-items:flex-start; }
#lp_page_header.layout_right.direction_vertical .content { justify-content:flex-start; }
#lp_page_header.layout_left.direction_vertical .content { justify-content:flex-end; }
#lp_page_header.direction_vertical .content { writing-mode:vertical-rl; text-align:left; align-items:flex-start !important; }
#lp_page_header .catch { line-height:var(--tcd-lp-header-text1-line-height); margin-top:calc(0.5em - 0.5lh); margin-bottom:calc( var(--tcd-lp-header-text1-margin-bottom-pc) + (0.5em - 0.5lh) ); color:var(--tcd-lp-header-text1-font-color); font-size:var(--tcd-lp-header-text1-font-size-pc); font-family:var(--tcd-lp-header-text1-font-type); font-weight:500; }
#lp_page_header .desc { line-height:var(--tcd-lp-header-text2-line-height); margin-top:calc(0.5em - 0.5lh); margin-bottom:calc( var(--tcd-lp-header-text2-margin-bottom-pc) + (0.5em - 0.5lh) ); color:var(--tcd-lp-header-text2-font-color); font-size:var(--tcd-lp-header-text2-font-size-pc); font-family:var(--tcd-lp-header-text2-font-type); font-weight:500; }
#lp_page_header .catch:last-child { margin-bottom:calc(0.5em - 0.5lh) !important; }
#lp_page_header .desc:last-child { margin-bottom:calc(0.5em - 0.5lh) !important; }
#lp_page_header.direction_vertical .catch { margin:0; margin-right:calc(0.5em - 0.5lh) !important; margin-left:calc( var(--tcd-lp-header-text1-margin-bottom-pc) + (0.5em - 0.5lh) ); }
#lp_page_header.direction_vertical .desc { margin:0; margin-right:calc(0.5em - 0.5lh) !important; margin-left:calc( var(--tcd-lp-header-text2-margin-bottom-pc) + (0.5em - 0.5lh) ); }
#lp_page_header.direction_vertical .catch:last-child { margin-left:calc(0.5em - 0.5lh) !important; }
#lp_page_header.direction_vertical .desc:last-child { margin-left:calc(0.5em - 0.5lh) !important; }
@media (max-width: 1100px) {
  #lp_page_header .catch { font-size: calc( (var(--tcd-lp-header-text1-font-size-pc) + var(--tcd-lp-header-text1-font-size-sp)) / 2) ; }
}
@media (max-width: 767px) {
	#lp_page_header .content { padding:80px 50px; }
  #lp_page_header .catch { font-size:var(--tcd-lp-header-text1-font-size-sp); margin-bottom:calc( var(--tcd-lp-header-text1-margin-bottom-sp) + (0.5em - 0.5lh) ); }
  #lp_page_header .desc { font-size:var(--tcd-lp-header-text2-font-size-sp); margin-bottom:calc( var(--tcd-lp-header-text2-margin-bottom-sp) + (0.5em - 0.5lh) ); }
  #lp_page_header.direction_vertical .catch { margin-left:calc( var(--tcd-lp-header-text1-margin-bottom-sp) + (0.5em - 0.5lh) ); }
  #lp_page_header.direction_vertical .desc { margin-left:calc( var(--tcd-lp-header-text2-margin-bottom-sp) + (0.5em - 0.5lh) ); }
}

#lp_page_header .button { border-color:var(--tcd-lp-header-button-color); color:var(--tcd-lp-header-button-color); }
#lp_page_header .overlay { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; overflow:hidden; }
#lp_page_header picture { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden; }
#lp_page_header picture img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }

#lp_page_header .content * { opacity:0; }
body.start_first_animation #lp_page_header .content *:nth-child(1) { opacity:1; transition: opacity 1.0s ease 0.7s; }
body.start_first_animation #lp_page_header .content *:nth-child(2) { opacity:1; transition: opacity 1.0s ease 1.2s; }
body.start_first_animation #lp_page_header .content *:nth-child(3) { opacity:1; transition: opacity 1.0s ease 1.7s, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; }
@media(hover: hover) {
  #lp_page_header .button:hover { border-color:var(--tcd-accent-color); background-color:var(--tcd-accent-color); color:#fff !important; }
}

body.page-template-page__lp:not(:has(#footer)) #copyright { border-top:1px solid #ddd; background:none; }


/* コンテンツ */
.tcd_lp_table { margin-bottom:110px; }
.tcd_lp_table td { line-height:2 !important; padding:18px 30px !important; }
.tcd_lp_table td:nth-child(1) { width:200px !important; text-align:center; }
.tcd_lp_table td:nth-child(2) { width:calc(100% - 200px) !important; }
@media (max-width: 1100px) {
  .tcd_lp_table { margin-bottom:100px; }
}
@media (max-width: 767px) {
  .tcd_lp_table td { padding:14px 20px !important; }
  .tcd_lp_table td:nth-child(1) { width:120px !important; }
  .tcd_lp_table td:nth-child(2) { width:calc(100% - 120px) !important; }
  .tcd_lp_table { margin-bottom:0; }
}




/* END BIJOUX lp.css */