:root {
  --color00--bk: #000;
  --color01--red: #b40926;/*メイン赤*/
  --color02--white: #f5f5f5 ;/*メイン白*/
  --color03--grayD: #444;/*灰濃い*/ 
  --color04--grayP: #808080;/*灰薄い*/ 
  --color05--bkP: #1a1a1a;/*黒薄い*/ 

  --space-unit: 4px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;/* ガター幅兼用 */
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-96: 96px;
  --space-128: 128px;
  --space-176: 176px;
  --space-256: 256px;
  --container: 1200px; /* 全体幅（ガター含む） */
  --extend: 80px;

  /*n / 17*/
  --font-size-main: 17px;
  --font-size14: 0.823rem;
  --font-size20: 1.176rem;
  --font-size24: 1.411rem;
  --font-size32: 1.882rem;
  --font-size40: 2.352rem;

  --columns: 12;        /* 総カラム数 */
  --gutter-count: calc(var(--columns) - 1); /* 11本のガター */

  /* 実際の1カラムの幅（全体からガター引いた実幅 ÷ カラム数） */
  --col-1-width: calc((var(--container) - var(--space-24) * var(--gutter-count)) / var(--columns));

  /* カラム幅：ガターを足す */
  --col-2-width: calc(var(--col-1-width) * 2 + var(--space-24) * 1);
  --col-3-width: calc(var(--col-1-width) * 3 + var(--space-24) * 2);
  --col-4-width: calc(var(--col-1-width) * 4 + var(--space-24) * 3);
  --col-5-width: calc(var(--col-1-width) * 5 + var(--space-24) * 4);
  --col-6-width: calc(var(--col-1-width) * 6 + var(--space-24) * 5);
  --col-7-width: calc(var(--col-1-width) * 7 + var(--space-24) * 6);
  --col-8-width: calc(var(--col-1-width) * 8 + var(--space-24) * 7);
  --col-9-width: calc(var(--col-1-width) * 9 + var(--space-24) * 8);
  --col-10-width: calc(var(--col-1-width) * 10 + var(--space-24) * 9);
  --col-11-width: calc(var(--col-1-width) * 11 + var(--space-24) * 10);
  --col-12-width: calc(var(--col-1-width) * 12 + var(--space-24) * 11); /* = 1200px */
}



