@font-face {
    font-family: 'BoseText-Regular';
    src: url('/bc/c/av/bose/ultra_earbuds_2nd/fonts/BoseText/BoseText-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'BoseText-SemiBold';
    src: url('/bc/c/av/bose/ultra_earbuds_2nd/fonts/BoseText/BoseText-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansJp-Regular';
    src: url('/bc/c/av/bose/ultra_earbuds_2nd/fonts/NotoSansJp/NotoSansJP-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansJp-Bold';
    src: url('/bc/c/av/bose/ultra_earbuds_2nd/fonts/NotoSansJp/NotoSansJP-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansJp-SemiBold';
    src: url('/bc/c/av/bose/ultra_earbuds_2nd/fonts/NotoSansJp/NotoSansJP-SemiBold.ttf') format('truetype');
}

.txtleft {
    text-align:left;
}

    .cta {
        background-color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 2em 20px;
        gap: 1rem;
    }
    .cta_heading {
        color: #fff;
    }
    .cta-button {
        background-color: #fff;
        border-radius: 9999px;
        color: #000000;
        font-size: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'NotoSansJp-SemiBold', serif;
        border: 1px solid #fff;
        transition-duration: 500ms;
        width: 170px;
        height: 40px;
        margin: auto;
    }


div#ultra_earbuds_2nd, div#ultra_earbuds_2nd #features p {
    margin: 0;
    font-family: 'NotoSansJp-Regular', serif;
    font-size: 14px;
    line-height: 170%;
    color: #000000;
}

div#ultra_earbuds_2nd #banner_video {
    /*width: 95%;*/
    text-align: initial;
    margin: 0px auto;
    /*width: 100vw;*/
    zoom: 100%;
    font-size: 80%;
}

@media screen and (min-width: 769px) {
    div#ultra_earbuds_2nd {
        font-size: 16px;
    }
}

 a {
    text-decoration: none !important;
}

div#ultra_earbuds_2nd img {
    width: 100%;
}

div#ultra_earbuds_2nd .catchphrase {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 20px 0;
    font-family: 'NotoSansJp-Bold', serif;
}

@media screen and (min-width: 769px) {
    div#ultra_earbuds_2nd .catchphrase {
        font-size: 32px;
        line-height: 56px;
        margin: 0 0 40px 0;
    }
}

@media screen and (min-width: 1024px) {
    .catchphrase {
        font-size: 48px;
        line-height: 56px;
    }
}


.buy-button {
    background: #000;
    color: #fff;
    font-family: 'NotoSansJp-SemiBold', serif;
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    margin-top: 1rem;
    transition-duration: 500ms;
}

.buy-button:hover {
    color: #fff;
    opacity: 0.7;
}


/**/

  #buy-button001 {
      background: #000;
      color: #fff;
      font-family: 'NotoSansJp-SemiBold', serif;
      width: 150px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      transition-duration: 500ms;
      margin:1rem auto 0;
  }

@media screen and (min-width: 769px) {
  #buy-button001 {
      background: #000;
      color: #fff;
      font-family: 'NotoSansJp-SemiBold', serif;
      width: 150px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 9999px;
      margin: 1rem 0 0;
      transition-duration: 500ms;
  }
}



#buy-button001:hover {
    color: #fff;
    opacity: 0.7;
}
/**/

.product {
    /*max-width: 900px;*/
    margin: 4rem auto 0;
    display: flex;
    flex-direction: column-reverse;
}

