@charset "UTF-8";
/* CSS Document */

#page-2026 main {  padding-bottom: 0 !important;}

/*------------------------- top_img ------------------------*/
#page-2026 #top_img {  position: relative;  width: 100%;  height: 100vh; overflow: hidden;}
#page-2026 .img_wrap {  position: relative;  width: 100%;  height: 100%;  display: flex;}
#page-2026 .left,
#page-2026 .right {  width: 50%;  height: 100%;  overflow: hidden;}
#page-2026 .left img,
#page-2026 .right img {
  width: 100%;  height: 100%;  object-fit: cover;  object-position: center;  display: block;}
/* overlay */
#page-2026 .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(000,000,000, 0.3); z-index: 2;}

/* ロゴ中央配置 */
#page-2026 .logo_center {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 3;  width: 30%;	max-width: 500px;}
#page-2026 .logo_center img {  width: 100%; /* 必要に応じて調整 */  height: auto;  display: block;}

@keyframes logo_fadeup {
  0% {    opacity: 0;      transform: translate(-50%, -50%) translateY(60px);  }
  100% {    opacity: 1;    transform: translate(-50%, -50%) translateY(0);  }
}
.logo_fadeup {  opacity: 0;  animation-name:logo_fadeup;  animation-duration: 2s;  animation-timing-function: ease-out;  animation-fill-mode: forwards;  animation-delay: 0.5s; /* optional */}


/*  アイテム 共通 *********************************/
.item_group .series_area{position: relative;text-align: center;padding: 70px 0 80px 0}
.item_group .series_area::before{content:'';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 13px;height: 63px;background: black;}
.item_group .series_area .eng{  margin: 0 auto;  padding: 0;  line-height: 63px;  font-size: 25px;  font-weight: normal;  letter-spacing: 4px;  font-family: haboro-soft-extended, sans-serif;}
.item_group .series_area .jpn{  margin: -10px auto 0 auto;  padding: 0;  font-size: 10px;  letter-spacing: 3px;}