html {height: 100%;font-size: var(--font-size-main);-webkit-text-size-adjust: none;line-height: 1.6; }
body { overflow-x: hidden;font-family: "Noto Sans JP", sans-serif;color: var(--color02--white);font-weight: normal;background: #000;}
img{width: 100%;height: auto;vertical-align: top;}
p{font-size: 1.0rem;line-height: 1.6em;margin: 0;}
.post-content p {margin-bottom: 1.4em !important;}
.commonP p {margin-bottom: 1.4em !important;}
h1 {font-size: 48px;line-height: 1.25;margin: 0;}
h2 {font-size: 36px;line-height: 1.3;margin: 0;}
h3 {font-size: 28px;line-height: 1.4;margin: 0;}
h4 {font-size: 20px;line-height: 1.5;margin: 0;}

a {text-decoration: none; color: inherit;border: none;transition: 0.1s;display: block;}
a:hover{opacity: 0.85;transition: 0.2s;color: var(--color03--grayD);}
ul,ol {list-style: none;padding: 0;margin: 0;}
*,*::before,*::after {  margin: 0;padding: 0;box-sizing: border-box;}
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {  margin: 0;}

table,tr,td,th{ margin: 0;padding: 0;line-height: 1.0;border-collapse: collapse;text-align: center;}

.col-1 {width: var(--col-1-width);}
.col-2 {width: var(--col-2-width);}
.col-3 {width: var(--col-3-width);}
.col-4 {width: var(--col-4-width);}
.col-5 {width: var(--col-5-width);}
.col-6 {width: var(--col-6-width);}
.col-7 {width: var(--col-7-width);}
.col-8 {width: var(--col-8-width);}
.col-9 {width: var(--col-9-width);}
.col-10 {width: var(--col-10-width);}
.col-11 {width: var(--col-11-width);}
.col-12 {width: var(--col-12-width);}

/*共通汎用パーツ*/
.container{margin: 0 auto;max-width: var(--col-12-width);}
.alignCenter{text-align: center;}
.customFontA{font-family: "Bebas Neue", sans-serif;letter-spacing:0.03em;}
.customFontDM{font-family: "DM Serif Display", serif;letter-spacing:0.03em;}
.customFontPaytone{font-family: "Paytone One", sans-serif;letter-spacing:0.03em;}
.fontB{font-weight: bold;}
.h2underMargin{margin-bottom: var(--space-48);}
.h2PageBase{width: 100%;text-align: center;}
.secBottom{margin-bottom: var(--space-256);}
.spInherit{display: none !important;}


.pageTitleWrap{margin: 0 auto;margin-top: var(--space-176);margin-bottom: var(--space-176);
text-align: center;max-width: var(--col-6-width);width: 100%;}
.pageTitle{font-family: "Bebas Neue", sans-serif;letter-spacing: 0.03em;
font-size: 7.0rem;position: relative;color: var(--color02--white);line-height: 1.0;
text-transform: uppercase;overflow: hidden;}
.pageTitlePwrap::after {content: "";display: block;width: 300px; height: 3px;
margin: 3.0em auto 0; background: var(--color02--white);
background: linear-gradient(72deg, var(--color01--red) 0%, var(--color01--red) 16%, var(--color02--white) 17%);}
.pageTitleWrap p{color: var(--color02--white);line-height: 1.0;font-size: 1.2em;}

.h1small{font-size: var(--font-size-main);font-weight: normal;line-height: 1.0;font-size: 1.2em;}
.centerGap{gap: var(--space-64);}

.frontH2Wrap{text-align: center;}
.frontH2Wrap h2{font-family: "Bebas Neue", sans-serif;letter-spacing: 0.03em;font-size: 5.0em;
  color: var(--color02--white); line-height: 1.0;}
.frontH2Wrap::after {content: "";display: block;width: 200px; height: 2px;
  margin: 3.0em auto 0; background: var(--color02--white);
background: linear-gradient(72deg, var(--color01--red) 0%, var(--color01--red) 16%, var(--color02--white) 17%);}

.h1PageWrap{text-align: center;}
.h1Page{padding-bottom: var(--space-48);display: inline-block;color: var(--color02--white);}
.topContain{max-width: var(--col-8-width);margin: 0 auto;margin-bottom: var(--space-128);}

.glitch-btn_wrap{max-width: var(--col-5-width);margin: 0 auto;text-align: center;}
.glitch-btn {line-height: 1.4;width: 100%;position: relative;display: inline-block;
  font-size: var(--font-size20);font-weight: bold;text-transform: uppercase;
  background: var(--color02--white);  color: var(--color00--bk);
  border: 2px solid var(--color00--bk);cursor: pointer;overflow: hidden;
  transition: background 0.3s ease;z-index: 0;padding: var(--space-24) 0;
  border-radius: 8px;box-shadow: 0 6px 0 var(--color01--red), 0 6px 0 2px #000;}
.glitch-btn:hover {transform: translateY(-2px);box-shadow: none;
color: var(--color02--white);border-radius: 20px;background: var(--color01--red);}
.glitch-btn:active {transform: translateY(6px);box-shadow: 0 2px 0 #600, 0 2px 0 2px #000;}

.btn_MarginTop{margin-top: var(--space-64);}

/*シングルページ*/
.article_headWrap{max-width: var(--col-10-width);margin: 0 auto;}
.single-title {font-size: var(--font-size32);margin-bottom: var(--space-32);}
.single-date {font-size: 1.3em;color: var(--color03--grayD);margin-bottom: 20px;}
.single-thumbnail img {width: 100%;height: auto;display: block;border-radius: 4px;}
.single-content {max-width: var(--col-8-width);margin: 0 auto;margin-top: var(--space-72);}
.single-content p{margin-bottom: 1.5em;}
.single-content h2,.single-content h3,.single-content h4,.single-content h5{
  margin-bottom: 0.7em;margin-top: 2.0em;}
.single-content img{margin-top: 2.0em;margin-bottom: 2.0em;}

/*投稿一覧*/
.home_container{max-width: var(--col-6-width);margin: 0 auto;}
.home_container article{margin-bottom: var(--space-128);}
.home_container time{font-size: 1.3em;color: var(--color03--grayD);}
.home_container .entry-title{line-height: 1.4;margin-bottom: var(--space-8);font-size: 1.4rem;}
.home_container .post-thumbnail{margin-top: var(--space-8);}

.pagination {margin-top: var(--space-72);display: flex;justify-content: center;}
.pagination .nav-links {display: flex;gap: var(--space-12);flex-wrap: wrap;}
.pagination .page-numbers {display: inline-flex;align-items: center;
  justify-content: center;width: 44px;height: 44px;border-radius: 50%;
  font-size: 16px;font-weight: 600;text-decoration: none;
  transition: all 0.3s ease;color: #fff;background: var(--color03--grayD);
  box-shadow: 0 3px 6px rgba(0,0,0,0.3);}
.pagination .page-numbers:hover {background: var(--color01--red); 
  transform: translateY(-3px);box-shadow: 0 6px 12px rgba(0,0,0,0.4);}
.pagination .page-numbers.current {background: var(--color01--red);
  color: var(--color02--white);pointer-events: none;}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {width: auto;padding: 0 18px;border-radius: 24px;
  font-size: 14px;font-weight: 500;}

/*404*/
.p-404{text-align: center;width: 100%;}
.p-404 h1{margin-top: var(--space-48);}
.p-404 a{text-decoration: underline;}

/*パンくず*/
.breadcrumb {font-family: "Bebas Neue", sans-serif;letter-spacing:0.03em;
  font-size:1.0em;margin: 1em 0;margin-top: 120px;padding-left: var(--space-48);}
.breadcrumb ol {list-style: none;display: flex;flex-wrap: wrap;padding: 0;}
.breadcrumb li + li::before {content: ">";margin: 0 0.5em;}
.breadcrumb a {text-decoration: none;color: var(--color02--white);}
.breadcrumb li:last-child {color: var(--color04--grayP);}


/*ヘッダー*/
.global-header{position: fixed;top: 0;left: 0;width: 100%;
  background: var(--color01--red);color: #fff;z-index: 9000;}
.global-headerFront {opacity: 0;transform: translateY(-30px); visibility: hidden;
pointer-events: none;transition: opacity 0.5s ease, transform 0.5s ease;}
.global-headerFront.visible {opacity: 1;transform: translateY(0);
  visibility: visible;pointer-events: auto;}
.global-header .header-inner {max-width: calc(var(--col-12-width) + var(--extend));
  margin: 0 auto;padding: var(--space-24) var(--space-64) var(--space-24) 0;
  display: flex;align-items: center;justify-content: space-between;}
.global-header .site-logo img {max-width: 120px;}
.global-menu {list-style: none;display: flex;gap: var(--space-24);}
.global-menu li a {color: var(--color02--white);text-decoration: none;
  font-weight: bold;transition: color 0.3s;font-family: "Bebas Neue";
  letter-spacing:0.03em;font-size: 26px;}
.global-menu li a:hover {color: var(--color00--bk);}

.header-innerWrap{position: relative;}
.global-header_info{position: absolute;top: 50%;transform: translateY(-50%);
  font-size: 1.8em;right: 32px;}

.spHeader{display: none;}

/*Page用ヘッダー*/
.header-wrapper{position: relative;}
.page-template .header-wrapper {display: flex;justify-content: center;
  align-items: center;text-align: center;}

/*HEROFADE*/
.hero-fade {position: relative;width: 100%;height: 750px;overflow: hidden;}
.hero-slides {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero-slides .slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  background-size: cover;background-position: center;opacity: 0;
  transform: translateY(-50px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;}
.hero-slides .slide.active {opacity: 1;transform: translateY(0); }
.hero-content {position: relative;z-index: 2;color: #fff;text-align: center;
  top: 50%;transform: translateY(-50%);text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);}
.hero-fade_sign{position: absolute;left: 50px;bottom: 50px;z-index: 90;
display: flex;flex-direction: column;font-size: 2.5rem;}
.hero-signTop{font-size: 0.7em;line-height: 1.0;}
.hero-signMiddle{font-size: 2.0em;line-height: 0.9;}
.hero-signBottom{font-size: 0.7em;line-height: 1.1;}


.slide:nth-child(1) {
    background-image: url('https://hiroya-kondo.com/wp-content/uploads/2025/10/1010-5.webp');
  }
.slide:nth-child(2) {
    background-image: url('https://hiroya-kondo.com/wp-content/uploads/2025/10/1010-8.webp');
  }
.slide:nth-child(3) {
    background-image: url('https://hiroya-kondo.com/wp-content/uploads/2025/10/1010-9.webp');
  }


/*ヘッダーSide*/
.global-navSide {position: absolute;top: 0;right: 0;height: 100%;
  background:var(--color01--red);display: flex;
  justify-content: center;align-items: center;z-index: 9999;transform: translateX(100%);
  opacity: 0;animation: slideIn 0.8s ease forwards;animation-delay: 0.3s;}
@keyframes slideIn {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.global-menuSide {list-style: none;margin: 0;display: flex;flex-direction: column;
  text-align: left;padding-left: var(--space-24);padding-right: var(--space-48);}
.global-menuSide li a {position: relative;display: inline-block;color: #fff;
  text-decoration: none;font-weight: bold;font-size: 38px;font-family: "Bebas Neue";
  line-height: 1.0;overflow: hidden;}
.global-menuSide li a::after {content: attr(data-text);position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;color: var(--color00--bk);
  transform: translateY(-100%);transition: transform 0.1s ease;}
.global-menuSide li a:hover::after {transform: translateY(0);}
.global-menuSide li a:hover {color: var(--color01--red);}

/*newCard*/
.newCard{margin-top: var(--space-96);margin-bottom: var(--space-96);}
.newCard .card-thumbnail{max-width: calc(var(--col-12-width) + var(--extend));
  margin: 0 auto;}

/*news一覧*/
.news{max-width: var(--col-10-width);background: var(--color05--bkP);margin: 0 auto;padding: var(--space-96) 0;border-radius: 16px;}
.news_article{margin-top: var(--space-96);}
.newsWrap{margin: 0 auto;max-width: var(--col-6-width);}
.news-list {display: flex;flex-direction: column;gap: var(--space-16);}
.news-item {display: flex;align-items: flex-start;gap: var(--space-24);}
.news-date {font-size: 1.1em;font-family:"Bebas Neue", sans-serif;
  letter-spacing:0.03em;color:var(--color04--grayP);min-width: 60px; }
.news-title {font-size: var(--font-size-main);color: var(--color02--white);
  text-decoration: none;}
.news-title:hover {text-decoration: underline;}

/*newYouTube*/
.newYouTube{margin: var(--space-176) 0; }
.newYouTubeContainer{max-width: var(--col-8-width);margin: 0 auto;}
.newYouTubeWrap {position: relative;width: 100%;margin: 0 auto;padding-bottom: 56.25%;
  height: 0;overflow: hidden;margin-top: var(--space-96);}
.newYouTubeWrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*snsList*/
.snsList-wrap{max-width: var(--col-10-width);margin: 0 auto;text-align: center;}
.snsList-insta{margin-bottom: var(--space-32);}
.snsList-Btn{margin-top: var(--space-96);}

/*aboutHIROYA*/
.aboutHIROYA{margin: var(--space-176) 0; }
.aboutHIROYA-wrap{max-width: var(--col-12-width);margin: 0 auto;}
.aboutHIROYA-box {display: flex;width: 100%;height: 500px;overflow: hidden;
  margin-top: var(--space-96);}

.aboutHIROYA-box a {position: relative;flex: 1 1 15%;transition: flex 0.6s ease;
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  text-decoration: none;color: #fff;background: #111;overflow: hidden;}
.aboutHIROYA-box a:first-child {flex: 1 1 55%; }
.aboutHIROYA-box a img {width: 100%;height: 100%;object-fit: cover;transition: none;}
.aboutHIROYA-box a:hover {flex: 1 1 55%; z-index: 2;}
.aboutHIROYA-box:hover a:not(:hover) {flex: 1 1 15%;}
.aboutHIROYA-text {background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;
  right: 0;writing-mode: vertical-rl;text-orientation: mixed;
  padding:var(--space-32) var(--space-4);color: #fff;font-size: 36px;
  font-weight: bold;white-space: nowrap;height: 100%;
  font-family: "Bebas Neue", sans-serif;letter-spacing:0.03em;}
.aboutHIROYA-box a:hover .aboutHIROYA-text{color: var(--color01--red);}

/*gallerys*/
.gallery-wrap{max-width: var(--col-8-width);margin: 0 auto;}
.gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-12);
  margin-top: var(--space-96);}
.gallery img {
  width: 100%;
  aspect-ratio: 1 / 1; 
  object-fit: cover;  
  object-position: center;
  display: block;
  cursor: pointer;
}
.fancybox__container {
  z-index: 99999 !important;
}

/*ファンクラブ*/

.fanclub-wrap{max-width: var(--col-10-width);margin: 0 auto;margin: var(--space-176) auto; }
.younggun_banner{max-width: var(--col-3-width);margin: 0 auto; margin-top: var(--space-72);text-align: center;}
.younggun_banner p{text-decoration: underline;margin-bottom: var(--space-12);}


/*フッター*/
footer{border-top: 1px solid var(--color04--grayP);display: flex;flex-direction: column;
  justify-content: center;align-items: center;gap: var(--space-32);padding: var(--space-32);
  margin-top: var(--space-176) !important;}
.footer_site-logo{max-width: 120px;margin: 0 auto;}
.footer-menu {list-style: none;margin: 0;padding: 0;display: flex;gap: var(--space-16);}
.footer-menu li {margin: 0;padding: 0;}
.footer-menu a {text-decoration: none;color: var(--color02--white);font-size: 13px;}

 /*02-YouTubeページ*/
.youTubeP{max-width: var(--col-6-width);margin: 0 auto;margin-bottom: var(--space-176);text-align: center;}
 .youtube_boxWrap{max-width: var(--col-12-width);margin: 0 auto;
  display: flex;flex-direction: column;gap: var(--space-128);}
.youtube_H2Wrap{margin: 0 auto;max-width: var(--col-7-width);}
.youtube_box-inner{display: flex;flex-direction: column;gap: var(--space-48);border-bottom: 3px dotted var(--color03--grayD);
padding-bottom: var(--space-96);}
.youtube_boxes {display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 500px));
  gap: var(--space-48);justify-content: center;width: 100%;}
.youtube_box {width: 100%;max-width: 500px;display: flex;flex-direction: column;gap: 8px;}
.youtube_box iframe {aspect-ratio: 16 / 9;width: 100%;height: auto;border: 0;}
.youtube_meta {font-size: 16px;line-height: 1.5; color: var(--color02--white);
 margin-top: var(--space-4); margin-bottom: var(--space-32);}
.youtube_title {font-weight: bold;}
.youtube_date {font-size: 1.2em;margin-top: var(--space-16);color: var(--color04--grayP);}
.youtube_cola01{border-bottom: none;}
.youtube_colabo{padding: var(--space-128) 0 var(--space-128) 0;width: 100%;border-bottom: none;
    position: relative;
    background-image: url("https://hiroya-kondo.com/wp-content/uploads/2025/10/1002-you.webp");
    background-position: center;background-repeat: no-repeat;background-size: cover;
    overflow: hidden;justify-content: flex-start !important;
    margin-bottom: var(--space-176);}
.youtube_colaboWrap{max-width: var(--col-12-width);margin: 0 auto;}
.youtube_colaboWrap p{max-width: var(--col-6-width);}
.youtube_colabo::before {content: "";position: absolute;top: 0; left: 0;
  right: 0; bottom: 0;background: rgba(0, 0, 0, 0.4); pointer-events: none;z-index: 0;}
.youtube_colabo > * {position: relative;z-index: 1; }
.youtube_colaboWrap h2{text-align: left;}
.youtube_colaboWrap .glitch-btn_wrap{margin: 0;}
.youtube_tieUp{display: flex;justify-content: space-between;padding-top: var(--space-176);}
.youtube_tieUpLeft{max-width: calc(((100vw - var(--col-12-width)) / 2) + var(--col-5-width));}
.youtube_tieUpRight{max-width: var(--col-6-width);margin-right: calc((100vw - var(--col-12-width)) / 2);}

/*03-family*/
.partners_contain{display: flex;flex-direction: column;gap: var(--space-176);}
.partners_Block-header{display: flex;justify-content: center;width: 100%;margin: 0 auto;gap: var(--space-64);
    position: relative;z-index: 1;padding-top: var(--space-48); overflow: hidden;}
.partners_Block-header::before {content: "";position: absolute;top: 0;left: 0;right: 0;
  height: 110px;background: var(--color03--grayD);z-index: -1; transform: skewY(-3deg);
    transform-origin: top right;}
.partners_Block-left{width: 100%;max-width: var(--col-5-width);}
.partners_Block-left img {width: 100%;height: auto;border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);object-fit: cover;}
.partners_Block-right{width: 100%;max-width: var(--col-6-width);
display: flex;flex-direction: column;gap: var(--space-72);}
.partners_Block-contsH2{padding-top: var(--space-32);}
.partners_Block-contsH2 h2{margin-bottom: var(--space-32);}
.partners_Block-contsH3 h3{margin-bottom: var(--space-32);}
.partners_Block-youtube .youtube_box{max-width: 600px;}
.partners_Block-contsH4 h4{margin-bottom: var(--space-32);}
.partners_Block-contsH4 ul{list-style: disc;padding-left: var(--space-24);}

/*04-media*/
.media-container{margin: 0 auto;max-width: var(--col-7-width);}
.media-container p{margin-bottom: var(--space-48);text-decoration: underline;padding-bottom: var(--space-48);border-bottom: 1px dotted var(--color04--grayP);}
.media-container h2{margin-bottom: var(--space-48);margin-top: var(--space-128);}
.media a:hover{color: var(--color02--white);}

/*05-プロフィール*/
.profile_header{text-align: center;width: 100%;
  background-image: url('../img/back01.webp');background-position: center;
  background-size: cover;background-repeat: no-repeat; padding-top: var(--space-48);
  position: relative;}
.profile_header-pBox{position: absolute;bottom: var(--space-64);
left: 50%;transform: translateX(-50%);
  max-width: calc(var(--col-12-width) + var(--extend));
  width: 100%;text-align: left;}
.profile_header-pBox .text01{line-height: 1.0;font-size: 40px;}
.profile_header-pBox .text02{font-size: 140px;line-height: 1.0;}
.profile_header-pBox .text03{max-width: var(--col-5-width);font-size: 0.8rem;}
.profile_header img{max-width: 650px;}

.profile_info{display: flex;justify-content: center;align-items: center;gap: var(--space-24);margin-top: var(--space-96);margin-bottom: var(--space-72);}
.profile_info a{border: 2px solid var(--color03--grayD);border-radius: 8px;padding: var(--space-24) var(--space-48);color: var(--color02--white);}
.profile_info-ticket{background: var(--color03--grayD);}

.profile_indexWrap{max-width: var(--col-8-width);margin: 0 auto;
display: flex;flex-direction: column;gap: var(--space-72);}
.profile_index{display: flex;justify-content: space-between;align-items: flex-start;}
.profile_indexLeft{max-width: var(--col-2-width);width: 100%;font-size: 0.9em;
background: var(--color03--grayD);color: var(--color02--white);text-align: center;
padding: var(--space-12) var(--space-8);}
.profile_indexRight{max-width: var(--col-6-width);width: 100%;display: flex;flex-direction: column;gap: var(--space-16);}

.profile_detail{display: flex;border-bottom: 1px solid var(--color04--grayP);padding-bottom: var(--space-16);}
.profile_detail-left{min-width: var(--col-2-width);color: var(--color04--grayP);}

.profile_history{margin: 0 auto;  max-width: calc(var(--col-12-width) + var(--extend));width: 100%;}
.profile_history_contentWrap{display: flex;justify-content: space-between;}
.profile_history_content{max-width: var(--col-11-width);width: 100%;}
.profile_history-btn.active { background: orange; } 
.profile_history-btn br{display: none;}
.profile_history{margin: 0 auto;max-width: calc(var(--col-12-width) + var(--extend));width: 100%;margin-top: var(--space-176);}
.profile_history_contentWrap{display: flex;justify-content: space-between;height: 480px;}
.profile_history_content{max-width: var(--col-12-width);width: 100%;display: flex;gap: var(--space-72);}
.profile_history_contentImg{max-width: var(--col-6-width);width: 100%;}
.profile_history_contentText{max-width: var(--col-5-width);}
.profile_history_contentText p{margin: 0;}
.profile_history_contentText a{display: inline-block;text-decoration: underline;}
.profile_history_contentText .textYear{font-size: 3.0em;line-height: 1.0;}
.profile_history_contentText .textYear span{font-size: 0.6em;}
.profile_history_contentText .textHeader{font-size: 2.0em;margin-bottom: var(--space-72);line-height: 1.0;}
.profile_history_contentText .textP{margin-bottom: var(--space-16);}
.profile_history_arrow{max-width: var(--col-1-width);width: 100%;
display: flex;justify-content: center;align-items: center;flex-direction: column;}
.profile_history_arrow i{font-size: 4.0em;color: var(--color02--white);}
.profile_history_arrow i:hover{cursor: pointer;}
.profile_history_arrow button{background: none;border: none;}
.profile_history-btnS{font-size: 1.3em;position: relative;display: flex;
  gap: var(--space-8);width: 100%;padding: 0 80px;box-sizing: border-box;}
.profile_history-btnS::before {
  content: "";position: absolute;top: 0;left: 0;height: 100%;width: 72px;
  background: var(--color03--grayD);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 25% 50%, 0% 0%);z-index: 0;}