@media screen and (min-width: 769px) {
    .buy-button {
        width: 200px;
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 9999px;
        margin-top: 2rem;
        transition-duration: 500ms;
    }

    .buy-button:hover {
        color: #fff;
        opacity: 0.7;
    }

    .product {
        /*max-width: 900px;*/
        margin: 4rem auto 0;
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1024px) {
    .product {
        max-width: 900px;
        margin: 4rem auto 0;
        display: flex;
        flex-direction: row;
    }
}

.product_container > h3 {
  font-size: 1.25rem; 
  margin-bottom: 1.5rem; 
  font-family: 'NotoSansJp-Regular', serif;
}

.product_image {
    display: flex;
    flex-direction: row;
    /*padding: 0 40px;*/
    gap: 1rem;
    margin: auto;
}

@media screen and (max-width: 1024px) {
    div.product_image img {
        width: calc(90% / 3)!important;
    }
}




.product_content {
    text-align: center;
    margin-top: 3rem;
}

@media screen and (min-width: 769px) {
    .product_content {
        text-align: left!important;
    }
}

.product_category {
    font-family: 'NotoSansJp-SemiBold', serif;
    font-size: 1rem;
}

.product_name {
    font-family: 'BoseText-SemiBold', 'NotoSansJp-SemiBold',　serif;
    font-size: 1.5rem;
    margin-top: 0.5rem;
}

.product_generation {
  font-size: 0.875rem;   /* ?��?14px */
  font-family: 'NotoSansJp-SemiBold', serif;
}

/* タブレ?��?ト以上�?769px〜�? */
@media screen and (min-width: 769px) {
  .product_generation {
    font-size: 1rem;     /* ?��?16px */
  }
}

/* PCサイズ??��?1024px〜�? */
@media screen and (min-width: 1024px) {
  .product_generation {
    font-size: 1.125rem; /* ?��?18px */
  }
}

.product_desc {
    font-family: 'NotoSansJp-SemiBold', serif;
    margin-top: 1.5rem;
}

.product_container {
    padding: 50px 20px;
}

@media screen and (min-width: 769px) {
    .product_container {
        padding: 70px 20px;
    }

    .product_image {
        width: 100%;
        flex-direction: row;
        padding: 0 30px;
    }

    .product_image img {
        width: 33.3333%;
    }

    .product_content {
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .product_container {
        padding: 70px 0;
    }

    .product_image img {
        width: 100%;
    }

    .product_image {
        flex-direction: row;
        width: 175px;
        /*margin-left: 30px;*/
        padding: 0;
        margin:auto!important;
    }
    div.product_image {
        margin: 0!important;
    }
}

/* Points */
div#ultra_earbuds_2nd #points {
    background: #E5E5E5;
    display: flex;
    justify-content: center;
    /*padding: 1rem 0 2rem 0;*/
    margin-top: 1rem;
}

div#ultra_earbuds_2nd .points {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1160px;
    padding: 0 20px;
}

.point {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 1rem;
    width: 100%;
}

div#ultra_earbuds_2nd .point img {
    width: 50px;
    height: auto;
}

div#ultra_earbuds_2nd .point h3 {
    font-family: 'NotoSansJp-SemiBold', serif;
    font-size: 0.85rem;
    padding-top: 0.3rem;
    line-height: 1.3em;
}

@media screen and (min-width: 769px) {
    #points {
        padding: 0 20px 3rem;
    }

    .points {
        padding: 0;
        margin-top: 2rem;
    }

    .point {
        width: 50%;
    }

    .point h3 {
        font-size: 1rem;
        padding-top: 0.3rem;
        line-height: 1.3em;
    }
}

@media screen and (min-width: 1024px) {
    #points {
        padding: 0 0 3rem;
    }

    .point.point01 {
        width: 280px;
    }
    .point.point02 {
        width: 380px;
    }
    .point.point03 {
        width: 410px;
    }
}

/* Features */
#features {
    margin: 0 auto;
    padding: 0 20px;
}

.feature {
    display: flex;
    align-items: center;
    margin: 4rem auto 0;
    gap: 1rem;
    flex-direction: column;
    text-align: left;
}

.reverse {
    flex-direction: column-reverse !important;
}

.feature > div {
    flex: 1;
}

.feature-heading {
    font-family: 'NotoSansJp-Bold', serif;
    font-size: 1.3rem;
    line-height: 1.4em;
    t
}

.feature p {
    margin-top: 1.5rem;
}

@media screen and (min-width: 769px) {
    #features {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 40px;
    }

    .feature {
        max-width: 1480px;
        margin: 5rem auto 0;
        gap: 4rem;
        flex-direction: row;
    }

    .reverse {
        flex-direction: row !important;
    }

    .feature-heading {
        font-size: 1.5rem;
    }

    .feature p {
        margin-top: 2rem;
        max-width: 600px;
    }
}

@media screen and (min-width: 1024px) {
    #features {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 40px;
    }

    .feature {
        max-width: 1480px;
        margin: 5rem auto 0;
        gap: 4rem;
        flex-direction: row;
    }

    .reverse {
        flex-direction: row !important;
    }

    .feature-heading {
        font-size: 2.5rem;
    }

    .feature p {
        margin-top: 2rem;
        max-width: 600px;
    }
}

.app {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1480px;
    margin: 4rem auto 0;
    gap: 1rem;
}

.app p {
    margin-top: 2rem;
    max-width: 1200px;
}

.app-image {
    padding: 0 40px;
}

.notice {
    font-size: 0.8rem;
    margin-top: 3rem;
    line-height: 1.5em;
}

