@charset "utf-8";

/* -----------------------------------------------------------
	pc design
----------------------------------------------------------- */

@media screen and (min-width: 1024px){

/* typeA */

.oribist_carousel_typeA{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeA input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeA .oribist_slide_wrapA{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeA .oribist_slideA{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeA .oribist_slideA img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeA #typeA_1:checked ~ .oribist_slide_wrapA .slideA_1,
.oribist_carousel_typeA #typeA_2:checked ~ .oribist_slide_wrapA .slideA_2,
.oribist_carousel_typeA #typeA_3:checked ~ .oribist_slide_wrapA .slideA_3,
.oribist_carousel_typeA #typeA_4:checked ~ .oribist_slide_wrapA .slideA_4,
.oribist_carousel_typeA #typeA_5:checked ~ .oribist_slide_wrapA .slideA_5,
.oribist_carousel_typeA #typeA_6:checked ~ .oribist_slide_wrapA .slideA_6,
.oribist_carousel_typeA #typeA_7:checked ~ .oribist_slide_wrapA .slideA_7,
.oribist_carousel_typeA #typeA_8:checked ~ .oribist_slide_wrapA .slideA_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeA .prevA{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeA .nextA{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeA .prevA{
  left: 15px;
}
.oribist_carousel_typeA .nextA{
  right: 15px;
}
.oribist_carousel_typeA:hover .prevA,
.oribist_carousel_typeA:hover .nextA{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeA .navA{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeA .navA label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeA #typeA_1:checked ~ .navA label[for="typeA_1"],
.oribist_carousel_typeA #typeA_2:checked ~ .navA label[for="typeA_2"],
.oribist_carousel_typeA #typeA_3:checked ~ .navA label[for="typeA_3"],
.oribist_carousel_typeA #typeA_4:checked ~ .navA label[for="typeA_4"],
.oribist_carousel_typeA #typeA_5:checked ~ .navA label[for="typeA_5"],
.oribist_carousel_typeA #typeA_6:checked ~ .navA label[for="typeA_6"],
.oribist_carousel_typeA #typeA_7:checked ~ .navA label[for="typeA_7"],
.oribist_carousel_typeA #typeA_8:checked ~ .navA label[for="typeA_8"]{
  background: #464544;
}

/* typeB */

.oribist_carousel_typeB{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeB input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeB .oribist_slide_wrapB{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeB .oribist_slideB{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeB .oribist_slideB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeB #typeB_1:checked ~ .oribist_slide_wrapB .slideB_1,
.oribist_carousel_typeB #typeB_2:checked ~ .oribist_slide_wrapB .slideB_2,
.oribist_carousel_typeB #typeB_3:checked ~ .oribist_slide_wrapB .slideB_3,
.oribist_carousel_typeB #typeB_4:checked ~ .oribist_slide_wrapB .slideB_4,
.oribist_carousel_typeB #typeB_5:checked ~ .oribist_slide_wrapB .slideB_5,
.oribist_carousel_typeB #typeB_6:checked ~ .oribist_slide_wrapB .slideB_6,
.oribist_carousel_typeB #typeB_7:checked ~ .oribist_slide_wrapB .slideB_7,
.oribist_carousel_typeB #typeB_8:checked ~ .oribist_slide_wrapB .slideB_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeB .prevB{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeB .nextB{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeB .prevB{
  left: 15px;
}
.oribist_carousel_typeB .nextB{
  right: 15px;
}
.oribist_carousel_typeB:hover .prevB,
.oribist_carousel_typeB:hover .nextB{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeB .navB{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeB .navB label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeB #typeB_1:checked ~ .navB label[for="typeB_1"],
.oribist_carousel_typeB #typeB_2:checked ~ .navB label[for="typeB_2"],
.oribist_carousel_typeB #typeB_3:checked ~ .navB label[for="typeB_3"],
.oribist_carousel_typeB #typeB_4:checked ~ .navB label[for="typeB_4"],
.oribist_carousel_typeB #typeB_5:checked ~ .navB label[for="typeB_5"],
.oribist_carousel_typeB #typeB_6:checked ~ .navB label[for="typeB_6"],
.oribist_carousel_typeB #typeB_7:checked ~ .navB label[for="typeB_7"],
.oribist_carousel_typeB #typeB_8:checked ~ .navB label[for="typeB_8"]{
  background: #464544;
}

/* typeC */

.oribist_carousel_typeC{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeC input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeC .oribist_slide_wrapC{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeC .oribist_slideC{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeC .oribist_slideC img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeC #typeC_1:checked ~ .oribist_slide_wrapC .slideC_1,
.oribist_carousel_typeC #typeC_2:checked ~ .oribist_slide_wrapC .slideC_2,
.oribist_carousel_typeC #typeC_3:checked ~ .oribist_slide_wrapC .slideC_3,
.oribist_carousel_typeC #typeC_4:checked ~ .oribist_slide_wrapC .slideC_4,
.oribist_carousel_typeC #typeC_5:checked ~ .oribist_slide_wrapC .slideC_5,
.oribist_carousel_typeC #typeC_6:checked ~ .oribist_slide_wrapC .slideC_6,
.oribist_carousel_typeC #typeC_7:checked ~ .oribist_slide_wrapC .slideC_7,
.oribist_carousel_typeC #typeC_8:checked ~ .oribist_slide_wrapC .slideC_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeC .prevC{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeC .nextC{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeC .prevC{
  left: 15px;
}
.oribist_carousel_typeC .nextC{
  right: 15px;
}
.oribist_carousel_typeC:hover .prevC,
.oribist_carousel_typeC:hover .nextC{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeC .navC{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeC .navC label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeC #typeC_1:checked ~ .navC label[for="typeC_1"],
.oribist_carousel_typeC #typeC_2:checked ~ .navC label[for="typeC_2"],
.oribist_carousel_typeC #typeC_3:checked ~ .navC label[for="typeC_3"],
.oribist_carousel_typeC #typeC_4:checked ~ .navC label[for="typeC_4"],
.oribist_carousel_typeC #typeC_5:checked ~ .navC label[for="typeC_5"],
.oribist_carousel_typeC #typeC_6:checked ~ .navC label[for="typeC_6"],
.oribist_carousel_typeC #typeC_7:checked ~ .navC label[for="typeC_7"],
.oribist_carousel_typeC #typeC_8:checked ~ .navC label[for="typeC_8"]{
  background: #464544;
}

/* typeD */

.oribist_carousel_typeD{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeD input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeD .oribist_slide_wrapD{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeD .oribist_slideD{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeD .oribist_slideD img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeD #typeD_1:checked ~ .oribist_slide_wrapD .slideD_1,
.oribist_carousel_typeD #typeD_2:checked ~ .oribist_slide_wrapD .slideD_2,
.oribist_carousel_typeD #typeD_3:checked ~ .oribist_slide_wrapD .slideD_3,
.oribist_carousel_typeD #typeD_4:checked ~ .oribist_slide_wrapD .slideD_4,
.oribist_carousel_typeD #typeD_5:checked ~ .oribist_slide_wrapD .slideD_5,
.oribist_carousel_typeD #typeD_6:checked ~ .oribist_slide_wrapD .slideD_6,
.oribist_carousel_typeD #typeD_7:checked ~ .oribist_slide_wrapD .slideD_7,
.oribist_carousel_typeD #typeD_8:checked ~ .oribist_slide_wrapD .slideD_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeD .prevD{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeD .nextD{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeD .prevD{
  left: 15px;
}
.oribist_carousel_typeD .nextD{
  right: 15px;
}
.oribist_carousel_typeD:hover .prevD,
.oribist_carousel_typeD:hover .nextD{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeD .navD{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeD .navD label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeD #typeD_1:checked ~ .navD label[for="typeD_1"],
.oribist_carousel_typeD #typeD_2:checked ~ .navD label[for="typeD_2"],
.oribist_carousel_typeD #typeD_3:checked ~ .navD label[for="typeD_3"],
.oribist_carousel_typeD #typeD_4:checked ~ .navD label[for="typeD_4"],
.oribist_carousel_typeD #typeD_5:checked ~ .navD label[for="typeD_5"],
.oribist_carousel_typeD #typeD_6:checked ~ .navD label[for="typeD_6"],
.oribist_carousel_typeD #typeD_7:checked ~ .navD label[for="typeD_7"],
.oribist_carousel_typeD #typeD_8:checked ~ .navD label[for="typeD_8"]{
  background: #464544;
}

/* typeE */

.oribist_carousel_typeE{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeE input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeE .oribist_slide_wrapE{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeE .oribist_slideE{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeE .oribist_slideE img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeE #typeE_1:checked ~ .oribist_slide_wrapE .slideE_1,
.oribist_carousel_typeE #typeE_2:checked ~ .oribist_slide_wrapE .slideE_2,
.oribist_carousel_typeE #typeE_3:checked ~ .oribist_slide_wrapE .slideE_3,
.oribist_carousel_typeE #typeE_4:checked ~ .oribist_slide_wrapE .slideE_4,
.oribist_carousel_typeE #typeE_5:checked ~ .oribist_slide_wrapE .slideE_5,
.oribist_carousel_typeE #typeE_6:checked ~ .oribist_slide_wrapE .slideE_6,
.oribist_carousel_typeE #typeE_7:checked ~ .oribist_slide_wrapE .slideE_7,
.oribist_carousel_typeE #typeE_8:checked ~ .oribist_slide_wrapE .slideE_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeE .prevE{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeE .nextE{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeE .prevE{
  left: 15px;
}
.oribist_carousel_typeE .nextE{
  right: 15px;
}
.oribist_carousel_typeE:hover .prevE,
.oribist_carousel_typeE:hover .nextE{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeE .navE{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeE .navE label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeE #typeE_1:checked ~ .navE label[for="typeE_1"],
.oribist_carousel_typeE #typeE_2:checked ~ .navE label[for="typeE_2"],
.oribist_carousel_typeE #typeE_3:checked ~ .navE label[for="typeE_3"],
.oribist_carousel_typeE #typeE_4:checked ~ .navE label[for="typeE_4"],
.oribist_carousel_typeE #typeE_5:checked ~ .navE label[for="typeE_5"],
.oribist_carousel_typeE #typeE_6:checked ~ .navE label[for="typeE_6"],
.oribist_carousel_typeE #typeE_7:checked ~ .navE label[for="typeE_7"],
.oribist_carousel_typeE #typeE_8:checked ~ .navE label[for="typeE_8"]{
  background: #464544;
}

/* typeF */

.oribist_carousel_typeF{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeF input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeF .oribist_slide_wrapF{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeF .oribist_slideF{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeF .oribist_slideF img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeF #typeF_1:checked ~ .oribist_slide_wrapF .slideF_1,
.oribist_carousel_typeF #typeF_2:checked ~ .oribist_slide_wrapF .slideF_2,
.oribist_carousel_typeF #typeF_3:checked ~ .oribist_slide_wrapF .slideF_3,
.oribist_carousel_typeF #typeF_4:checked ~ .oribist_slide_wrapF .slideF_4,
.oribist_carousel_typeF #typeF_5:checked ~ .oribist_slide_wrapF .slideF_5,
.oribist_carousel_typeF #typeF_6:checked ~ .oribist_slide_wrapF .slideF_6,
.oribist_carousel_typeF #typeF_7:checked ~ .oribist_slide_wrapF .slideF_7,
.oribist_carousel_typeF #typeF_8:checked ~ .oribist_slide_wrapF .slideF_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeF .prevF{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeF .nextF{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeF .prevF{
  left: 15px;
}
.oribist_carousel_typeF .nextF{
  right: 15px;
}
.oribist_carousel_typeF:hover .prevF,
.oribist_carousel_typeF:hover .nextF{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeF .navF{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeF .navF label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeF #typeF_1:checked ~ .navF label[for="typeF_1"],
.oribist_carousel_typeF #typeF_2:checked ~ .navF label[for="typeF_2"],
.oribist_carousel_typeF #typeF_3:checked ~ .navF label[for="typeF_3"],
.oribist_carousel_typeF #typeF_4:checked ~ .navF label[for="typeF_4"],
.oribist_carousel_typeF #typeF_5:checked ~ .navF label[for="typeF_5"],
.oribist_carousel_typeF #typeF_6:checked ~ .navF label[for="typeF_6"],
.oribist_carousel_typeF #typeF_7:checked ~ .navF label[for="typeF_7"],
.oribist_carousel_typeF #typeF_8:checked ~ .navF label[for="typeF_8"]{
  background: #464544;
}

/* typeG */

.oribist_carousel_typeG{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeG input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeG .oribist_slide_wrapG{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeG .oribist_slideG{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeG .oribist_slideG img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeG #typeG_1:checked ~ .oribist_slide_wrapG .slideG_1,
.oribist_carousel_typeG #typeG_2:checked ~ .oribist_slide_wrapG .slideG_2,
.oribist_carousel_typeG #typeG_3:checked ~ .oribist_slide_wrapG .slideG_3,
.oribist_carousel_typeG #typeG_4:checked ~ .oribist_slide_wrapG .slideG_4,
.oribist_carousel_typeG #typeG_5:checked ~ .oribist_slide_wrapG .slideG_5,
.oribist_carousel_typeG #typeG_6:checked ~ .oribist_slide_wrapG .slideG_6,
.oribist_carousel_typeG #typeG_7:checked ~ .oribist_slide_wrapG .slideG_7,
.oribist_carousel_typeG #typeG_8:checked ~ .oribist_slide_wrapG .slideG_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeG .prevG{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeG .nextG{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeG .prevG{
  left: 15px;
}
.oribist_carousel_typeG .nextG{
  right: 15px;
}
.oribist_carousel_typeG:hover .prevG,
.oribist_carousel_typeG:hover .nextG{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeG .navG{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeG .navG label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeG #typeG_1:checked ~ .navG label[for="typeG_1"],
.oribist_carousel_typeG #typeG_2:checked ~ .navG label[for="typeG_2"],
.oribist_carousel_typeG #typeG_3:checked ~ .navG label[for="typeG_3"],
.oribist_carousel_typeG #typeG_4:checked ~ .navG label[for="typeG_4"],
.oribist_carousel_typeG #typeG_5:checked ~ .navG label[for="typeG_5"],
.oribist_carousel_typeG #typeG_6:checked ~ .navG label[for="typeG_6"],
.oribist_carousel_typeG #typeG_7:checked ~ .navG label[for="typeG_7"],
.oribist_carousel_typeG #typeG_8:checked ~ .navG label[for="typeG_8"]{
  background: #464544;
}

/* typeH */

.oribist_carousel_typeH{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeH input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeH .oribist_slide_wrapH{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeH .oribist_slideH{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeH .oribist_slideH img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeH #typeH_1:checked ~ .oribist_slide_wrapH .slideH_1,
.oribist_carousel_typeH #typeH_2:checked ~ .oribist_slide_wrapH .slideH_2,
.oribist_carousel_typeH #typeH_3:checked ~ .oribist_slide_wrapH .slideH_3,
.oribist_carousel_typeH #typeH_4:checked ~ .oribist_slide_wrapH .slideH_4,
.oribist_carousel_typeH #typeH_5:checked ~ .oribist_slide_wrapH .slideH_5,
.oribist_carousel_typeH #typeH_6:checked ~ .oribist_slide_wrapH .slideH_6,
.oribist_carousel_typeH #typeH_7:checked ~ .oribist_slide_wrapH .slideH_7,
.oribist_carousel_typeH #typeH_8:checked ~ .oribist_slide_wrapH .slideH_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeH .prevH{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeH .nextH{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeH .prevH{
  left: 15px;
}
.oribist_carousel_typeH .nextH{
  right: 15px;
}
.oribist_carousel_typeH:hover .prevH,
.oribist_carousel_typeH:hover .nextH{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeH .navH{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeH .navH label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeH #typeH_1:checked ~ .navH label[for="typeH_1"],
.oribist_carousel_typeH #typeH_2:checked ~ .navH label[for="typeH_2"],
.oribist_carousel_typeH #typeH_3:checked ~ .navH label[for="typeH_3"],
.oribist_carousel_typeH #typeH_4:checked ~ .navH label[for="typeH_4"],
.oribist_carousel_typeH #typeH_5:checked ~ .navH label[for="typeH_5"],
.oribist_carousel_typeH #typeH_6:checked ~ .navH label[for="typeH_6"],
.oribist_carousel_typeH #typeH_7:checked ~ .navH label[for="typeH_7"],
.oribist_carousel_typeH #typeH_8:checked ~ .navH label[for="typeH_8"]{
  background: #464544;
}

/* typeI */

.oribist_carousel_typeI{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeI input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeI .oribist_slide_wrapI{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeI .oribist_slideI{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeI .oribist_slideI img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeI #typeI_1:checked ~ .oribist_slide_wrapI .slideI_1,
.oribist_carousel_typeI #typeI_2:checked ~ .oribist_slide_wrapI .slideI_2,
.oribist_carousel_typeI #typeI_3:checked ~ .oribist_slide_wrapI .slideI_3,
.oribist_carousel_typeI #typeI_4:checked ~ .oribist_slide_wrapI .slideI_4,
.oribist_carousel_typeI #typeI_5:checked ~ .oribist_slide_wrapI .slideI_5,
.oribist_carousel_typeI #typeI_6:checked ~ .oribist_slide_wrapI .slideI_6,
.oribist_carousel_typeI #typeI_7:checked ~ .oribist_slide_wrapI .slideI_7,
.oribist_carousel_typeI #typeI_8:checked ~ .oribist_slide_wrapI .slideI_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeI .prevI{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeI .nextI{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeI .prevI{
  left: 15px;
}
.oribist_carousel_typeI .nextI{
  right: 15px;
}
.oribist_carousel_typeI:hover .prevI,
.oribist_carousel_typeI:hover .nextI{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeI .navI{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeI .navI label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeI #typeI_1:checked ~ .navI label[for="typeI_1"],
.oribist_carousel_typeI #typeI_2:checked ~ .navI label[for="typeI_2"],
.oribist_carousel_typeI #typeI_3:checked ~ .navI label[for="typeI_3"],
.oribist_carousel_typeI #typeI_4:checked ~ .navI label[for="typeI_4"],
.oribist_carousel_typeI #typeI_5:checked ~ .navI label[for="typeI_5"],
.oribist_carousel_typeI #typeI_6:checked ~ .navI label[for="typeI_6"],
.oribist_carousel_typeI #typeI_7:checked ~ .navI label[for="typeI_7"],
.oribist_carousel_typeI #typeI_8:checked ~ .navI label[for="typeI_8"]{
  background: #464544;
}

/* typeJ */

.oribist_carousel_typeJ{
  position: relative;
  width: 100%;
  margin: auto;
  margin-bottom: 60px;
}
.oribist_carousel_typeJ input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeJ .oribist_slide_wrapJ{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeJ .oribist_slideJ{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeJ .oribist_slideJ img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeJ #typeJ_1:checked ~ .oribist_slide_wrapJ .slideJ_1,
.oribist_carousel_typeJ #typeJ_2:checked ~ .oribist_slide_wrapJ .slideJ_2,
.oribist_carousel_typeJ #typeJ_3:checked ~ .oribist_slide_wrapJ .slideJ_3,
.oribist_carousel_typeJ #typeJ_4:checked ~ .oribist_slide_wrapJ .slideJ_4,
.oribist_carousel_typeJ #typeJ_5:checked ~ .oribist_slide_wrapJ .slideJ_5,
.oribist_carousel_typeJ #typeJ_6:checked ~ .oribist_slide_wrapJ .slideJ_6,
.oribist_carousel_typeJ #typeJ_7:checked ~ .oribist_slide_wrapJ .slideJ_7,
.oribist_carousel_typeJ #typeJ_8:checked ~ .oribist_slide_wrapJ .slideJ_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeJ .prevJ{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeJ .nextJ{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.oribist_carousel_typeJ .prevJ{
  left: 15px;
}
.oribist_carousel_typeJ .nextJ{
  right: 15px;
}
.oribist_carousel_typeJ:hover .prevJ,
.oribist_carousel_typeJ:hover .nextJ{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeJ .navJ{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeJ .navJ label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeJ #typeJ_1:checked ~ .navJ label[for="typeJ_1"],
.oribist_carousel_typeJ #typeJ_2:checked ~ .navJ label[for="typeJ_2"],
.oribist_carousel_typeJ #typeJ_3:checked ~ .navJ label[for="typeJ_3"],
.oribist_carousel_typeJ #typeJ_4:checked ~ .navJ label[for="typeJ_4"],
.oribist_carousel_typeJ #typeJ_5:checked ~ .navJ label[for="typeJ_5"],
.oribist_carousel_typeJ #typeJ_6:checked ~ .navJ label[for="typeJ_6"],
.oribist_carousel_typeJ #typeJ_7:checked ~ .navJ label[for="typeJ_7"],
.oribist_carousel_typeJ #typeJ_8:checked ~ .navJ label[for="typeJ_8"]{
  background: #464544;
}

}

/* -----------------------------------------------------------
	tab design
----------------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1023px) {

/* typeA */

.oribist_carousel_typeA{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeA input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeA .oribist_slide_wrapA{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeA .oribist_slideA{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeA .oribist_slideA img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeA #typeA_1:checked ~ .oribist_slide_wrapA .slideA_1,
.oribist_carousel_typeA #typeA_2:checked ~ .oribist_slide_wrapA .slideA_2,
.oribist_carousel_typeA #typeA_3:checked ~ .oribist_slide_wrapA .slideA_3,
.oribist_carousel_typeA #typeA_4:checked ~ .oribist_slide_wrapA .slideA_4,
.oribist_carousel_typeA #typeA_5:checked ~ .oribist_slide_wrapA .slideA_5,
.oribist_carousel_typeA #typeA_6:checked ~ .oribist_slide_wrapA .slideA_6,
.oribist_carousel_typeA #typeA_7:checked ~ .oribist_slide_wrapA .slideA_7,
.oribist_carousel_typeA #typeA_8:checked ~ .oribist_slide_wrapA .slideA_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeA .prevA{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeA .nextA{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeA .prevA{
  left: 15px;
}
.oribist_carousel_typeA .nextA{
  right: 15px;
}
.oribist_carousel_typeA:hover .prevA,
.oribist_carousel_typeA:hover .nextA{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeA .navA{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeA .navA label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeA #typeA_1:checked ~ .navA label[for="typeA_1"],
.oribist_carousel_typeA #typeA_2:checked ~ .navA label[for="typeA_2"],
.oribist_carousel_typeA #typeA_3:checked ~ .navA label[for="typeA_3"],
.oribist_carousel_typeA #typeA_4:checked ~ .navA label[for="typeA_4"],
.oribist_carousel_typeA #typeA_5:checked ~ .navA label[for="typeA_5"],
.oribist_carousel_typeA #typeA_6:checked ~ .navA label[for="typeA_6"],
.oribist_carousel_typeA #typeA_7:checked ~ .navA label[for="typeA_7"],
.oribist_carousel_typeA #typeA_8:checked ~ .navA label[for="typeA_8"]{
  background: #464544;
}

/* typeB */

.oribist_carousel_typeB{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeB input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeB .oribist_slide_wrapB{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeB .oribist_slideB{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeB .oribist_slideB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeB #typeB_1:checked ~ .oribist_slide_wrapB .slideB_1,
.oribist_carousel_typeB #typeB_2:checked ~ .oribist_slide_wrapB .slideB_2,
.oribist_carousel_typeB #typeB_3:checked ~ .oribist_slide_wrapB .slideB_3,
.oribist_carousel_typeB #typeB_4:checked ~ .oribist_slide_wrapB .slideB_4,
.oribist_carousel_typeB #typeB_5:checked ~ .oribist_slide_wrapB .slideB_5,
.oribist_carousel_typeB #typeB_6:checked ~ .oribist_slide_wrapB .slideB_6,
.oribist_carousel_typeB #typeB_7:checked ~ .oribist_slide_wrapB .slideB_7,
.oribist_carousel_typeB #typeB_8:checked ~ .oribist_slide_wrapB .slideB_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeB .prevB{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeB .nextB{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeB .prevB{
  left: 15px;
}
.oribist_carousel_typeB .nextB{
  right: 15px;
}
.oribist_carousel_typeB:hover .prevB,
.oribist_carousel_typeB:hover .nextB{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeB .navB{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeB .navB label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeB #typeB_1:checked ~ .navB label[for="typeB_1"],
.oribist_carousel_typeB #typeB_2:checked ~ .navB label[for="typeB_2"],
.oribist_carousel_typeB #typeB_3:checked ~ .navB label[for="typeB_3"],
.oribist_carousel_typeB #typeB_4:checked ~ .navB label[for="typeB_4"],
.oribist_carousel_typeB #typeB_5:checked ~ .navB label[for="typeB_5"],
.oribist_carousel_typeB #typeB_6:checked ~ .navB label[for="typeB_6"],
.oribist_carousel_typeB #typeB_7:checked ~ .navB label[for="typeB_7"],
.oribist_carousel_typeB #typeB_8:checked ~ .navB label[for="typeB_8"]{
  background: #464544;
}

/* typeC */

.oribist_carousel_typeC{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeC input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeC .oribist_slide_wrapC{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeC .oribist_slideC{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeC .oribist_slideC img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeC #typeC_1:checked ~ .oribist_slide_wrapC .slideC_1,
.oribist_carousel_typeC #typeC_2:checked ~ .oribist_slide_wrapC .slideC_2,
.oribist_carousel_typeC #typeC_3:checked ~ .oribist_slide_wrapC .slideC_3,
.oribist_carousel_typeC #typeC_4:checked ~ .oribist_slide_wrapC .slideC_4,
.oribist_carousel_typeC #typeC_5:checked ~ .oribist_slide_wrapC .slideC_5,
.oribist_carousel_typeC #typeC_6:checked ~ .oribist_slide_wrapC .slideC_6,
.oribist_carousel_typeC #typeC_7:checked ~ .oribist_slide_wrapC .slideC_7,
.oribist_carousel_typeC #typeC_8:checked ~ .oribist_slide_wrapC .slideC_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeC .prevC{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeC .nextC{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeC .prevC{
  left: 15px;
}
.oribist_carousel_typeC .nextC{
  right: 15px;
}
.oribist_carousel_typeC:hover .prevC,
.oribist_carousel_typeC:hover .nextC{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeC .navC{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeC .navC label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeC #typeC_1:checked ~ .navC label[for="typeC_1"],
.oribist_carousel_typeC #typeC_2:checked ~ .navC label[for="typeC_2"],
.oribist_carousel_typeC #typeC_3:checked ~ .navC label[for="typeC_3"],
.oribist_carousel_typeC #typeC_4:checked ~ .navC label[for="typeC_4"],
.oribist_carousel_typeC #typeC_5:checked ~ .navC label[for="typeC_5"],
.oribist_carousel_typeC #typeC_6:checked ~ .navC label[for="typeC_6"],
.oribist_carousel_typeC #typeC_7:checked ~ .navC label[for="typeC_7"],
.oribist_carousel_typeC #typeC_8:checked ~ .navC label[for="typeC_8"]{
  background: #464544;
}

/* typeD */

.oribist_carousel_typeD{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeD input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeD .oribist_slide_wrapD{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeD .oribist_slideD{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeD .oribist_slideD img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeD #typeD_1:checked ~ .oribist_slide_wrapD .slideD_1,
.oribist_carousel_typeD #typeD_2:checked ~ .oribist_slide_wrapD .slideD_2,
.oribist_carousel_typeD #typeD_3:checked ~ .oribist_slide_wrapD .slideD_3,
.oribist_carousel_typeD #typeD_4:checked ~ .oribist_slide_wrapD .slideD_4,
.oribist_carousel_typeD #typeD_5:checked ~ .oribist_slide_wrapD .slideD_5,
.oribist_carousel_typeD #typeD_6:checked ~ .oribist_slide_wrapD .slideD_6,
.oribist_carousel_typeD #typeD_7:checked ~ .oribist_slide_wrapD .slideD_7,
.oribist_carousel_typeD #typeD_8:checked ~ .oribist_slide_wrapD .slideD_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeD .prevD{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeD .nextD{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeD .prevD{
  left: 15px;
}
.oribist_carousel_typeD .nextD{
  right: 15px;
}
.oribist_carousel_typeD:hover .prevD,
.oribist_carousel_typeD:hover .nextD{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeD .navD{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeD .navD label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeD #typeD_1:checked ~ .navD label[for="typeD_1"],
.oribist_carousel_typeD #typeD_2:checked ~ .navD label[for="typeD_2"],
.oribist_carousel_typeD #typeD_3:checked ~ .navD label[for="typeD_3"],
.oribist_carousel_typeD #typeD_4:checked ~ .navD label[for="typeD_4"],
.oribist_carousel_typeD #typeD_5:checked ~ .navD label[for="typeD_5"],
.oribist_carousel_typeD #typeD_6:checked ~ .navD label[for="typeD_6"],
.oribist_carousel_typeD #typeD_7:checked ~ .navD label[for="typeD_7"],
.oribist_carousel_typeD #typeD_8:checked ~ .navD label[for="typeD_8"]{
  background: #464544;
}

/* typeE */

.oribist_carousel_typeE{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeE input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeE .oribist_slide_wrapE{
  position: relative;
  width: 100%;
  height: 465px;
}
.oribist_carousel_typeE .oribist_slideE{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeE .oribist_slideE img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeE #typeE_1:checked ~ .oribist_slide_wrapE .slideE_1,
.oribist_carousel_typeE #typeE_2:checked ~ .oribist_slide_wrapE .slideE_2,
.oribist_carousel_typeE #typeE_3:checked ~ .oribist_slide_wrapE .slideE_3,
.oribist_carousel_typeE #typeE_4:checked ~ .oribist_slide_wrapE .slideE_4,
.oribist_carousel_typeE #typeE_5:checked ~ .oribist_slide_wrapE .slideE_5,
.oribist_carousel_typeE #typeE_6:checked ~ .oribist_slide_wrapE .slideE_6,
.oribist_carousel_typeE #typeE_7:checked ~ .oribist_slide_wrapE .slideE_7,
.oribist_carousel_typeE #typeE_8:checked ~ .oribist_slide_wrapE .slideE_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeE .prevE{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeE .nextE{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeE .prevE{
  left: 15px;
}
.oribist_carousel_typeE .nextE{
  right: 15px;
}
.oribist_carousel_typeE:hover .prevE,
.oribist_carousel_typeE:hover .nextE{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeE .navE{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeE .navE label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeE #typeE_1:checked ~ .navE label[for="typeE_1"],
.oribist_carousel_typeE #typeE_2:checked ~ .navE label[for="typeE_2"],
.oribist_carousel_typeE #typeE_3:checked ~ .navE label[for="typeE_3"],
.oribist_carousel_typeE #typeE_4:checked ~ .navE label[for="typeE_4"],
.oribist_carousel_typeE #typeE_5:checked ~ .navE label[for="typeE_5"],
.oribist_carousel_typeE #typeE_6:checked ~ .navE label[for="typeE_6"],
.oribist_carousel_typeE #typeE_7:checked ~ .navE label[for="typeE_7"],
.oribist_carousel_typeE #typeE_8:checked ~ .navE label[for="typeE_8"]{
  background: #464544;
}

/* typeF */

.oribist_carousel_typeF{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeF input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeF .oribist_slide_wrapF{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeF .oribist_slideF{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeF .oribist_slideF img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeF #typeF_1:checked ~ .oribist_slide_wrapF .slideF_1,
.oribist_carousel_typeF #typeF_2:checked ~ .oribist_slide_wrapF .slideF_2,
.oribist_carousel_typeF #typeF_3:checked ~ .oribist_slide_wrapF .slideF_3,
.oribist_carousel_typeF #typeF_4:checked ~ .oribist_slide_wrapF .slideF_4,
.oribist_carousel_typeF #typeF_5:checked ~ .oribist_slide_wrapF .slideF_5,
.oribist_carousel_typeF #typeF_6:checked ~ .oribist_slide_wrapF .slideF_6,
.oribist_carousel_typeF #typeF_7:checked ~ .oribist_slide_wrapF .slideF_7,
.oribist_carousel_typeF #typeF_8:checked ~ .oribist_slide_wrapF .slideF_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeF .prevF{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeF .nextF{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeF .prevF{
  left: 15px;
}
.oribist_carousel_typeF .nextF{
  right: 15px;
}
.oribist_carousel_typeF:hover .prevF,
.oribist_carousel_typeF:hover .nextF{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeF .navF{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeF .navF label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeF #typeF_1:checked ~ .navF label[for="typeF_1"],
.oribist_carousel_typeF #typeF_2:checked ~ .navF label[for="typeF_2"],
.oribist_carousel_typeF #typeF_3:checked ~ .navF label[for="typeF_3"],
.oribist_carousel_typeF #typeF_4:checked ~ .navF label[for="typeF_4"],
.oribist_carousel_typeF #typeF_5:checked ~ .navF label[for="typeF_5"],
.oribist_carousel_typeF #typeF_6:checked ~ .navF label[for="typeF_6"],
.oribist_carousel_typeF #typeF_7:checked ~ .navF label[for="typeF_7"],
.oribist_carousel_typeF #typeF_8:checked ~ .navF label[for="typeF_8"]{
  background: #464544;
}

/* typeG */

.oribist_carousel_typeG{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeG input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeG .oribist_slide_wrapG{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeG .oribist_slideG{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeG .oribist_slideG img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeG #typeG_1:checked ~ .oribist_slide_wrapG .slideG_1,
.oribist_carousel_typeG #typeG_2:checked ~ .oribist_slide_wrapG .slideG_2,
.oribist_carousel_typeG #typeG_3:checked ~ .oribist_slide_wrapG .slideG_3,
.oribist_carousel_typeG #typeG_4:checked ~ .oribist_slide_wrapG .slideG_4,
.oribist_carousel_typeG #typeG_5:checked ~ .oribist_slide_wrapG .slideG_5,
.oribist_carousel_typeG #typeG_6:checked ~ .oribist_slide_wrapG .slideG_6,
.oribist_carousel_typeG #typeG_7:checked ~ .oribist_slide_wrapG .slideG_7,
.oribist_carousel_typeG #typeG_8:checked ~ .oribist_slide_wrapG .slideG_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeG .prevG{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeG .nextG{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeG .prevG{
  left: 15px;
}
.oribist_carousel_typeG .nextG{
  right: 15px;
}
.oribist_carousel_typeG:hover .prevG,
.oribist_carousel_typeG:hover .nextG{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeG .navG{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeG .navG label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeG #typeG_1:checked ~ .navG label[for="typeG_1"],
.oribist_carousel_typeG #typeG_2:checked ~ .navG label[for="typeG_2"],
.oribist_carousel_typeG #typeG_3:checked ~ .navG label[for="typeG_3"],
.oribist_carousel_typeG #typeG_4:checked ~ .navG label[for="typeG_4"],
.oribist_carousel_typeG #typeG_5:checked ~ .navG label[for="typeG_5"],
.oribist_carousel_typeG #typeG_6:checked ~ .navG label[for="typeG_6"],
.oribist_carousel_typeG #typeG_7:checked ~ .navG label[for="typeG_7"],
.oribist_carousel_typeG #typeG_8:checked ~ .navG label[for="typeG_8"]{
  background: #464544;
}

/* typeH */

.oribist_carousel_typeH{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeH input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeH .oribist_slide_wrapH{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeH .oribist_slideH{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeH .oribist_slideH img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeH #typeH_1:checked ~ .oribist_slide_wrapH .slideH_1,
.oribist_carousel_typeH #typeH_2:checked ~ .oribist_slide_wrapH .slideH_2,
.oribist_carousel_typeH #typeH_3:checked ~ .oribist_slide_wrapH .slideH_3,
.oribist_carousel_typeH #typeH_4:checked ~ .oribist_slide_wrapH .slideH_4,
.oribist_carousel_typeH #typeH_5:checked ~ .oribist_slide_wrapH .slideH_5,
.oribist_carousel_typeH #typeH_6:checked ~ .oribist_slide_wrapH .slideH_6,
.oribist_carousel_typeH #typeH_7:checked ~ .oribist_slide_wrapH .slideH_7,
.oribist_carousel_typeH #typeH_8:checked ~ .oribist_slide_wrapH .slideH_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeH .prevH{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeH .nextH{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeH .prevH{
  left: 15px;
}
.oribist_carousel_typeH .nextH{
  right: 15px;
}
.oribist_carousel_typeH:hover .prevH,
.oribist_carousel_typeH:hover .nextH{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeH .navH{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeH .navH label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeH #typeH_1:checked ~ .navH label[for="typeH_1"],
.oribist_carousel_typeH #typeH_2:checked ~ .navH label[for="typeH_2"],
.oribist_carousel_typeH #typeH_3:checked ~ .navH label[for="typeH_3"],
.oribist_carousel_typeH #typeH_4:checked ~ .navH label[for="typeH_4"],
.oribist_carousel_typeH #typeH_5:checked ~ .navH label[for="typeH_5"],
.oribist_carousel_typeH #typeH_6:checked ~ .navH label[for="typeH_6"],
.oribist_carousel_typeH #typeH_7:checked ~ .navH label[for="typeH_7"],
.oribist_carousel_typeH #typeH_8:checked ~ .navH label[for="typeH_8"]{
  background: #464544;
}

/* typeI */

.oribist_carousel_typeI{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeI input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeI .oribist_slide_wrapI{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeI .oribist_slideI{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeI .oribist_slideI img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeI #typeI_1:checked ~ .oribist_slide_wrapI .slideI_1,
.oribist_carousel_typeI #typeI_2:checked ~ .oribist_slide_wrapI .slideI_2,
.oribist_carousel_typeI #typeI_3:checked ~ .oribist_slide_wrapI .slideI_3,
.oribist_carousel_typeI #typeI_4:checked ~ .oribist_slide_wrapI .slideI_4,
.oribist_carousel_typeI #typeI_5:checked ~ .oribist_slide_wrapI .slideI_5,
.oribist_carousel_typeI #typeI_6:checked ~ .oribist_slide_wrapI .slideI_6,
.oribist_carousel_typeI #typeI_7:checked ~ .oribist_slide_wrapI .slideI_7,
.oribist_carousel_typeI #typeI_8:checked ~ .oribist_slide_wrapI .slideI_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeI .prevI{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeI .nextI{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeI .prevI{
  left: 15px;
}
.oribist_carousel_typeI .nextI{
  right: 15px;
}
.oribist_carousel_typeI:hover .prevI,
.oribist_carousel_typeI:hover .nextI{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeI .navI{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeI .navI label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeI #typeI_1:checked ~ .navI label[for="typeI_1"],
.oribist_carousel_typeI #typeI_2:checked ~ .navI label[for="typeI_2"],
.oribist_carousel_typeI #typeI_3:checked ~ .navI label[for="typeI_3"],
.oribist_carousel_typeI #typeI_4:checked ~ .navI label[for="typeI_4"],
.oribist_carousel_typeI #typeI_5:checked ~ .navI label[for="typeI_5"],
.oribist_carousel_typeI #typeI_6:checked ~ .navI label[for="typeI_6"],
.oribist_carousel_typeI #typeI_7:checked ~ .navI label[for="typeI_7"],
.oribist_carousel_typeI #typeI_8:checked ~ .navI label[for="typeI_8"]{
  background: #464544;
}

/* typeJ */

.oribist_carousel_typeJ{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeJ input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeJ .oribist_slide_wrapJ{
  position: relative;
  height: 465px;
}
.oribist_carousel_typeJ .oribist_slideJ{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeJ .oribist_slideJ img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeJ #typeJ_1:checked ~ .oribist_slide_wrapJ .slideJ_1,
.oribist_carousel_typeJ #typeJ_2:checked ~ .oribist_slide_wrapJ .slideJ_2,
.oribist_carousel_typeJ #typeJ_3:checked ~ .oribist_slide_wrapJ .slideJ_3,
.oribist_carousel_typeJ #typeJ_4:checked ~ .oribist_slide_wrapJ .slideJ_4,
.oribist_carousel_typeJ #typeJ_5:checked ~ .oribist_slide_wrapJ .slideJ_5,
.oribist_carousel_typeJ #typeJ_6:checked ~ .oribist_slide_wrapJ .slideJ_6,
.oribist_carousel_typeJ #typeJ_7:checked ~ .oribist_slide_wrapJ .slideJ_7,
.oribist_carousel_typeJ #typeJ_8:checked ~ .oribist_slide_wrapJ .slideJ_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeJ .prevJ{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeJ .nextJ{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeJ .prevJ{
  left: 15px;
}
.oribist_carousel_typeJ .nextJ{
  right: 15px;
}
.oribist_carousel_typeJ:hover .prevJ,
.oribist_carousel_typeJ:hover .nextJ{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeJ .navJ{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeJ .navJ label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeJ #typeJ_1:checked ~ .navJ label[for="typeJ_1"],
.oribist_carousel_typeJ #typeJ_2:checked ~ .navJ label[for="typeJ_2"],
.oribist_carousel_typeJ #typeJ_3:checked ~ .navJ label[for="typeJ_3"],
.oribist_carousel_typeJ #typeJ_4:checked ~ .navJ label[for="typeJ_4"],
.oribist_carousel_typeJ #typeJ_5:checked ~ .navJ label[for="typeJ_5"],
.oribist_carousel_typeJ #typeJ_6:checked ~ .navJ label[for="typeJ_6"],
.oribist_carousel_typeJ #typeJ_7:checked ~ .navJ label[for="typeJ_7"],
.oribist_carousel_typeJ #typeJ_8:checked ~ .navJ label[for="typeJ_8"]{
  background: #464544;
}

}

/* -----------------------------------------------------------
	smp design
----------------------------------------------------------- */

@media screen and (max-width: 766px){

/* typeA */

.oribist_carousel_typeA{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeA input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeA .oribist_slide_wrapA{
  position: relative;
  width: 100%;
  height: 250px;
}
.oribist_carousel_typeA .oribist_slideA{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeA .oribist_slideA img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeA #typeA_1:checked ~ .oribist_slide_wrapA .slideA_1,
.oribist_carousel_typeA #typeA_2:checked ~ .oribist_slide_wrapA .slideA_2,
.oribist_carousel_typeA #typeA_3:checked ~ .oribist_slide_wrapA .slideA_3,
.oribist_carousel_typeA #typeA_4:checked ~ .oribist_slide_wrapA .slideA_4,
.oribist_carousel_typeA #typeA_5:checked ~ .oribist_slide_wrapA .slideA_5,
.oribist_carousel_typeA #typeA_6:checked ~ .oribist_slide_wrapA .slideA_6,
.oribist_carousel_typeA #typeA_7:checked ~ .oribist_slide_wrapA .slideA_7,
.oribist_carousel_typeA #typeA_8:checked ~ .oribist_slide_wrapA .slideA_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeA .prevA{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeA .nextA{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeA .prevA{
  left: 15px;
}
.oribist_carousel_typeA .nextA{
  right: 15px;
}
.oribist_carousel_typeA:hover .prevA,
.oribist_carousel_typeA:hover .nextA{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeA .navA{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeA .navA label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeA #typeA_1:checked ~ .navA label[for="typeA_1"],
.oribist_carousel_typeA #typeA_2:checked ~ .navA label[for="typeA_2"],
.oribist_carousel_typeA #typeA_3:checked ~ .navA label[for="typeA_3"],
.oribist_carousel_typeA #typeA_4:checked ~ .navA label[for="typeA_4"],
.oribist_carousel_typeA #typeA_5:checked ~ .navA label[for="typeA_5"],
.oribist_carousel_typeA #typeA_6:checked ~ .navA label[for="typeA_6"],
.oribist_carousel_typeA #typeA_7:checked ~ .navA label[for="typeA_7"],
.oribist_carousel_typeA #typeA_8:checked ~ .navA label[for="typeA_8"]{
  background: #464544;
}

/* typeB */

.oribist_carousel_typeB{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeB input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeB .oribist_slide_wrapB{
  position: relative;
  width: 100%;
  height: 250px;
}
.oribist_carousel_typeB .oribist_slideB{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeB .oribist_slideB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeB #typeB_1:checked ~ .oribist_slide_wrapB .slideB_1,
.oribist_carousel_typeB #typeB_2:checked ~ .oribist_slide_wrapB .slideB_2,
.oribist_carousel_typeB #typeB_3:checked ~ .oribist_slide_wrapB .slideB_3,
.oribist_carousel_typeB #typeB_4:checked ~ .oribist_slide_wrapB .slideB_4,
.oribist_carousel_typeB #typeB_5:checked ~ .oribist_slide_wrapB .slideB_5,
.oribist_carousel_typeB #typeB_6:checked ~ .oribist_slide_wrapB .slideB_6,
.oribist_carousel_typeB #typeB_7:checked ~ .oribist_slide_wrapB .slideB_7,
.oribist_carousel_typeB #typeB_8:checked ~ .oribist_slide_wrapB .slideB_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeB .prevB{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeB .nextB{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeB .prevB{
  left: 15px;
}
.oribist_carousel_typeB .nextB{
  right: 15px;
}
.oribist_carousel_typeB:hover .prevB,
.oribist_carousel_typeB:hover .nextB{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeB .navB{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeB .navB label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeB #typeB_1:checked ~ .navB label[for="typeB_1"],
.oribist_carousel_typeB #typeB_2:checked ~ .navB label[for="typeB_2"],
.oribist_carousel_typeB #typeB_3:checked ~ .navB label[for="typeB_3"],
.oribist_carousel_typeB #typeB_4:checked ~ .navB label[for="typeB_4"],
.oribist_carousel_typeB #typeB_5:checked ~ .navB label[for="typeB_5"],
.oribist_carousel_typeB #typeB_6:checked ~ .navB label[for="typeB_6"],
.oribist_carousel_typeB #typeB_7:checked ~ .navB label[for="typeB_7"],
.oribist_carousel_typeB #typeB_8:checked ~ .navB label[for="typeB_8"]{
  background: #464544;
}

/* typeC */

.oribist_carousel_typeC{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeC input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeC .oribist_slide_wrapC{
  position: relative;
  width: 100%;
  height: 250px;
}
.oribist_carousel_typeC .oribist_slideC{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeC .oribist_slideC img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeC #typeC_1:checked ~ .oribist_slide_wrapC .slideC_1,
.oribist_carousel_typeC #typeC_2:checked ~ .oribist_slide_wrapC .slideC_2,
.oribist_carousel_typeC #typeC_3:checked ~ .oribist_slide_wrapC .slideC_3,
.oribist_carousel_typeC #typeC_4:checked ~ .oribist_slide_wrapC .slideC_4,
.oribist_carousel_typeC #typeC_5:checked ~ .oribist_slide_wrapC .slideC_5,
.oribist_carousel_typeC #typeC_6:checked ~ .oribist_slide_wrapC .slideC_6,
.oribist_carousel_typeC #typeC_7:checked ~ .oribist_slide_wrapC .slideC_7,
.oribist_carousel_typeC #typeC_8:checked ~ .oribist_slide_wrapC .slideC_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeC .prevC{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeC .nextC{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeC .prevC{
  left: 15px;
}
.oribist_carousel_typeC .nextC{
  right: 15px;
}
.oribist_carousel_typeC:hover .prevC,
.oribist_carousel_typeC:hover .nextC{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeC .navC{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeC .navC label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeC #typeC_1:checked ~ .navC label[for="typeC_1"],
.oribist_carousel_typeC #typeC_2:checked ~ .navC label[for="typeC_2"],
.oribist_carousel_typeC #typeC_3:checked ~ .navC label[for="typeC_3"],
.oribist_carousel_typeC #typeC_4:checked ~ .navC label[for="typeC_4"],
.oribist_carousel_typeC #typeC_5:checked ~ .navC label[for="typeC_5"],
.oribist_carousel_typeC #typeC_6:checked ~ .navC label[for="typeC_6"],
.oribist_carousel_typeC #typeC_7:checked ~ .navC label[for="typeC_7"],
.oribist_carousel_typeC #typeC_8:checked ~ .navC label[for="typeC_8"]{
  background: #464544;
}

/* typeD */

.oribist_carousel_typeD{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeD input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeD .oribist_slide_wrapD{
  position: relative;
  width: 100%;
  height: 250px;
}
.oribist_carousel_typeD .oribist_slideD{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeD .oribist_slideD img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeD #typeD_1:checked ~ .oribist_slide_wrapD .slideD_1,
.oribist_carousel_typeD #typeD_2:checked ~ .oribist_slide_wrapD .slideD_2,
.oribist_carousel_typeD #typeD_3:checked ~ .oribist_slide_wrapD .slideD_3,
.oribist_carousel_typeD #typeD_4:checked ~ .oribist_slide_wrapD .slideD_4,
.oribist_carousel_typeD #typeD_5:checked ~ .oribist_slide_wrapD .slideD_5,
.oribist_carousel_typeD #typeD_6:checked ~ .oribist_slide_wrapD .slideD_6,
.oribist_carousel_typeD #typeD_7:checked ~ .oribist_slide_wrapD .slideD_7,
.oribist_carousel_typeD #typeD_8:checked ~ .oribist_slide_wrapD .slideD_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeD .prevD{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeD .nextD{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeD .prevD{
  left: 15px;
}
.oribist_carousel_typeD .nextD{
  right: 15px;
}
.oribist_carousel_typeD:hover .prevD,
.oribist_carousel_typeD:hover .nextD{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeD .navD{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeD .navD label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeD #typeD_1:checked ~ .navD label[for="typeD_1"],
.oribist_carousel_typeD #typeD_2:checked ~ .navD label[for="typeD_2"],
.oribist_carousel_typeD #typeD_3:checked ~ .navD label[for="typeD_3"],
.oribist_carousel_typeD #typeD_4:checked ~ .navD label[for="typeD_4"],
.oribist_carousel_typeD #typeD_5:checked ~ .navD label[for="typeD_5"],
.oribist_carousel_typeD #typeD_6:checked ~ .navD label[for="typeD_6"],
.oribist_carousel_typeD #typeD_7:checked ~ .navD label[for="typeD_7"],
.oribist_carousel_typeD #typeD_8:checked ~ .navD label[for="typeD_8"]{
  background: #464544;
}

/* typeE */

.oribist_carousel_typeE{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeE input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeE .oribist_slide_wrapE{
  position: relative;
  width: 100%;
  height: 250px;
}
.oribist_carousel_typeE .oribist_slideE{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeE .oribist_slideE img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeE #typeE_1:checked ~ .oribist_slide_wrapE .slideE_1,
.oribist_carousel_typeE #typeE_2:checked ~ .oribist_slide_wrapE .slideE_2,
.oribist_carousel_typeE #typeE_3:checked ~ .oribist_slide_wrapE .slideE_3,
.oribist_carousel_typeE #typeE_4:checked ~ .oribist_slide_wrapE .slideE_4,
.oribist_carousel_typeE #typeE_5:checked ~ .oribist_slide_wrapE .slideE_5,
.oribist_carousel_typeE #typeE_6:checked ~ .oribist_slide_wrapE .slideE_6,
.oribist_carousel_typeE #typeE_7:checked ~ .oribist_slide_wrapE .slideE_7,
.oribist_carousel_typeE #typeE_8:checked ~ .oribist_slide_wrapE .slideE_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeE .prevE{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeE .nextE{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeE .prevE{
  left: 15px;
}
.oribist_carousel_typeE .nextE{
  right: 15px;
}
.oribist_carousel_typeE:hover .prevE,
.oribist_carousel_typeE:hover .nextE{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeE .navE{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeE .navE label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeE #typeE_1:checked ~ .navE label[for="typeE_1"],
.oribist_carousel_typeE #typeE_2:checked ~ .navE label[for="typeE_2"],
.oribist_carousel_typeE #typeE_3:checked ~ .navE label[for="typeE_3"],
.oribist_carousel_typeE #typeE_4:checked ~ .navE label[for="typeE_4"],
.oribist_carousel_typeE #typeE_5:checked ~ .navE label[for="typeE_5"],
.oribist_carousel_typeE #typeE_6:checked ~ .navE label[for="typeE_6"],
.oribist_carousel_typeE #typeE_7:checked ~ .navE label[for="typeE_7"],
.oribist_carousel_typeE #typeE_8:checked ~ .navE label[for="typeE_8"]{
  background: #464544;
}

/* typeF */

.oribist_carousel_typeF{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeF input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeF .oribist_slide_wrapF{
  position: relative;
  height: 250px;
}
.oribist_carousel_typeF .oribist_slideF{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeF .oribist_slideF img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeF #typeF_1:checked ~ .oribist_slide_wrapF .slideF_1,
.oribist_carousel_typeF #typeF_2:checked ~ .oribist_slide_wrapF .slideF_2,
.oribist_carousel_typeF #typeF_3:checked ~ .oribist_slide_wrapF .slideF_3,
.oribist_carousel_typeF #typeF_4:checked ~ .oribist_slide_wrapF .slideF_4,
.oribist_carousel_typeF #typeF_5:checked ~ .oribist_slide_wrapF .slideF_5,
.oribist_carousel_typeF #typeF_6:checked ~ .oribist_slide_wrapF .slideF_6,
.oribist_carousel_typeF #typeF_7:checked ~ .oribist_slide_wrapF .slideF_7,
.oribist_carousel_typeF #typeF_8:checked ~ .oribist_slide_wrapF .slideF_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeF .prevF{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeF .nextF{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeF .prevF{
  left: 15px;
}
.oribist_carousel_typeF .nextF{
  right: 15px;
}
.oribist_carousel_typeF:hover .prevF,
.oribist_carousel_typeF:hover .nextF{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeF .navF{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeF .navF label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeF #typeF_1:checked ~ .navF label[for="typeF_1"],
.oribist_carousel_typeF #typeF_2:checked ~ .navF label[for="typeF_2"],
.oribist_carousel_typeF #typeF_3:checked ~ .navF label[for="typeF_3"],
.oribist_carousel_typeF #typeF_4:checked ~ .navF label[for="typeF_4"],
.oribist_carousel_typeF #typeF_5:checked ~ .navF label[for="typeF_5"],
.oribist_carousel_typeF #typeF_6:checked ~ .navF label[for="typeF_6"],
.oribist_carousel_typeF #typeF_7:checked ~ .navF label[for="typeF_7"],
.oribist_carousel_typeF #typeF_8:checked ~ .navF label[for="typeF_8"]{
  background: #464544;
}

/* typeG */

.oribist_carousel_typeG{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeG input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeG .oribist_slide_wrapG{
  position: relative;
  height: 250px;
}
.oribist_carousel_typeG .oribist_slideG{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeG .oribist_slideG img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeG #typeG_1:checked ~ .oribist_slide_wrapG .slideG_1,
.oribist_carousel_typeG #typeG_2:checked ~ .oribist_slide_wrapG .slideG_2,
.oribist_carousel_typeG #typeG_3:checked ~ .oribist_slide_wrapG .slideG_3,
.oribist_carousel_typeG #typeG_4:checked ~ .oribist_slide_wrapG .slideG_4,
.oribist_carousel_typeG #typeG_5:checked ~ .oribist_slide_wrapG .slideG_5,
.oribist_carousel_typeG #typeG_6:checked ~ .oribist_slide_wrapG .slideG_6,
.oribist_carousel_typeG #typeG_7:checked ~ .oribist_slide_wrapG .slideG_7,
.oribist_carousel_typeG #typeG_8:checked ~ .oribist_slide_wrapG .slideG_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeG .prevG{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeG .nextG{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeG .prevG{
  left: 15px;
}
.oribist_carousel_typeG .nextG{
  right: 15px;
}
.oribist_carousel_typeG:hover .prevG,
.oribist_carousel_typeG:hover .nextG{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeG .navG{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeG .navG label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeG #typeG_1:checked ~ .navG label[for="typeG_1"],
.oribist_carousel_typeG #typeG_2:checked ~ .navG label[for="typeG_2"],
.oribist_carousel_typeG #typeG_3:checked ~ .navG label[for="typeG_3"],
.oribist_carousel_typeG #typeG_4:checked ~ .navG label[for="typeG_4"],
.oribist_carousel_typeG #typeG_5:checked ~ .navG label[for="typeG_5"],
.oribist_carousel_typeG #typeG_6:checked ~ .navG label[for="typeG_6"],
.oribist_carousel_typeG #typeG_7:checked ~ .navG label[for="typeG_7"],
.oribist_carousel_typeG #typeG_8:checked ~ .navG label[for="typeG_8"]{
  background: #464544;
}

/* typeH */

.oribist_carousel_typeH{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeH input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeH .oribist_slide_wrapH{
  position: relative;
  height: 250px;
}
.oribist_carousel_typeH .oribist_slideH{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeH .oribist_slideH img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeH #typeH_1:checked ~ .oribist_slide_wrapH .slideH_1,
.oribist_carousel_typeH #typeH_2:checked ~ .oribist_slide_wrapH .slideH_2,
.oribist_carousel_typeH #typeH_3:checked ~ .oribist_slide_wrapH .slideH_3,
.oribist_carousel_typeH #typeH_4:checked ~ .oribist_slide_wrapH .slideH_4,
.oribist_carousel_typeH #typeH_5:checked ~ .oribist_slide_wrapH .slideH_5,
.oribist_carousel_typeH #typeH_6:checked ~ .oribist_slide_wrapH .slideH_6,
.oribist_carousel_typeH #typeH_7:checked ~ .oribist_slide_wrapH .slideH_7,
.oribist_carousel_typeH #typeH_8:checked ~ .oribist_slide_wrapH .slideH_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeH .prevH{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeH .nextH{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeH .prevH{
  left: 15px;
}
.oribist_carousel_typeH .nextH{
  right: 15px;
}
.oribist_carousel_typeH:hover .prevH,
.oribist_carousel_typeH:hover .nextH{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeH .navH{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeH .navH label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeH #typeH_1:checked ~ .navH label[for="typeH_1"],
.oribist_carousel_typeH #typeH_2:checked ~ .navH label[for="typeH_2"],
.oribist_carousel_typeH #typeH_3:checked ~ .navH label[for="typeH_3"],
.oribist_carousel_typeH #typeH_4:checked ~ .navH label[for="typeH_4"],
.oribist_carousel_typeH #typeH_5:checked ~ .navH label[for="typeH_5"],
.oribist_carousel_typeH #typeH_6:checked ~ .navH label[for="typeH_6"],
.oribist_carousel_typeH #typeH_7:checked ~ .navH label[for="typeH_7"],
.oribist_carousel_typeH #typeH_8:checked ~ .navH label[for="typeH_8"]{
  background: #464544;
}

/* typeI */

.oribist_carousel_typeI{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeI input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeI .oribist_slide_wrapI{
  position: relative;
  height: 250px;
}
.oribist_carousel_typeI .oribist_slideI{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeI .oribist_slideI img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeI #typeI_1:checked ~ .oribist_slide_wrapI .slideI_1,
.oribist_carousel_typeI #typeI_2:checked ~ .oribist_slide_wrapI .slideI_2,
.oribist_carousel_typeI #typeI_3:checked ~ .oribist_slide_wrapI .slideI_3,
.oribist_carousel_typeI #typeI_4:checked ~ .oribist_slide_wrapI .slideI_4,
.oribist_carousel_typeI #typeI_5:checked ~ .oribist_slide_wrapI .slideI_5,
.oribist_carousel_typeI #typeI_6:checked ~ .oribist_slide_wrapI .slideI_6,
.oribist_carousel_typeI #typeI_7:checked ~ .oribist_slide_wrapI .slideI_7,
.oribist_carousel_typeI #typeI_8:checked ~ .oribist_slide_wrapI .slideI_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeI .prevI{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeI .nextI{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeI .prevI{
  left: 15px;
}
.oribist_carousel_typeI .nextI{
  right: 15px;
}
.oribist_carousel_typeI:hover .prevI,
.oribist_carousel_typeI:hover .nextI{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeI .navI{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeI .navI label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeI #typeI_1:checked ~ .navI label[for="typeI_1"],
.oribist_carousel_typeI #typeI_2:checked ~ .navI label[for="typeI_2"],
.oribist_carousel_typeI #typeI_3:checked ~ .navI label[for="typeI_3"],
.oribist_carousel_typeI #typeI_4:checked ~ .navI label[for="typeI_4"],
.oribist_carousel_typeI #typeI_5:checked ~ .navI label[for="typeI_5"],
.oribist_carousel_typeI #typeI_6:checked ~ .navI label[for="typeI_6"],
.oribist_carousel_typeI #typeI_7:checked ~ .navI label[for="typeI_7"],
.oribist_carousel_typeI #typeI_8:checked ~ .navI label[for="typeI_8"]{
  background: #464544;
}

/* typeJ */

.oribist_carousel_typeJ{
  position: relative;
  width: 100%;
}
.oribist_carousel_typeJ input{
  display: none; /* radio非表示 */
}
.oribist_carousel_typeJ .oribist_slide_wrapJ{
  position: relative;
  height: 250px;
}
.oribist_carousel_typeJ .oribist_slideJ{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.oribist_carousel_typeJ .oribist_slideJ img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oribist_carousel_typeJ #typeJ_1:checked ~ .oribist_slide_wrapJ .slideJ_1,
.oribist_carousel_typeJ #typeJ_2:checked ~ .oribist_slide_wrapJ .slideJ_2,
.oribist_carousel_typeJ #typeJ_3:checked ~ .oribist_slide_wrapJ .slideJ_3,
.oribist_carousel_typeJ #typeJ_4:checked ~ .oribist_slide_wrapJ .slideJ_4,
.oribist_carousel_typeJ #typeJ_5:checked ~ .oribist_slide_wrapJ .slideJ_5,
.oribist_carousel_typeJ #typeJ_6:checked ~ .oribist_slide_wrapJ .slideJ_6,
.oribist_carousel_typeJ #typeJ_7:checked ~ .oribist_slide_wrapJ .slideJ_7,
.oribist_carousel_typeJ #typeJ_8:checked ~ .oribist_slide_wrapJ .slideJ_8{
  opacity: 1;
  z-index: 1;
}
.oribist_carousel_typeJ .prevJ{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(-45deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeJ .nextJ{
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #e0dfde;
  border-left: 2px solid #e0dfde;
  transform: rotate(135deg);
  padding: 5px;
  cursor: pointer;
  user-select: none;
}
.oribist_carousel_typeJ .prevJ{
  left: 15px;
}
.oribist_carousel_typeJ .nextJ{
  right: 15px;
}
.oribist_carousel_typeJ:hover .prevJ,
.oribist_carousel_typeJ:hover .nextJ{
  opacity: 1;
  pointer-events: auto;
}
.oribist_carousel_typeJ .navJ{
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 15px;
}
.oribist_carousel_typeJ .navJ label{
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.oribist_carousel_typeJ #typeJ_1:checked ~ .navJ label[for="typeJ_1"],
.oribist_carousel_typeJ #typeJ_2:checked ~ .navJ label[for="typeJ_2"],
.oribist_carousel_typeJ #typeJ_3:checked ~ .navJ label[for="typeJ_3"],
.oribist_carousel_typeJ #typeJ_4:checked ~ .navJ label[for="typeJ_4"],
.oribist_carousel_typeJ #typeJ_5:checked ~ .navJ label[for="typeJ_5"],
.oribist_carousel_typeJ #typeJ_6:checked ~ .navJ label[for="typeJ_6"],
.oribist_carousel_typeJ #typeJ_7:checked ~ .navJ label[for="typeJ_7"],
.oribist_carousel_typeJ #typeJ_8:checked ~ .navJ label[for="typeJ_8"]{
  background: #464544;
}

}