.profile_history-btnS::after {
  content: "";position: absolute;top: 0;right: 0;height: 100%;width:72px;
  background: var(--color03--grayD);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);z-index: 0;}
.profile_history-btn {
  flex: 1;padding: var(--space-12) var(--space-8);text-align: center;
  color: var(--color02--white);font-weight: bold;cursor: pointer;
  background: var(--color04--grayP);
  position: relative;z-index: 1;}
.profile_history-btn.active { background: var(--color01--red); } 
.profile_history_arrowTop.disabled,
.profile_history_arrowBottom.disabled {opacity: 0.3;pointer-events: none; }

/*8-ギャラリー*/
.gallerysPage .gallery{margin-top: 0;}

/*7-サブスクリプション*/
.subscu_Topcontain{margin: 0 auto;max-width: var(--col-8-width);margin-bottom: var(--space-176);}
.subscu_contsWrap{display: flex;flex-direction: column;gap: var(--space-128);}
.subscu_contsBox{display: flex;justify-content: center;gap:  var(--space-64);}
.subscu_contsBoxReverse{flex-direction: row-reverse;}
.subscu_contsText{max-width: var(--col-5-width);}
.subscu_contsBox img{max-width: var(--col-4-width);}
.subscu_Block-youtube {margin-top: var(--space-64);}
.subscu_Block-youtube .youtube_box{max-width: 100%;}
.subscu_ctaWrap{text-align: center;max-width: var(--col-8-width);margin: 0 auto;margin-top: var(--space-176);}
.subscu_ctaWrap .glitch-btn_wrap{margin-top: var(--space-64);}

/*8-プロテイン*/
.protein_container{margin: 0 auto;max-width: var(--col-8-width);}
.protein_Block-youtube .youtube_box{max-width: 100%;}
.protein_BlockWrap01{width: 100%;
display: flex;justify-content: space-between;margin-top: var(--space-128);gap: var(--space-72);
background: rgba(255, 255, 255, 0.1);}
.protein_BlockWrapLeft{max-width: var(--col-9-width);}
.protein_BlockWrapRight{padding-top: var(--space-96);max-width: var(--col-5-width);margin-right: calc((100vw - var(--col-12-width)) / 2); }
.protein_BlockWrap02{max-width: var(--col-8-width);margin: 0 auto;margin-top: var(--space-128);}
.protein_BlockWrap03 {margin-top: var(--space-128);
    background: url("https://hiroya-kondo.com/wp-content/uploads/2025/10/1002-back2.webp") 
                no-repeat center center / cover;padding: var(--space-128) 0;}
.protein_BlockWrap03innner{max-width: var(--col-5-width); margin: 0 auto;}

/*10-スポンサー*/
.sponsor_top{text-align: center;}
.sponsor_top p{max-width: var(--col-6-width);margin: 0 auto;}

.sponsor_kindsContain{max-width: var(--col-12-width);margin: 0 auto;
margin-top: var(--space-96);padding: var(--space-48) var(--space-48) var(--space-96) var(--space-48);border-radius: 10px;
border: 3px solid var(--color03--grayD);}
.sponsor_kindsWrap{display: flex;
  flex-direction: column;align-items: center;
  gap: var(--space-64);}