@media screen and (min-width: 769px) {
    .app {
        flex-direction: row;
        align-items: center;
        max-width: 1480px;
        margin: 10rem auto 0;
        gap: 4rem;
    }

    .app-image {
        width: 260px;
        padding: 0;
    }

    .notice {
        font-size: 0.875rem;
        margin-top: 5rem;
        line-height: 1.5em;
    }
}

.app2 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    max-width: 1480px;
    margin: 4rem auto 0;
    gap: 1rem;
}

.app2 p {
    margin-top: 2rem;
    max-width: 1200px;
}

.app2-image {
    padding: 0 40px;
}

@media screen and (min-width: 769px) {
    .app2 {
        flex-direction: row;
        align-items: center;
        max-width: 1480px;
        margin: 2rem auto 0;
        gap: 4rem;
    }

    .app2-image {
        width: 350px;
        padding: 0;
    }
}

.app3 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    max-width: 1480px;
    margin: 4rem auto 0;
    gap: 1rem;
}

.app3 p {
    margin-top: 2rem;
    max-width: 1200px;
}

@media screen and (min-width: 769px) {
    .app3 {
        flex-direction: row;
        align-items: end;
        max-width: 1480px;
        margin: 6rem auto 0;
        gap: 4rem;
    }

    .app3-image {
        min-width: 58%;
        padding: 0;
    }

    .app3 p {
        margin: 0;
        max-width: 1200px;
    }
}

/* Packages */
#packages {
    margin: 5rem auto 0;
    padding: 0 20px;
}

#packages h2 {
    background: #E5E5E5;
    padding: 1.4rem 0 1.4rem 1.5rem;
    font-family: 'NotoSansJp-Bold', serif;
    font-size: 1.3rem;
}

#packages p {
    margin: 2rem 0 0 0;
}

.packages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 3rem;
    gap: 4rem;
    padding: 0 30px;
}

.package {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 350px;
}

.package h3 {
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
}

@media screen and (min-width: 769px) {
    #packages {
        max-width: 1400px;
        margin: 5rem auto 0;
        padding: 0 40px;
    }

    #packages h2 {
        padding: 1.5rem 0 1.5rem 2rem;
        font-size: 2.5rem;
    }

    .packages {
        flex-direction: row;
        margin-top: 6rem;
        gap: 2rem;
        padding: 0 40px;
    }

    .package h3 {
        font-size: 1.25rem;
        text-align: center;
        margin-top: 3rem;
    }

    #packages p {
        margin: 2rem 0 0 2rem;
    }
}

@media screen and (min-width: 1024px) {
    .packages {
        flex-direction: row;
        margin-top: 6rem;
        gap: 8rem;
        padding: 0 40px;
    }
}


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

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header_logo img {
    width: 150px;
}

.cta {
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 2em 20px;
    gap: 1rem;
}

.cta_heading {
    color: #fff;
    font-size: 18px;
    font-family: 'BoseText-Regular', 'NotoSansJp-SemiBold', serif;
}

.cta-button {
    background-color: #fff;
    border-radius: 9999px;
    color: #000000;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'NotoSansJp-SemiBold', serif;
    border: 1px solid #fff;
    transition-duration: 500ms;
    width: 170px;
    height: 40px;
}

.cta-button:hover {
    opacity: 0.7;
    color: #000;
}

@media screen and (min-width: 769px) {
    .cta {
        width: 1200px;
    }

    .cta_heading {
        font-size: 40px;
        line-height: 115%;
    }

    .cta-button {
        font-size: 1.25rem;
        width: 220px;
        height: 60px;
    }

    .cta-button:hover {
        opacity: 0.7;
        color: #000;
    }
}

@media screen and (min-width: 1024px) {
    .cta {
        gap: 100px;
        width: 100%;
        padding: 2em 0;
    }

    .cta_heading {
        font-size: 39px;
        line-height: 115%;
    }

    .cta-button {
        font-size: 1.1em;
        margin-left: 20px;
        width: 200px;
        height: 50px;
    }
    /*�lj�20250721*/
    .cta-inner{
        text-align: center;
    }

    .cta_child{
        display: inline-block;
        text-align: center;
        line-height: 50px;
    }
    /*�lj�20250721*/
}

.break-pc {
    display: none;
}

@media screen and (min-width: 1024px) {
    .break-sp {
        display: none;
    }

    .break-pc {
        display: inline-block;
    }
}

}
/*-----------------------
 ����
-------------------------*/

.pabottom160 {
    padding-bottom: 20px;
}

#categoryselect .block2 img{
    margin:auto!important;
}

.categorypanel img {
    margin: auto;
}