.item_group h2{text-align: center; font-size: 72px;  font-weight: bold;  font-style: italic;  color: #000;  line-height: 1.3;  letter-spacing: 1px;  font-family: 'Acumin Variable Concept', sans-serif;  margin: 0 auto 0px auto;}
.item_group h2 .br_sp{display: none}

.item_group .fig_center{width:45%;min-width: 500px;max-width: 1000px;margin:50px auto 80px auto;padding: 0}
.item_group .fig_center img{width:100%;}

.item_group .desc{display: flex;align-items: center;justify-content:center;padding:80px 0;}
.item_group .desc_black{background:black;}
.item_group .desc_irregular .photo_area{order: 2}
.item_group .desc_irregular .text_area{padding:0 50px 0 0 !important}
.item_group .desc_center{width:50%;min-width: 700px;max-width: 1000px;margin: 0 auto 80px auto;padding: 0}

.item_group .desc .text_area p{ font-size: 16px;  line-height: 1.9;  letter-spacing: 1px;  margin: 0 auto 30px auto;padding: 0;}
.item_group .desc_black .text_area p{color:white;} 
.item_group .desc_center p{ font-size: 16px;  line-height: 1.9;  letter-spacing: 1px;  margin: 0 auto 30px auto;padding: 0;}


.item_group .banner{margin-top:50px;}
.item_group .banner a{  display: block;  text-align: center;  text-decoration: none; width: 80%; padding: 15px 0;  margin: 0 auto;  border: 1px solid #000;  color: #000;  font-size: 14px;  line-height: 28px;  letter-spacing: 1px;  transition: all 0.3s ease;}
.item_group .banner a:hover{  background-color: #000;  color: #fff; }

.item_group .banner_black{margin-top:50px;}
.item_group .banner_black a{  display: block;  text-align: center;  text-decoration: none;width: 80%;  padding: 15px 0;  margin: 0 auto;  border: 1px solid #fff;  color: #fff;  font-size: 14px;  line-height: 28px;  letter-spacing: 1px;  transition: all 0.3s ease;}
.item_group .banner_black a:hover{  background-color: #fff;  color: #000; }


/*アイテム M2*/
.model01 h3{  font-size:18px;  font-weight: 600;  line-height: 1.4;  margin-bottom: 20px;width: fit-content;margin: 50px auto 50px auto}
.model01 .desc .photo_area{width:45%;max-width: 650px;min-width: 300px;display: flex;align-items: center;justify-content: space-between;}
.model01 .desc .photo_area figure{width: 50%; margin: 0;padding:0 }
.model01 .desc .photo_area figure img{width: 100%}
.model01 .desc .photo_area figure figcaption{text-align:center;margin: 0;padding:0;font-size: 16px;color: white}

.model01 .desc .text_area{width:35%;min-width: 400px;padding-left: 50px}

/*アイテム フリーガー*/
.model02 .desc .photo_area{width:60%;max-width: 800px;min-width: 500px}
.model02 .desc .photo_area figure{margin: 0;padding: }
.model02 .desc .photo_area figure img{width: 100%}

.model02 .desc .text_area{width:30%;min-width: 400px;padding-left: 50px}
.model02 h3{  font-size: 30px;  font-weight: 600;  line-height: 1.4;  margin-bottom: 20px;}

/*アイテム パトリア　ライドブルー*/
.model03 h3{  font-size: 30px;  font-weight: 600;  line-height: 1.4;  margin-bottom: 20px;}

.model03 .desc .photo_area{width:60%;max-width: 800px;min-width: 500px}
.model03 .desc .photo_area figure{margin: 0;padding:0 }
.model03 .desc .photo_area figure img{width: 100%}
.model03 .desc .text_area{width:30%;min-width: 400px;padding-left: 50px}
.model03 h4{  font-size: 25px;  font-weight: 600;  line-height: 1.4;  margin-bottom: 20px;}
/*アイテム パトリア　ブラック*/
.model03 .black{padding:80px 0;}
.model03 .black h2{color:white;}
.model03 .black h3{color:white;}
.model03 .black{background:black;}
.model03 .black p{color:white;}

/*アイテム スカイ*/
.model04 h3{  font-size: 30px;  font-weight: 600;  line-height: 1.4;  margin-bottom: 20px;}
.model04 .desc .photo_area{width:60%;max-width: 800px;min-width: 500px}
.model04 .desc .photo_area figure{margin: 0;padding: }
.model04 .desc .photo_area figure img{width: 100%}
.model04 .desc .text_area{width:30%;min-width: 400px;padding-left: 50px}

.model04 .desc_irregular .photo_area{width:40%;max-width:600px;min-width: 300px;display: flex;align-items: center;justify-content: space-between;}
.model04 .desc_irregular .photo_area figure{width: 50%;margin: 0;padding: 0}
.model04 .desc_irregular .photo_area figure img{width: 100%}
.model04 .desc_irregular .photo_area figure figcaption{text-align:center;margin: 0;padding:0;font-size: 16px;}
.model04 .desc_irregular .text_area{width:40%;min-width: 400px;padding: 0px}
.model04 h4{  font-size: 25px;  font-weight: 600;  line-height: 1.4;  margin-bottom: 20px;}


/*アーカイブ*************************************/
#archive_model {width:80%;max-width: 1400px;min-width: 800px;margin: 0 auto 80px auto;}
#archive_model a{display: block;padding: 30px 0;text-align: center;background: black;color: white;text-decoration: none;font-size: 32px;letter-spacing: 2px;font-weight: bold; font-family: 'Acumin Variable Concept', sans-serif; }
#archive_model a span{font-size: 16px;display: block;font-weight:700;letter-spacing: 1px;}
#archive_model a:hover{background:#D2D2D2;color: #454545}


@media screen and (max-width: 1160px) {
	
	#page-2026 .logo_center {   width:70%;}
	
	.item_group h2{width: 80%; font-size: 56px;letter-spacing: 1.2;margin: 0 auto 20px auto;word-break: keep-all;}
	.item_group h2 .br_sp{display:block}
	
	.model01 h3{width:90%;margin: 0 auto;}
	
	.item_group .desc{display:flex;  flex-flow: column;padding: 0 0 60px 0;}
	.item_group .desc .text_area{width: 80%;min-width: inherit;margin: 0 auto;padding-left: 0;padding-right: 0 !important; }
	
	.item_group .fig_center{width:100%;min-width:inherit;max-width:inherit;margin:50px auto 0px auto;padding: 0}
	
	.model01 .desc .photo_area{width: 70%;margin-bottom: 50px;padding-top: 50px}
	
	
	.item_group .banner_black a{width:100%;padding: 25px 0}
	.item_group .banner a{width:100%;padding: 25px 0}
	
	.model02 .desc .text_area{order:2}
	.model02 .desc .photo_area{width:100%;min-width:inherit;max-width:inherit;}
	
	.item_group .desc_irregular .photo_area{order:1;margin-bottom: 50px}
	
	.item_group .desc_center{min-width: inherit;width: 80%;}

	.model03 .desc .photo_area{width:100%;min-width:inherit;max-width:inherit;margin-bottom: 0 !important;}
	.model03 .desc .text_area{order:2}
	
	.model03 .black .desc_center{margin-bottom:  0px;}
	
	.model04 .desc .photo_area{width:100%;min-width:inherit;max-width:inherit;}
	.model04 .desc_irregular .photo_area{width:70%;}
	.model04 .desc .text_area{order:2}
	
	#archive_model{min-width:inherit;width: 100%;max-width: inherit;border-bottom: 1px solid white;margin-bottom: 0;}
	#archive_model a{background:#191919;padding: 80px 0;}
	
}


@media screen and (max-width: 700px) {
	#page-2026 .logo_center {   width:80%;}
		
	.item_group .series_area{padding: 70px 0 50px 0}
	
	.item_group .desc{padding: 0 0 30px 0;}
	.item_group .desc_center{margin: 0 auto 30px auto}
	
	
	.item_group .desc .text_area p,
	.item_group .desc_center p{font-size:14px;line-height: 1.5;margin: 0 auto 20px auto;}
	
	.item_group h2{width: 80%; font-size: 32px;letter-spacing: 1.2;margin: 0 auto 20px auto;word-break: keep-all;}
	.model01 h3{width:80%; font-size:16px;  font-weight: 400; margin: 20px auto 30px auto}
	
	.item_group .fig_center{margin-top:20px;}
	
	.model01 .desc .photo_area{width: 70%;margin-bottom: 20px;padding-top: 20px}
	.model01 .desc .photo_area figure figcaption{font-size:14px;}
	
	.item_group .banner_black{margin-top:30px;}
	.item_group .banner_black a{width:100%;padding: 15px 0}
	.item_group .banner{margin-top:30px;}
	.item_group .banner a{width:100%;padding: 15px 0}
	
	.model02 h3,.model03 h3,.model03 h4,.model04 h3,.model04 h4{ font-size:22px;}
	
	.model03 .black{padding: 50px 0;}
	
	.model04 .desc_irregular .photo_area{width:80%;margin-bottom: 30px}
	.model04 .desc_irregular .photo_area figure figcaption{font-size:14px;}
	
	#archive_model a{background:#191919;padding: 50px 0;font-size: 26px;letter-spacing:1px;}
}