.sponsor_kindsBox{text-align: center;width: 100%;
display: flex;flex-direction: column;align-items: flex-end;gap: var(--space-48);
border-bottom: 3px dotted var(--color03--grayD);padding-bottom: var(--space-64);}
.sponsor_kindsHeader{width: 100%;text-align: left;padding-bottom: var(--space-32);}
.sponsor_kindsHeader p{font-size: 4.0em;opacity: 0.5;line-height: 1.0;margin-bottom: var(--space-12);}
.sponsor_kindsHeader h3{line-height: 1.0;}
.sponsor_kindsHeader h3 br{display: inherit;}
.sponsor_kindsBoxContain{display: flex;justify-content: space-between;width: 100%;flex-direction: row-reverse;}
.sponsor_HP-caption{padding-top: 4px;}
.sponsor_HP-caption p{text-align: right;font-size: 0.7em;line-height: 2.0;margin: 0 !important ;}
.sponsor_kindsBoxLeft{text-align: left;max-width: var(--col-5-width);}
.sponsor_kindsBoxRight{max-width: var(--col-5-width);text-align: left;}
.sponsor_kindsBoxRight .youtube_box{max-width: 100%;margin-bottom: var(--space-24);}
.sponsor_return{font-size: 1.3em;background: var(--color02--white);padding:var(--space-4) var(--space-24) 0 var(--space-24);color: var(--color03--grayD);display: inline-block;margin-bottom: var(--space-24);}
.sponsor_tieUpWrap{margin-top: var(--space-176);}
.sponsor_tieUpBoxWrap{width: 100%;display: flex;justify-content: center;text-align: center;max-width: var(--col-12-width);margin: 0 auto;margin-top: var(--space-72);}
.sponsor_tieUpBoxWrap img{margin-top: var(--space-24);}
.sponsor_tieUpBoxLeft{max-width: var(--col-5-width);border:3px solid var(--color03--grayD);border-radius: 10px;padding: var(--space-48) var(--space-48); }
.sponsor_tieUpBoxRight{max-width: var(--col-5-width);border:3px solid var(--color03--grayD);border-radius: 10px;padding: var(--space-48) var(--space-48);}
.sponsor_tieUpBoxWrap h3{margin-bottom: var(--space-24);}
.sponsor_tieUpBoxWrap p{text-align:left;}
.sponsor_tieUpWrap .sponsor_kindsHeader{text-align: center;}
.sponsor_tieUpIcon{margin: 0 auto;display: flex;justify-content: center;align-items: center;gap: var(--space-24);margin-top: var(--space-72);
border-bottom: 1px solid var(--color02--white);padding-bottom: var(--space-64);
border-top: 1px solid var(--color02--white);padding-top: var(--space-64);
max-width: var(--col-6-width);}
.sponsor_tieUpMiniIcon{text-align: center;margin-bottom: var(--space-24);}
.sponsor_tieUpMiniIcon img{max-width: 100px;}
.sponsor_tieUpIconLeft{max-width: 170px;}
.sponsor_tieUpIconRight{font-size: 40px;line-height: 1.0;}
.sponsor_tieUpIconRight span{font-size: 3.0em;color: var(--color01--red);}
.sponsor_offer{display: flex;justify-content: space-between;background: rgba(255, 255, 255, 0.1);padding: var(--space-96) var(--space-64);
max-width: var(--col-12-width);margin: 0 auto;margin-top: var(--space-176);position: relative;}
.sponsor_offer p{text-align: left;}
.sponsor_offerLeft{max-width: var(--col-5-width);}
.sponsor_offerCamera{max-width: 500px;position: absolute;right: 0;bottom: 0;}


/*11-サロン*/
.salon_Topcontain{margin: 0 auto;max-width: var(--col-8-width);margin-bottom: var(--space-176);}
.salon_contsWrap{display: flex;flex-direction: column;gap: var(--space-128);}

.salon_contsBox{display: flex;justify-content: center;gap:  var(--space-64);}
.salon_contsBoxReverse{flex-direction: row-reverse;}
.salon_contsText{max-width: var(--col-5-width);}
.salon_contsBox img{max-width: var(--col-4-width);}
.salon_Block-youtube {margin-top: var(--space-64);}
.salon_Block-youtube .youtube_box{max-width: 100%;}
.salon_ctaWrap{text-align: center;max-width: var(--col-6-width);}
.salon_ctaContain{background: rgba(255, 255, 255, 0.1);max-width: var(--col-12-width);margin: 0 auto;margin-top: var(--space-96);padding: var(--space-128) var(--space-64);
display: flex;justify-content: space-between;}
.salon_ctaRight{max-width: var(--col-4-width);}
.salon_ctaRight img{ border-radius: 50%;object-fit: cover;}
.salon_contsBoxMovie{width: 100%;padding: var(--space-128) 0;}
.salon_contsBoxMovie .salon_contsText{max-width: var(--col-6-width);}
.salon_contsBoxMovie video{max-width: var(--col-4-width);}

.salon_TrigerWrap{background: var(--color05--bkP);padding-top: var(--space-128);}
.salon_TrigerHeadH2{font-size: 6.0em;line-height: 1.0;}
.salon_TrigerHeadP{text-align: center;line-height: 1.0;margin-bottom: var(--space-96);font-size: 1.1em;margin-top: var(--space-12);}
.salon_TrigerContsContain{text-align: center;padding-bottom:var(--space-128);}
.salon_TrigerContsBox{display: inline-flex;justify-content: center;gap: var(--space-64);
position: relative;margin-bottom: var(--space-32);
align-items: flex-end;z-index: 1;overflow: hidden; 
  border-radius: 8px;text-align: left;
  padding: var(--space-48) var(--space-128) var(--space-64) var(--space-128);}
.salon_TrigerContsBox::before {content: "";
  position: absolute;top: 0;left: 0;width: 100%;
  height: 100%;background: var(--color00--bk, #000);
  clip-path: polygon(0 44%, 100% 0, 100% 100%, 0% 100%);
  z-index: -1;}
.salon_TrigerContsBoxReverse{flex-direction: row-reverse;}
.salon_TrigerContsBox-left{max-width: var(--col-4-width);}
.salon_TrigerContsBox-right{padding-top: var(--space-64);
  max-width: var(--col-4-width);position: relative;}
.salon_Triger-Number {padding-top: var(--space-4);
  width: 100px;height: 100px;border-radius: 50%; 
   background: var(--color01--red); 
   color: var(--color02--white);display: flex;
   flex-direction: column;align-items: center;
   justify-content: center;font-weight: bold;
  font-size: 1.4em;
  position: absolute;top: 0 ;right: 0;}
.salon_Triger-Number p{  line-height:1.0;}
.triger-NumberText02{font-size: 2.0em;}
.salon_TrigerContsBox-right h3{font-size: 80px;line-height: 1.0;color: var(--color04--grayP);}
.salon_TrigerContsBox-right_text01{font-size: 0.9em;color: var(--color04--grayP);}
.salon_TrigerContsBox-right_text02{margin-top: var(--space-64);}
.salon_liveContain{padding: var(--space-176) 0 ;}
.salon_liveWrap{margin-top: var(--space-96);}
.short-video-wrap {width: 100%; 
  display: flex;justify-content: center; 
  gap: 16px;box-sizing: border-box;padding: 0 16px; }
.short-video {aspect-ratio: 9 / 16; width: 100%; 
  max-width: 420px; position: relative;
  overflow: hidden;border-radius: 12px;background: #000; 
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);}
.salon_benefitsContain{background: var(--color05--bkP);padding: var(--space-176) 0 var(--space-48) 0;}
.salon_shortContain{padding-top: var(--space-176);}
.salon_shortContain_wrap{display: flex;justify-content: center;gap: var(--space-48);}
.salon_shortContain_wrap .short-video-wrap {width: auto;}



/*21プラポリ*/
.pra_container{max-width: var(--col-8-width);margin: 0 auto;
  display: flex;flex-direction: column;gap: var(--space-48);}
.pra_Wrap h3{margin-bottom: var(--space-24);}

/*22　company*/
.company-profile {max-width: var(--col-8-width);margin: 0 auto;
  background: var(--color02--white);border-radius: 16px;padding: var(--space-48);
  color: var(--color00--bk);}
.info-grid {display: grid;grid-template-columns: 150px 1fr;
  gap: var(--space-24) var(--space-32);}
.info-label {font-weight: bold;color: var(--color04--grayP);white-space: nowrap;}
.info-content {line-height: 1.6;}



/*メディアクエリ チェックする代表的な幅の例
max-width: 1199px 1199px、1200px（直前直後）
max-width: 991px  991px、992px（直前直後）
max-width: 767px  767px、768px（直前直後）、480pxあたり（スマホ想定）
1320px以上 → 1319px → 1199px → 991px → 767px → 375px
*/




/* --- 1319px以下（ノートPC） */
@media (max-width: 1319px) {
  :root {
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 0)); 
  --space-12:calc(12px - (var(--space-unit) * 0)); 
  --space-16:calc(16px - (var(--space-unit) * 0)); 
  --space-24:calc(24px - (var(--space-unit) * 1)); 
  --space-32:calc(32px - (var(--space-unit) * 1)); 
  --space-48:calc(48px - (var(--space-unit) * 3)); 
  --space-64:calc(64px - (var(--space-unit) * 3)); 
  --space-72:calc(72px - (var(--space-unit) * 4)); 
  --space-96:calc(96px - (var(--space-unit) * 4)); 
  --space-128:calc(128px - (var(--space-unit) * 12));
  --space-176:calc(176px - (var(--space-unit) * 20)); 
  --space-256:calc(256px - (var(--space-unit) * 30));  
  }

h1 {font-size: 38px;line-height: 1.25;margin: 0;}
h2 {font-size: 30px;line-height: 1.3;margin: 0;}
h3 {font-size: 23px;line-height: 1.4;margin: 0;}
h4 {font-size: 19px;line-height: 1.5;margin: 0;}

.global-menuSide {list-style: none;margin: 0;display: flex;flex-direction: column;
  text-align: left;padding-left: var(--space-24);padding-right: var(--space-48);}
.global-menuSide li a {position: relative;display: inline-block;color: #fff;
  text-decoration: none;font-weight: bold;font-size: 30px;font-family: "Bebas Neue";
  line-height: 1.0;overflow: hidden;}
.global-menuSide li a::after {content: attr(data-text);position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;color: var(--color00--bk);
  transform: translateY(-100%);transition: transform 0.1s ease;}
.global-menuSide li a:hover::after {transform: translateY(0);}
.global-menuSide li a:hover {color: var(--color01--red);}


/*パンくず*/
.breadcrumb {margin-top: 85px;font-size:0.9em;}




/*ヘッダー*/
.global-header{position: fixed;top: 0;left: 0;width: 100%;
  background: var(--color01--red);color: #fff;z-index: 9000;}
.global-headerFront {opacity: 0;transform: translateY(-30px); visibility: hidden;
pointer-events: none;transition: opacity 0.5s ease, transform 0.5s ease;}
.global-headerFront.visible {opacity: 1;transform: translateY(0);
  visibility: visible;pointer-events: auto;}
.global-header .header-inner {max-width: 100%;
  margin: 0 auto;padding: var(--space-24) 90px var(--space-24) var(--space-24);
  display: flex;align-items: center;justify-content: space-between;}
.global-header .site-logo{font-size: 0;}
.global-header .site-logo img {max-width: 70px;}
.global-menu {list-style: none;display: flex;gap: var(--space-24);}
.global-menu li a {color: var(--color02--white);text-decoration: none;
  font-weight: bold;transition: color 0.3s;font-family: "Bebas Neue";
  letter-spacing:0.03em;font-size: 20px;}
.global-menu li a:hover {color: var(--color00--bk);}

.header-innerWrap{position: relative;}
.global-header_info{position: absolute;top: 50%;transform: translateY(-50%);
  font-size: 1.4em;right: 32px;}

.aboutHIROYA{padding: 0 24px;}
.footer_site-logo{max-width: 90px;}

.pageTitleWrap{margin: 0 auto;margin-top: var(--space-176);margin-bottom: 100px;
text-align: center;max-width: var(--col-6-width);width: 100%;}
.pageTitle{font-family: "Bebas Neue", sans-serif;letter-spacing: 0.03em;
font-size: 6.0rem;position: relative;color: var(--color02--white);line-height: 1.0;
text-transform: uppercase;overflow: hidden;}
.pageTitlePwrap::after {content: "";display: block;width: 300px; height: 3px;
margin: 3.0em auto 0; background: var(--color02--white);
background: linear-gradient(72deg, var(--color01--red) 0%, var(--color01--red) 16%, var(--color02--white) 17%);}
.pageTitleWrap p{color: var(--color02--white);line-height: 1.0;font-size: 1.2em;}

.profile_header-pBox{padding-left: 48px;}

.profile_history{padding: 0 48px;}

.youtube_colaboWrap{padding: 0 48px;}

.youtube_tieUp{justify-content: center;gap: 48px;}
.youtube_tieUpRight{max-width: var(--col-4-width);}

.salon_TrigerHeadH2{font-size: 4.5em;}
.salon_contsBoxMovie{padding: var(--space-128) 48px;}

.protein_BlockWrapLeft{max-width: var(--col-5-width);}
.protein_BlockWrap01{align-items: center;}
.protein_BlockWrapRight{margin-right: 0;padding: 64px 48px 64px 0;}

.partners_Block-header{padding: 0 48px;}

.sponsor_tieUpIconRight span{font-size: 2.2em;}
.sponsor_tieUpBoxWrap{padding: 0 48px;}
.sponsor_contain{padding: 0 48px;}
.sponsor_kindsBoxLeft{max-width: var(--col-4-width);}


}

/* --- 991px以下（タブレット） */
@media (max-width: 991px) {

  :root {
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 0)); 
  --space-12:calc(12px - (var(--space-unit) * 0)); 
  --space-16:calc(16px - (var(--space-unit) * 0)); 
  --space-24:calc(24px - (var(--space-unit) * 1)); 
  --space-32:calc(32px - (var(--space-unit) * 1)); 
  --space-48:calc(48px - (var(--space-unit) * 3)); 
  --space-64:calc(64px - (var(--space-unit) * 3)); 
  --space-72:calc(72px - (var(--space-unit) * 4)); 
  --space-96:calc(96px - (var(--space-unit) * 4)); 
  --space-128:calc(128px - (var(--space-unit) * 12));
  --space-176:calc(176px - (var(--space-unit) * 20)); 
  --space-256:calc(256px - (var(--space-unit) * 30));  
  }

h1 {font-size: 30px;line-height: 1.25;margin: 0;}
h2 {font-size: 26px;line-height: 1.3;margin: 0;}
h3 {font-size: 21px;line-height: 1.4;margin: 0;}
h4 {font-size: 19px;line-height: 1.5;margin: 0;}

/*パンくず*/
.breadcrumb {margin-top: 85px;font-size:0.8em;}


.pageTitle{font-size: 4.0em;}
.pageTitleWrap p{font-size: 1.1em;}

.hero-fade{height: 600px;}
.global-menuSide li a{font-size: 26px;}
.frontH2Wrap h2{font-size: 3.5em;}
.newYouTubeContainer{padding: 0 48px 48px 48px;}
.gallery{padding: 0 48px;}

.youtube_tieUpRight{margin-right: 0;}

.profile_header-pBox .text01{font-size: 24px;}
.profile_header-pBox .text02{font-size: 90px;}

.profile_history_arrow i{font-size: 2.5em;}

.sponsor_kindsBoxLeft{max-width: var(--col-2-width);}
.sponsor_kindsHeader p{font-size: 2.5em;}
.sponsor_tieUpBoxWrap{padding: 0;}
.sponsor_tieUpIconRight span{font-size: 1.9em;}
.sponsor_offerCamera{max-width: 300px;}

.protein .spContainer{padding: 0 48px;}
.protein_BlockWrap01{padding: 48px 0 48px 0;}
.protein_BlockWrapRight{max-width: var(--col-6-width);}

.salon_Topcontain{padding: 0 48px;}


.salon_TrigerHeadH2{font-size: 3.5em;}

.salon_TrigerContsBoxReverse .salon_Triger-Number{right: -90px;}
.salon_contsText{max-width: var(--col-7-width);}
.salon_contsBox img{max-width: var(--col-3-width);}
.salon_contsBox{align-items:flex-start; }

.short-video{max-width: 300px;}
.salon_ctaRight{max-width: var(--col-3-width);padding: 24px;}

}


/* --- 767px以下（スマホ） */
@media (max-width: 767px) {

:root {
  --space-unit: 4px;
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 1)); 
  --space-12:calc(12px - (var(--space-unit) * 1)); 
  --space-16:calc(16px - (var(--space-unit) * 2)); 
  --space-24:calc(24px - (var(--space-unit) * 4)); 
  --space-32:calc(32px - (var(--space-unit) * 5)); 
  --space-48:calc(48px - (var(--space-unit) * 8)); 
  --space-64:calc(64px - (var(--space-unit) * 8)); 
  --space-72:calc(72px - (var(--space-unit) * 14)); 
  --space-96:calc(96px - (var(--space-unit) * 16)); 
  --space-128:calc(128px - (var(--space-unit) * 18));
  --space-176:calc(176px - (var(--space-unit) * 20)); 
  --space-256:calc(256px - (var(--space-unit) * 44)); 

  --extend: 8px;
  --container: calc(100% - (var(--extend) * 2));

    /*n / 17*/
  --font-size-main: 14px;
  --font-size14: 0.823rem;
  --font-size20: 1.05rem;
  --font-size24: 1.411rem;
  --font-size32: 1.882rem;
  --font-size40: 2.352rem;

  }

html {height: 100%;font-size: var(--font-size-main);-webkit-text-size-adjust: none;line-height: 1.6; }
body { overflow-x: hidden;font-family: "Noto Sans JP", sans-serif;color: var(--color02--white);font-weight: normal;background: #000;}
img{width: 100%;height: auto;vertical-align: top;}
p{font-size: 1.0rem;line-height: 1.6em;margin: 0;}
.post-content p {margin-bottom: 1.4em !important;}
.commonP p {margin-bottom: 1.4em !important;}
h1 {font-size: 22px;line-height: 1.3;margin: 0;}
h2 {font-size: 21px;line-height: 1.4;margin: 0;}
h3 {font-size: 18px;line-height: 1.4;margin: 0;}
h4 {font-size: 18px;line-height: 1.5;margin: 0;}



/*上書きタブレット これは先頭に書くこと*/
.newYouTubeContainer{padding: 0;}
.aboutHIROYA{padding: 0;}
.gallery{padding: 0;}
.partners_Block-header{padding: 0;padding-top: var(--space-48);}
.protein .spContainer {padding: initial;}
.protein_BlockWrap01{padding: initial;}
.salon_Topcontain{padding: initial;}
.salon_TrigerContsBoxReverse .salon_Triger-Number{right: 0px;}
.sponsor_contain{padding: initial;}


/*共通汎用パーツ*/
.container{margin: 0 auto;max-width:100%;}
.alignCenter{text-align: center;}
.customFontA{font-family: "Bebas Neue", sans-serif;letter-spacing:0.03em;}
.customFontDM{font-family: "DM Serif Display", serif;letter-spacing:0.03em;}
.customFontPaytone{font-family: "Paytone One", sans-serif;letter-spacing:0.03em;}
.fontB{font-weight: bold;}
.h2underMargin{margin-bottom: var(--space-48);}
.h2PageBase{width: 100%;text-align: center;}
.secBottom{margin-bottom: var(--space-256);}
.spContainer{padding: 0 32px !important;}
.spInherit{display: inherit !important;}
.spNone{display: none !important;}

/*パンくず*/
.breadcrumb {margin-top: 16px;font-size:1.0em;}

.pageTitleWrap{margin: 0 auto;margin-top: var(--space-176);margin-bottom: 70px;
text-align: center;max-width:100%;width: 100%;}
.pageTitle{font-family: "Bebas Neue", sans-serif;letter-spacing: 0.03em;
font-size: 3.0rem;position: relative;color: var(--color02--white);line-height: 1.2;
text-transform: uppercase;overflow: hidden;}
.pageTitlePwrap::after {content: "";display: block;width: 100px; height: 3px;
margin: 2.0em auto 0; background: var(--color02--white);
background: linear-gradient(72deg, var(--color01--red) 0%, var(--color01--red) 16%, var(--color02--white) 17%);}
.pageTitleWrap p{color: var(--color02--white);line-height: 1.0;font-size: 1.1em;}

.h1small{font-size: var(--font-size-main);font-weight: normal;line-height: 1.0;font-size: 1.2em;}
.centerGap{gap: var(--space-64);}

.frontH2Wrap{text-align: center;}
.frontH2Wrap h2{font-family: "Bebas Neue", sans-serif;letter-spacing: 0.03em;font-size: 2.1em;
  color: var(--color02--white); line-height: 1.3;}
.frontH2Wrap::after {content: "";display: block;width: 100px; height: 2px;
  margin: 1.3em auto 0; background: var(--color02--white);
background: linear-gradient(72deg, var(--color01--red) 0%, var(--color01--red) 16%, var(--color02--white) 17%);}

.h1PageWrap{text-align: center;}
.h1Page{padding-bottom: var(--space-48);display: inline-block;color: var(--color02--white);}
.topContain{max-width: 100%;margin: 0 auto;margin-bottom: var(--space-128);}

.glitch-btn_wrap{;margin: 0 auto;text-align: center;max-width: 200px;min-width: 220px;}
.glitch-btn {width: 100%;position: relative;display: inline-block;
  font-size: var(--font-size20);font-weight: bold;text-transform: uppercase;
  background: var(--color02--white);  color: var(--color00--bk);
  border: 2px solid var(--color00--bk);cursor: pointer;overflow: hidden;
  transition: background 0.3s ease;z-index: 0;padding: var(--space-24) 24px;
  border-radius: 8px;box-shadow: 0 6px 0 var(--color01--red), 0 6px 0 2px #000;}
.glitch-btn:hover {transform: translateY(-2px);box-shadow: none;
color: var(--color02--white);border-radius: 20px;background: var(--color01--red);}
.glitch-btn:active {transform: translateY(6px);box-shadow: 0 2px 0 #600, 0 2px 0 2px #000;}

.btn_MarginTop{margin-top: var(--space-64);}

/*シングルページ*/
.article_headWrap{max-width: 100%;margin: 0 auto;}
.single-title {font-size: var(--font-size32);margin-bottom: var(--space-32);}
.single-date {font-size: 1.3em;color: var(--color03--grayD);margin-bottom: 20px;}
.single-thumbnail img {width: 100%;height: auto;display: block;border-radius: 4px;}
.single-content {max-width: 100%;margin: 0 auto;margin-top: var(--space-72);}
.single-content p{margin-bottom: 1.5em;}
.single-content h2,.single-content h3,.single-content h4,.single-content h5{
  margin-bottom: 0.7em;margin-top: 2.0em;}
.single-content img{margin-top: 2.0em;margin-bottom: 2.0em;}

/*投稿一覧*/
.home_container{max-width: 100%;margin: 0 auto;}
.home_container article{margin-bottom: var(--space-128);}
.home_container time{font-size: 1.3em;color: var(--color03--grayD);}
.home_container .entry-title{line-height: 1.4;margin-bottom: var(--space-8);}
.home_container .post-thumbnail{margin-top: var(--space-8);}

.pagination {margin-top: var(--space-72);display: flex;justify-content: center;}
.pagination .nav-links {display: flex;gap: var(--space-12);flex-wrap: wrap;}
.pagination .page-numbers {display: inline-flex;align-items: center;
  justify-content: center;width: 44px;height: 44px;border-radius: 50%;
  font-size: 16px;font-weight: 600;text-decoration: none;
  transition: all 0.3s ease;color: #fff;background: var(--color03--grayD);
  box-shadow: 0 3px 6px rgba(0,0,0,0.3);}
.pagination .page-numbers:hover {background: var(--color01--red); 
  transform: translateY(-3px);box-shadow: 0 6px 12px rgba(0,0,0,0.4);}
.pagination .page-numbers.current {background: var(--color01--red);
  color: var(--color02--white);pointer-events: none;}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {width: auto;padding: 0 18px;border-radius: 24px;
  font-size: 14px;font-weight: 500;}

/*ヘッダー*/
.global-header{display: none;}

/*SPヘッダー*/
.spHeader{display: inherit;}

/* 基本の三本線 */
.hamburger {position: fixed;top: 20px;
  right: 30px;width: 30px;height: 22px;
  cursor: pointer;z-index: 1100;}

.hamburger span,
.hamburger span::before,
.hamburger span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--color02--white);
  transition: all 0.4s ease;
  border-radius: 2px;
}

.hamburger span {top: 50%;transform: translateY(-50%);}
.hamburger span::before { top: -8px;}
.hamburger span::after {top: 8px;}

.hamburger.active span { background: transparent; }
.hamburger.active span::before {top: 0;transform: rotate(45deg);}
.hamburger.active span::after {top: 0;transform: rotate(-45deg);}

.fullscreen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color01--red);
  color: var(--color02--white);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transform: translateY(-100%);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 1000;
}

.fullscreen-menu.active { transform: translateY(0);}
.fullscreen-menu .menu-list {list-style: none;text-align: center;padding: 0;}

.fullscreen-menu .menu-list li {}
.fullscreen-menu .menu-list a {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--color02--white);
  text-decoration: none;
  transition: opacity 0.3s;
}
.fullscreen-menu .menu-list a:hover {opacity: 0.7;}

.spMenuBottom{padding-top: 16px;min-width: 300px;display: flex;gap: 32px;margin-top: 20px;border-top: 1px solid var(--color02--white);justify-content: center;}
.spMenuBottom img{max-height: 25px;width: auto;}


/*Page用ヘッダー*/
.header-wrapper{position: relative;}
.page-template .header-wrapper {display: flex;justify-content: center;
  align-items: center;text-align: center;}

/*HEROFADE*/
.hero-fade {position: relative;width: 100%;height: 80vh;overflow: hidden;min-height: 500px; }
.hero-slides {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero-slides .slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  background-size: cover;background-position: center;opacity: 0;
  transform: translateY(-50px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;}
.hero-slides .slide.active {opacity: 1;transform: translateY(0); }
.hero-content {position: relative;z-index: 2;color: #fff;text-align: center;
  top: 50%;transform: translateY(-50%);text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);}
.hero-fade_sign{position: absolute;left:5%;bottom: 5%;z-index: 90;
display: flex;flex-direction: column;font-size: 2.5rem;}
.hero-signTop{font-size: 0.7em;line-height: 1.0;}
.hero-signMiddle{font-size: 2.0em;line-height: 0.9;}
.hero-signBottom{font-size: 0.7em;line-height: 1.4;}

.slide:nth-child(1) {
    background-image: url('https://hiroya-kondo.com/wp-content/uploads/2025/10/1004-heroSP1.jpg');
  }
.slide:nth-child(2) {
    background-image: url('https://hiroya-kondo.com/wp-content/uploads/2025/10/1004-heroSP2.jpg');
  }
.slide:nth-child(3) {
    background-image: url('https://hiroya-kondo.com/wp-content/uploads/2025/10/1010-2.webp');
  }




/*ヘッダーSide*/
.global-navSide {display: none;}

/*newCard*/
.newCard{margin-top: var(--space-96);margin-bottom: var(--space-96);}
.newCard .card-thumbnail{max-width: calc(var(--col-12-width) + var(--extend));
  margin: 0 auto;}

/*news一覧*/
.news{max-width: var(--col-12-width);background: var(--color05--bkP);margin: 0 auto;padding: var(--space-96) 0;border-radius: 16px;}
.news_article{margin-top: var(--space-96);}
.newsWrap{margin: 0 auto;max-width: var(--col-11-width);}
.news-list {display: flex;flex-direction: column;gap: var(--space-16);}
.news-item {display: flex;align-items: flex-start;gap: var(--space-24);}
.news-date {font-size: 1.1em;font-family:"Bebas Neue", sans-serif;
  letter-spacing:0.03em;color:var(--color04--grayP);min-width: 60px; }
.news-title {font-size: var(--font-size-main);color: var(--color02--white);
  text-decoration: none;}
.news-title:hover {text-decoration: underline;}

/*newYouTube*/
.newYouTube{margin: var(--space-176) 0; }
.newYouTubeContainer{max-width: 100%;margin: 0 auto;}
.newYouTubeWrap {position: relative;width: 100%;margin: 0 auto;padding-bottom: 56.25%;
  height: 0;overflow: hidden;margin-top: var(--space-96);}
.newYouTubeWrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*snsList*/
.snsList-wrap{max-width: var(--col-10-width);margin: 0 auto;text-align: center;}
.snsList-insta{margin-bottom: var(--space-32);}
.snsList-Btn{margin-top: var(--space-96);}

/*aboutHIROYA*/
.aboutHIROYA{margin: var(--space-176) 0; }
.aboutHIROYA-wrap{max-width: var(--col-12-width);margin: 0 auto;}
.aboutHIROYA-box {display: flex;width: 100%;height: 500px;overflow: hidden;
  margin-top: var(--space-96);flex-direction: column;gap: 12px;}

.aboutHIROYA-box a {position: relative;flex: 1;transition: flex 0.6s ease;
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  text-decoration: none;color: #fff;background: #111;overflow: hidden;}
.aboutHIROYA-box a:first-child {flex: 1; }
.aboutHIROYA-box a img {width: 100%;height: 100%;object-fit: cover;transition: none;}
.aboutHIROYA-box a:hover {flex: 1 1 55%; z-index: 2;}
.aboutHIROYA-box:hover a:not(:hover) {flex: 1 1 15%;}
.aboutHIROYA-text {background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;
  right: 0;writing-mode: vertical-rl;text-orientation: mixed;
  padding:var(--space-32) var(--space-4);color: #fff;font-size: 1.3em;
  font-weight: bold;white-space: nowrap;height: 100%;
  font-family: "Bebas Neue", sans-serif;letter-spacing:0.03em;}
.aboutHIROYA-box a:hover .aboutHIROYA-text{color: var(--color01--red);}

/*gallerys*/
.gallery-wrap{max-width: 100%;margin: 0 auto;}
.gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-12);
  margin-top: var(--space-96);}
.gallery img {width: 100%;display: block;cursor: pointer;}

/*ファンクラブ*/

.fanclub-wrap{max-width: var(--col-10-width);margin: 0 auto;margin: var(--space-176) auto; }
.younggun_banner{max-width: 100%;margin: 0 auto; margin-top: 48px;text-align: center;}
.younggun_banner p{text-decoration: underline;margin-bottom: var(--space-12);}
.younggun_banner img{width: 50%;}

/*フッター*/
footer{border-top: 1px solid var(--color04--grayP);display: flex;flex-direction: column;
  justify-content: center;align-items: center;gap: var(--space-32);padding:var(--space-32);padding-top: 32px;
  margin-top: 64px !important;}
.footer_site-logo{max-width: 60px;margin: 0 auto;}
.footer-menu {list-style: none;margin: 0;padding: 0;display: flex;gap: 16px;}
.footer-menu li {margin: 0;padding: 0;}
.footer-menu a {text-decoration: none;color: var(--color02--white);font-size: 12px;}

 /*02-YouTubeページ*/
.youTubeP{max-width: 100%;margin: 0 auto;margin-bottom: var(--space-176);text-align: center;}
.youtube_boxWrap{max-width: 100%;margin: 0 auto;
  display: flex;flex-direction: column;gap: var(--space-128);}
.youtube_H2Wrap{margin: 0 auto;max-width: 100%;}
.youtube_box-inner{display: flex;flex-direction: column;gap: var(--space-48);border-bottom: 3px dotted var(--color03--grayD);
padding-bottom: var(--space-96);}
.youtube_boxes {display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 500px));
  gap: var(--space-48);justify-content: center;width: 100%;}
.youtube_box {width: 100%;max-width: 500px;display: flex;flex-direction: column;gap: 8px;}
.youtube_box iframe {aspect-ratio: 16 / 9;width: 100%;height: auto;border: 0;}
.youtube_meta {font-size: 16px;line-height: 1.4; color: var(--color02--white);
 margin-top: var(--space-4); margin-bottom: var(--space-32);}
.youtube_title {font-weight: bold;font-size: 0.8em;}
.youtube_date {font-size: 0.9em;margin-top: var(--space-16);color: var(--color04--grayP);}
.youtube_cola01{border-bottom: none;}
.youtube_colabo{padding: var(--space-128) 0 var(--space-128) 0;width: 100%;border-bottom: none;
    position: relative;
    background-image: url("https://hiroya-kondo.com/wp-content/uploads/2025/10/1004-back.webp");
    background-position: center;background-repeat: no-repeat;background-size: cover;
    overflow: hidden;justify-content: flex-start !important;
    margin-bottom: var(--space-176);}
.youtube_colaboWrap{max-width: 100%;margin: 0 auto;}
.youtube_colaboWrap p{max-width: 100%;}
.youtube_colabo::before {content: "";position: absolute;top: 0; left: 0;
  right: 0; bottom: 0;background: rgba(0, 0, 0, 0.4); pointer-events: none;z-index: 0;}
.youtube_colabo > * {position: relative;z-index: 1; }
.youtube_colaboWrap h2{text-align: left;}
.youtube_colaboWrap .glitch-btn_wrap{margin: 0 auto;min-width: 300px;}

.youtube_tieUp{display: block;justify-content: space-between;padding-top: 40px;}
.youtube_tieUpLeft{max-width: 100%;text-align: center;margin-bottom: 24px;}
.youtube_tieUpLeft img{width: 80%;}
.youtube_tieUpRight{max-width: 100%;margin-right: 0;}

/*03-family*/
.partners_contain{display: flex;flex-direction: column;gap: var(--space-176);}
.partners_Block-header{display: block;justify-content: center;width: 100%;margin: 0 auto;gap: var(--space-64);
    position: relative;z-index: 1;padding-top: var(--space-48); overflow: hidden;}
.partners_Block-header::before {content: "";position: absolute;top: 30px;left: 0;right: 0;
  height: 60px;background: var(--color03--grayD);z-index: -1; transform: skewY(-6deg);
    transform-origin: top right;}
.partners_Block-left{width: 100%;max-width: 100%;text-align: center;margin-bottom: 20px;}
.partners_Block-left img {width: 70%;height: auto;border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);object-fit: cover;}
.partners_Block-right{width: 100%;max-width:100%;
display: flex;flex-direction: column;gap: var(--space-72);}
.partners_Block-contsH2{padding-top: var(--space-32);}
.partners_Block-contsH2 h2{margin-bottom: var(--space-32);}
.partners_Block-contsH3 h3{margin-bottom: var(--space-32);}
.partners_Block-youtube .youtube_box{max-width: 600px;}
.partners_Block-contsH4 h4{margin-bottom: var(--space-32);}
.partners_Block-contsH4 ul{list-style: disc;padding-left: 30px;}

/*04-media*/
.media-container{margin: 0 auto;max-width: 100%;}
.media-container p{margin-bottom: var(--space-48);text-decoration: underline;}
.media-container h2{margin-bottom: var(--space-48);margin-top: var(--space-128);}
.media a:hover{color: var(--color02--white);}

/*05-プロフィール*/
.profile_header{text-align: center;width: 100%;
  background-image: url('../img/back01.webp');background-position: center;
  background-size: cover;background-repeat: no-repeat; padding-top: var(--space-48);
  position: relative;}
.profile_headerImg{width: 80%;}
.profile_header-pBox{position: absolute;bottom: var(--space-64);
left: 50%;transform: translateX(-50%);
  max-width:100%;
  width: 100%;text-align: left;}
.profile_header-pBox .text01{line-height: 1.0;font-size: 17px;}
.profile_header-pBox .text02{font-size: 60px;line-height: 1.0;}
.profile_header-pBox .text03{max-width: 100%;font-size: 0.8rem;}
.profile_header img{max-width: 650px;}

.profile_info{display: flex;justify-content: center;align-items: center;gap: var(--space-24);margin-top: var(--space-96);margin-bottom: var(--space-72);}
.profile_info a{border: 2px solid var(--color03--grayD);border-radius: 8px;padding: var(--space-24) var(--space-48);color: var(--color02--white);}
.profile_info-ticket{background: var(--color03--grayD);}

.profile_indexWrap{max-width: var(--col-8-width);margin: 0 auto;
display: flex;flex-direction: column;gap: var(--space-72);}
.profile_index{display: flex;justify-content: space-between;align-items: flex-start;}
.profile_indexLeft{max-width: var(--col-2-width);width: 100%;font-size: 0.9em;
background: var(--color03--grayD);color: var(--color02--white);text-align: center;
padding: var(--space-12) var(--space-8);}
.profile_indexRight{max-width: var(--col-6-width);width: 100%;display: flex;flex-direction: column;gap: var(--space-16);}

.profile_detail{display: flex;border-bottom: 1px solid var(--color04--grayP);padding-bottom: var(--space-16);}
.profile_detail-left{min-width: var(--col-2-width);color: var(--color04--grayP);}

.profile_history{margin: 0 auto;  max-width: 100%;width: 100%;}
.profile_history_contentWrap{display: flex;justify-content: space-between;}
.profile_history_content{max-width: 100%;width: 100%;}
.profile_history-btn.active { } 
.profile_history{margin: 0 auto;max-width: calc(var(--col-12-width) + var(--extend));width: 100%;margin-top: var(--space-176);}
.profile_history_contentWrap{display: flex;justify-content: space-between;height: 620px;}
.profile_history_content{max-width:100%;width: 100%;display: flex;gap: var(--space-72);}
.profile_history_contentImg{max-width: var(--col-6-width);width: 100%;display: none;}
.profile_history_contentText{max-width: 90%;}
.profile_history_contentText p{margin: 0;}
.profile_history_contentText a{display: inline-block;text-decoration: underline;}
.profile_history_contentText .textYear{font-size: 3.0em;line-height: 1.0;}
.profile_history_contentText .textYear span{font-size: 0.6em;}
.profile_history_contentText .textHeader{font-size: 2.0em;margin-bottom: var(--space-72);line-height: 1.0;}
.profile_history_contentText .textP{margin-bottom: var(--space-16);}
.profile_history_arrow{max-width:10%;width:10%;
display: flex;justify-content: center;align-items: center;flex-direction: column;}
.profile_history_arrow i{font-size: 3.0em;color: var(--color02--white);}
.profile_history_arrow i:hover{cursor: pointer;}
.profile_history_arrow button{background: none;border: none;}
.profile_history-btnS{font-size: 1.0em;position: relative;display: flex;
  gap: var(--space-8);width: 100%;padding: 0 40px;box-sizing: border-box;justify-content: center;line-height: 1.1;align-items: stretch;}
.profile_history-btnS::before {
  content: "";position: absolute;top: 0;left: 0;height: 100%;width: 30px;
  background: var(--color03--grayD);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 25% 50%, 0% 0%);z-index: 0;}
.profile_history-btnS::after {
  content: "";position: absolute;top: 0;right: 0;height: 100%;width:30px;
  background: var(--color03--grayD);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);z-index: 0;}
.profile_history-btn {
  flex: 1;padding: var(--space-12) var(--space-8);text-align: center;
  color: var(--color02--white);font-weight: bold;cursor: pointer;
  background: var(--color04--grayP);
  position: relative;z-index: 1;}
.profile_history-btn.active { background: var(--color01--red); } 
.profile_history_arrowTop.disabled,
.profile_history_arrowBottom.disabled {opacity: 0.3;pointer-events: none; }
.historySPimg{margin-bottom: 12px;margin-top: 12px;}
.btnPad{padding-top: 18px;}
.profile_history-btn span{display: none;}
.profile_history-btn br{display: inherit;}


/*8-ギャラリー*/
.gallerysPage .gallery{margin-top: 0;}

/*7-サブスクリプション*/
.subscu_Topcontain{margin: 0 auto;max-width:100%;margin-bottom: var(--space-176);}
.subscu_contsWrap{display: flex;flex-direction: column;gap: var(--space-128);}
.subscu_contsBox{display: block;justify-content: center;gap:  var(--space-64);}
.subscu_contsBoxReverse{flex-direction: row-reverse;}
.subscu_contsText{max-width: 100%;}
.subscu_contsBox img{max-width: 100%;}
.subscu_Block-youtube {margin-top: var(--space-64);margin-bottom: 24px;}
.subscu_Block-youtube .youtube_box{max-width: 100%;}
.subscu_ctaWrap{text-align: center;max-width:100%;margin: 0 auto;margin-top: var(--space-176);}
.subscu_ctaWrap .glitch-btn_wrap{margin-top: var(--space-64);}

/*8-プロテイン*/
.protein_container{margin: 0 auto;max-width: 100%;}
.protein_Block-youtube .youtube_box{max-width: 100%;}
.protein_BlockWrap01{width: 100%;padding-bottom: 32px;
display: block;justify-content: space-between;margin-top: var(--space-128);gap: var(--space-72);
background: rgba(255, 255, 255, 0.1);}
.protein_BlockWrapLeft{max-width: 100%;}
.protein_BlockWrapRight{padding-top: var(--space-96) !important;max-width:100%;margin-right: calc((100vw - var(--col-12-width)) / 2); }
.protein_BlockWrap02{max-width: 100%;margin: 0 auto;margin-top: var(--space-128);}
.protein_BlockWrap03 {margin-top: var(--space-128);
    background: url("https://hiroya-kondo.com/wp-content/uploads/2025/10/1002-back2.webp") 
                no-repeat center center / cover;padding: var(--space-128) 0;}
.protein_BlockWrap03innner{max-width: 100%; margin: 0 auto;}

/*10-スポンサー*/
.sponsor_top{text-align: center;}
.sponsor_top p{max-width: 100%;margin: 0 auto;}

.sponsor_kindsContain{max-width: 100%;margin: 0 auto;
margin-top: var(--space-96);padding: var(--space-48) var(--space-48) var(--space-96) var(--space-48);border-radius: 10px;
border: 3px solid var(--color03--grayD);}
.sponsor_kindsWrap{display: flex;
  flex-direction: column;align-items: center;
  gap: var(--space-64);}

.sponsor_kindsBox{text-align: center;width: 100%;
display: flex;flex-direction: column;align-items: flex-end;gap: var(--space-48);
border-bottom: 3px dotted var(--color03--grayD);padding-bottom: var(--space-64);}
.sponsor_kindsHeader{width: 100%;text-align: left;padding-bottom: var(--space-32);}
.sponsor_kindsHeader p{font-size: 2.0em;opacity: 0.5;line-height: 1.0;margin-bottom: var(--space-12) !important;}
.sponsor_kindsHeader h3{line-height: 1.4;}
.sponsor_kindsHeader h3 br{display: inherit;}
.sponsor_kindsBoxContain{display: block;justify-content: space-between;width: 100%;flex-direction: row-reverse;}
.sponsor_HP-caption{padding-top: 4px;}
.sponsor_HP-caption p{text-align: right;font-size: 0.7em;line-height: 1.8;margin: 0 !important ;}
.sponsor_kindsBoxLeft{text-align: center;max-width: 100%;margin-bottom: 24px;}
.sponsor_kindsBoxLeft img{width: 70%;}
.sponsor_kindsBoxRight{max-width: 100%;text-align: left;}
.sponsor_kindsBoxRight .youtube_box{max-width: 100%;margin-bottom: var(--space-24);}
.sponsor_return{font-size: 1.0em;background: var(--color02--white);padding:var(--space-4) var(--space-24) 0 var(--space-24);color: var(--color03--grayD);display: block;margin-bottom: var(--space-24);}
.sponsor_tieUpWrap{margin-top: var(--space-176);}
.sponsor_tieUpBoxWrap{width: 100%;display: block;justify-content: center;text-align: center;max-width: 100%;margin: 0 auto;margin-top: 24px;}
.sponsor_tieUpBoxWrap img{margin-top: var(--space-24);}
.sponsor_tieUpBoxLeft{max-width: 100%;border:3px solid var(--color03--grayD);border-radius: 10px;padding: 28px var(--space-48) 32px var(--space-48);margin-bottom:24px; }
.sponsor_tieUpBoxRight{max-width: 100%;border:3px solid var(--color03--grayD);border-radius: 10px;padding: 28px var(--space-48) 32px var(--space-48);}
.sponsor_tieUpBoxWrap h3{margin-bottom: 30px;}
.sponsor_tieUpBoxWrap p{text-align:left;}
.sponsor_tieUpWrap .sponsor_kindsHeader{text-align: center;}
.sponsor_tieUpIcon{margin: 0 auto;display: block;justify-content: center;align-items: center;gap: var(--space-24);margin-top: var(--space-72);
border-bottom: 1px solid var(--color02--white);padding-bottom: var(--space-64);
border-top: 1px solid var(--color02--white);padding-top: var(--space-64);
max-width: 100%;text-align: center;}
.sponsor_tieUpMiniIcon{text-align: center;margin-bottom: var(--space-24);}
.sponsor_tieUpMiniIcon img{max-width: 70px;}
.sponsor_tieUpIconLeft{max-width: 100%;text-align: center;margin-bottom: 20px;}
.sponsor_tieUpIconLeft img{width: 120px;}
.sponsor_tieUpIconRight{font-size: 30px;line-height: 1.0;}
.sponsor_tieUpIconRight span{font-size: 2.2em;color: var(--color01--red);}
.sponsor_offer{display: block;justify-content: space-between;background: rgba(255, 255, 255, 0.1);padding: var(--space-96) var(--space-64) 60px var(--space-64);
max-width:100%;margin: 0 auto;margin-top: 40px;position: relative;}
.sponsor_offer p{text-align: left;}
.sponsor_offerLeft{max-width: 100%;}
.sponsor_offerCamera{max-width:100%;position: absolute;right: 0;bottom: 0;width: 200px;}

/*11-サロン*/
.salon_Topcontain{margin: 0 auto;max-width:100%;margin-bottom: var(--space-176);}
.salon_contsWrap{display: flex;flex-direction: column;gap: var(--space-128);padding-top: 24px;}
.salon_contsBox{display: block;justify-content: center;gap:  var(--space-64);}
.salon_contsBoxReverse{flex-direction: row-reverse;}
.salon_contsText{max-width: 100%;}
.salon_contsBox img{max-width: 100%;}
.salon_Block-youtube {margin-top: var(--space-64);}
.salon_Block-youtube .youtube_box{max-width: 100%;}
.salon_contsBoxMovie{width: 100%;padding:8px 0 24px 0;}
.salon_contsBoxMovie .salon_contsText{max-width: 100%;}
.salon_contsBoxMovie video{max-width:100%;}
.salon_ctaWrap{text-align: center;max-width: 100%;}
.salon_ctaContain{background: rgba(255, 255, 255, 0.1);max-width:100%;margin: 0 auto;margin-top: 48px;padding: var(--space-128) var(--space-64);
display: block;justify-content: space-between;}
.salon_ctaRight{max-width: 100%;display: none;}
.salon_ctaRight img{ border-radius: 50%;object-fit: cover;}
.salon_ctaImg{margin-top: 14px;}
.salon_ctaImg img{ width: 70%;border-radius: 50%;object-fit: cover;}

.salon_TrigerWrap{background: var(--color05--bkP);padding-top: var(--space-128);}
.salon_TrigerHeadH2{font-size: 3.0em;line-height: 1.0;}
.salon_TrigerHeadP{text-align: center;line-height: 1.0;margin-bottom: var(--space-96);font-size: 1.0em;margin-top: var(--space-12);}
.salon_shortContain .salon_TrigerHeadP{line-height: 1.4;}
.salon_TrigerContsContain{text-align: center;padding-bottom:var(--space-128);}
.salon_TrigerContsBox{display: block;justify-content: center;gap: var(--space-64);
position: relative;margin-bottom: var(--space-32);
align-items: flex-end;z-index: 1;overflow: hidden; 
  border-radius: 8px;text-align: left;
  padding: 0;}
.salon_TrigerContsBox::before {content: "";
  position: absolute;top: 0;left: 0;width: 100%;
  height: 100%;background: var(--color00--bk, #000);
  clip-path: polygon(0 44%, 100% 0, 100% 100%, 0% 100%);
  z-index: -1;}
.salon_TrigerContsBoxReverse{flex-direction: row-reverse;}
.salon_TrigerContsBox-left{display: none;}
.salon_TrigerContsBox-right{padding-top: var(--space-64);
  padding: 32px 32px;
  max-width: 100%;position: relative;}
.salon_Triger-Number {padding-top: var(--space-4);
  width: 80px;height: 80px;border-radius: 50%; 
   background: var(--color01--red); 
   color: var(--color02--white);display: flex;
   flex-direction: column;align-items: center;
   justify-content: center;font-weight: bold;
  font-size: 1.4em;
  position: absolute;top: 18px !important;right: 18px !important;}
.salon_Triger-Number p{  line-height:1.0;}
.triger-NumberText02{font-size: 1.7em;}
.salon_TrigerContsBox-right h3{font-size: 3.0em;line-height: 1.0;color: var(--color04--grayP);}
.salon_TrigerContsBox-right_text01{font-size: 1.0em;color: var(--color04--grayP);margin-bottom: 12px;}
.salon_TrigerContsBox-right_text02{margin-top: var(--space-64);}
.salon_liveContain{padding: 64px 0 ;}
.salon_liveWrap{margin-top: var(--space-96);}
.short-video-wrap {width: 100%; 
  display: flex;justify-content: center; 
  gap: 16px;box-sizing: border-box;padding: 0 16px;
    display: flex;
  align-items: center;
  justify-content: center; }

  .short-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
  /* ▼ 中央配置補正 ▼ */
  object-fit: cover;
  transform: scale(1.1);  /* 少し拡大して余白補正 */
  transform-origin: center center;
}

.short-video {aspect-ratio: 9 / 16; width: 100%; 
  max-width: 420px; position: relative;
  overflow: hidden;border-radius: 12px;background: #000; 
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);}
.salon_benefitsContain{background: var(--color05--bkP);padding: 64px 0 var(--space-48) 0;}
.salon_benefitsContain .salon_TrigerHeadP{margin-bottom: 0;}
.salon_shortContain{padding-top: 24px;padding: 64px 0 0 0;}
.salon_shortContain_wrap{display: flex;justify-content: center;gap:24px;flex-direction:column;}
.salon_shortContain_wrap .short-video-wrap {width: auto;}






/*21プラポリ*/
.pra_container{max-width: 100%;margin: 0 auto;
  display: flex;flex-direction: column;gap: var(--space-48);}
.pra_Wrap h3{margin-bottom: var(--space-24);}

/*22　company*/
.company-profile {max-width: 100%;margin: 0 auto;
  background: var(--color02--white);border-radius: 16px;padding: 24px;
  color: var(--color00--bk);}
.info-grid {display: grid;grid-template-columns: 90px 1fr;
  gap: var(--space-24) var(--space-32);}
.info-label {font-weight: bold;color: var(--color04--grayP);white-space: nowrap;}
.info-content {line-height: 1.6;}







 }