@charset "utf-8";

body {
  overflow-x: clip;
}

/*---------------------------------------------
 Reset
---------------------------------------------*/
/* margin */
#goto1 h1,
#goto1 h2,
#goto1 h3,
#goto1 h4,
#goto1 p {
  margin: 0;
}

/* line-height */
#goto1 h2,
#goto1 h3,
#goto1 h4 {
  line-height: 1.5;
}

/* list-style */
#goto1 ul,
#goto1 ol,
#goto1 dl {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* img */
#goto1 img {
  width: 100%;
}

#goto1 .bg-yellow {
  background: #FEFFF0 !important;
  width: 100vw !important;
  margin: calc(50% - 50vw) !important;
  max-width: none !important;
}

a {
  color: #000000;
  text-decoration: none;
}

a:visited,
a:hover {
  color: #000000;
  text-decoration: none !important;
}

/*---------------------------------------------
Base
---------------------------------------------*/
#goto1 {
  font-size: 16px;
  line-height: 1.8;
}

@media only screen and (min-width: 768px) {
  #goto1 {
    font-size: 15px;
  }
}

/* display */
#goto1 .sm_sp {
  display: none !important;
}

#goto1 .sm_pc {
  display: block !important;
}

@media only screen and (max-width: 768px) {
  #goto1 .sm_sp {
    display: block !important;
  }

  #goto1 .sm_pc {
    display: none !important;
  }
}

/* hover */
@media only screen and (min-width: 768px) {
  #goto1 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
  }

  #goto1 .bnr_btn.goto1_campaign_topBtn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
  }
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

html {
  scroll-behavior: smooth;
}

/*---------------------------------------------
goto1_kv
---------------------------------------------*/
#goto1 .goto1_kv {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

#goto1 .goto1_kv .kv_mainTitle {
  max-width: 1200px;
  padding-top: 16px !important;
  margin: 0 auto;
  display: block;
  width: 100%;
}

#goto1 .goto1_kv .kv_mainTitle img {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}

#goto1 .goto1_kv .kv_btn {
  padding: 1vw;
  font-size: clamp(16px, 2vw, 24px);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: calc(100 / 1200 * 100vw);
}

#goto1 .kv_parallel ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  max-width: 620px;
  gap: 16px;
  margin: 0 auto;
}

#goto1 .kv_parallel ul .parallel_before img {
  width: calc(106 / 768 * 100vw);
  margin: 0 auto 16px;
  display: block;
}

#goto1 .kv_parallel ul .parallel_pertation img {
  width: calc(160 / 768 * 100vw);
  margin: 0 auto;
  display: block;
}

#goto1 .kv_parallel ul .parallel_after img {
  width: calc(106 / 768 * 100vw);
  margin: 0 auto 16px;
  display: block;
}

#goto1 .goto1_mainTitle img {
  max-width: 980px;
  display: block;
  width: 100%;
  padding: 0 40px;
  margin: 60px auto;
}



#goto1 p.text01 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
  text-align: center;
  display: block;
  margin-bottom: 20px;

}

#goto1 p.text02 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
  text-align: left;
  display: block;
  width: 100%;
  min-width: 103px;
}

#goto1 p.text05 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}

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

  #goto1 .goto1_kv .kv_mainTitle {
    padding-top: 16px;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
  }


  #goto1 .goto1_kv .kv_mainTitle img {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    width: 100%;
  }

  #goto1 .kv_parallel ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  #goto1 .kv_parallel ul .parallel_before img:first-of-type {
    width: 108px;
  }

  #goto1 .kv_parallel ul .parallel_pertation img {
    width: 141px;
  }

  #goto1 .kv_parallel ul .parallel_after img:first-of-type {
    width: 108px;
  }



  #goto1 .kv_parallel_bottom img {
    display: block;
    margin: 56px auto 0;
    width: 110px;
    padding-bottom: 40px;
  }

  #goto1 .goto1_kv .kv_btn {
    padding: 1vw;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 583px;
    width: 60%;
    bottom: calc(30 / 1200 * 100vw);
  }

  #goto1 p.text02 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    text-align: left;
    display: inline;
    width: 100%;
    min-width: 263px;
  }
}


@media only screen and (max-width: 768px) {
  #goto1 .goto1_kv .kv_btn {
    width: 80%;
    bottom: calc(60 / 768 * 100vw);
  }
}


/*---------------------------------------------
kv_select_phone
---------------------------------------------*/
#goto1 .kv_select_phone {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 431px;
  width: 100%;
  gap: 10px;
  margin: 0 auto 10px;
  padding: 4px;
}

#goto1 .kv_select_phone:last-of-type {
  margin-bottom: 60px;
}

@media only screen and (max-width: 431px) {
  #goto1 .kv_select_phone {
    max-width: 310px;
  }
}

#goto1 .kv_select_phone_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  padding-top: 60px;
  color: #E84336;
}

#goto1 .kv_select_phoneWrap {
  margin-bottom: calc(40 / 768 * 100vw);
}


#goto1 .kv_select_phone li {
  width: 18%;
  color: #A5A5A5;
  font-size: 12px;
  border-radius: 4px;
  background: #F5F5F5;
  cursor: pointer;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
}

#goto1 .kv_select_phone li:hover {
  color: #fff;
  background: #2C4198;
}

#goto1 .kv_select_phone li:hover button {
  color: #fff;
}

#goto1 .kv_select_phone li button {
  display: block;
  padding: 12px 0;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  color: #A5A5A5;
}

#goto1 .kv_select_phone li button:hover {
  opacity: 1;
  color: #fff;
}

/* #goto1 .kv_select_phone li:active {
  border: 2px solid #2C4198;
} */

@media only screen and (min-width: 769px) {
  #goto1 .kv_select_phone {
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 850px;
  }

  #goto1 .kv_select_phone_title {
    font-size: 32px;
    margin-bottom: 32px;
    padding-top: 60px;
  }
}

/*---------------------------------------------
goto1_battery
---------------------------------------------*/
#goto1 .goto1_battery {
  width: 100%;
  margin: 0 auto;
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .battery_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  font-weight: bold;
  width: 100%;
  max-width: 640px;
  margin: 0 auto calc(20 / 768 * 100vw);
}

#goto1 .battery_subTitle {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto calc(20 / 768 * 100vw);
}

#goto1 .battery_subTitle-red {
  font-weight: bold;
  font-size: 18px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto calc(20 / 768 * 100vw);
  color: #E84336;
  text-align: center;
}

#goto1 .battery_title::before {
  content: "";
  background: url(../img/ico_buttery.svg) no-repeat center center / contain;
  width: 18px;
  height: 32px;
  display: block;
}

#goto1 .battery_yt {
  width: 100%;
  max-width: 640px;
  margin: 0 auto calc(20 / 768 * 100vw);
}

#goto1 .battery_parallel {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

#goto1 .battery_parallel p.text01 {
  font-size: calc(28 / 768 * 100vw);
  font-weight: bold;
  margin-top: 12px;
  font-family: "Roboto", sans-serif;
}

#goto1 .battery_parallel p.text02 {
  font-size: calc(28 / 768 * 100vw);
  font-weight: bold;
  margin-top: 12px;
  font-family: "Roboto", sans-serif;
}



#goto1 .battery_parallel .parallel_before,
#goto1 .battery_parallel .parallel_after {
  font-family: "din-2014",
    sans-serif;
  font-weight: 700;
  font-style: normal;
}

#goto1 .battery_parallel .parallel_before__time,
#goto1 .battery_parallel .parallel_after__time {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  min-width: 264px;
}



#goto1 .battery_parallel .parallel_after__time {
  color: #E84336;
}

#goto1 .parallel_before__time .time_hh_num,
#goto1 .parallel_after__time .time_hh_num {
  font-size: calc(76 / 768 * 100vw);
}

#goto1 .parallel_before__time .time_mm_num,
#goto1 .parallel_after__time .time_mm_num {
  font-size: calc(50 / 768 * 100vw);
}

#goto1 .parallel_before__time .time_hh_text,
#goto1 .parallel_after__time .time_hh_text {
  font-size: calc(28 / 768 * 100vw);
  font-family: sans-serif;
  font-weight: normal;
}

#goto1 .parallel_before__time .time_mm_text,
#goto1 .parallel_after__time .time_mm_text {
  font-size: calc(28 / 768 * 100vw);
  font-family: sans-serif;
  font-weight: normal;
}

#goto1 .battery_parallel ul {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  margin: 0 auto;
  gap: 8px;
}

#goto1 .battery_parallel ul .parallel_pertation {
  position: relative;
}

#goto1 .battery_parallel ul .parallel_before img {
  width: calc(255 / 768 * 100vw);
}

#goto1 .battery_parallel ul .parallel_pertation img {
  width: calc(140 / 768 * 100vw);
  margin-top: calc(-140 / 768 * 100vw);
}

#goto1 .battery_parallel ul .parallel_after img {
  width: calc(255 / 768 * 100vw);
}

@media only screen and (min-width: 769px) {
  #goto1 .goto1_battery {
    width: 100%;
    margin: 0 auto;
    padding: 64px 20px;
  }

  #goto1 .battery_title {
    font-size: 32px;
    width: 100%;
    max-width: 640px;
    margin: 0 auto 32px;
  }

  #goto1 .battery_subTitle {
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    max-width: 640px;
    padding: 0 20px;
    margin: 0 auto 32px;
  }

  #goto1 .battery_subTitle-red {
    font-weight: bold;
    font-size: 28px;
    width: 100%;
    max-width: 640px;
    padding: 0 20px;
    margin: 0 auto 32px;
    color: #E84336;
    text-align: center;
  }

  #goto1 .battery_yt {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 32px;

  }

  #goto1 .battery_parallel ul .parallel_before img {
    width: 255px;
  }

  #goto1 .battery_parallel ul .parallel_pertation img {
    width: 141px;
    margin-top: -140px;
  }

  #goto1 .battery_parallel ul .parallel_after img {
    width: 255px;
  }

  #goto1 .battery_parallel p.text01 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 12px;
    font-family: "Roboto", sans-serif;
  }

  #goto1 .battery_parallel p.text02 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 12px;
    font-family: "Roboto", sans-serif;
  }
}

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

  #goto1 .parallel_before__time .time_hh_num,
  #goto1 .parallel_after__time .time_hh_num {
    font-size: 96px;
  }

  #goto1 .parallel_before__time .time_mm_num,
  #goto1 .parallel_after__time .time_mm_num {
    font-size: 70px;
  }

  #goto1 .parallel_before__time .time_hh_text,
  #goto1 .parallel_after__time .time_hh_text {
    font-size: 28px;
    font-family: sans-serif;
  }

  #goto1 .parallel_before__time .time_mm_text,
  #goto1 .parallel_after__time .time_mm_text {
    font-size: 28px;
    font-family: sans-serif;
  }
}


/*---------------------------------------------
goto1_display
---------------------------------------------*/
#goto1 .goto1_display {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .display_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .display_subTitle {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .display_title::before {
  content: "";
  background: url(../img/ico_display.svg) no-repeat center center / contain;
  width: 32px;
  height: 32px;
  display: block;
}

#goto1 .display_yt {
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .display_parallel ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  gap: 15px;
}

#goto1 .display_parallel ul .parallel_pertation {
  position: relative;
}

#goto1 .display_parallel ul .parallel_before img {
  width: calc(640 / 768 * 100vw);
  margin-bottom: calc(56 / 768 * 100vw);
  max-width: 420px;

}

#goto1 .display_parallel ul .parallel_pertation img {
  width: 73px;
}

#goto1 .display_parallel ul .parallel_after__time img {
  width: calc(640 / 768 * 100vw);
  position: relative;
  max-width: 420px;

}

#goto1 .display_parallel ul .parallel_after__time {
  position: relative;
}

#goto1 .display_parallel ul .parallel_after__time p {
  color: #E84336;
  text-align: center;
  font-size: calc(28 / 768 * 100vw);
}

#goto1 .display_parallel ul .parallel_after .time_mm_num {
  font-size: calc(70 / 768 * 100vw);
  color: #E84336;
  font-family: "din-2014",
    sans-serif;
  font-weight: 700;
  font-style: normal;
}

@media only screen and (min-width: 769px) {
  #goto1 .goto1_display {
    padding: 64px 20px;
  }

  #goto1 .display_parallel ul .parallel_after__time p {
    font-size: 28px;
  }

  #goto1 .display_title {
    font-size: 32px;
    margin-bottom: 32px;
  }

  #goto1 .display_subTitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px;
  }

  #goto1 .display_yt {
    margin-bottom: 32px;
  }

  #goto1 .display_parallel ul .parallel_before img {
    width: 640px;
    margin-bottom: 56px;
    max-width: 640px;
  }

  #goto1 .display_parallel ul .parallel_pertation img {
    width: 124px;
    margin-bottom: 56px;

  }

  #goto1 .display_parallel ul .parallel_after img {
    width: 634px;
  }

  #goto1 .display_parallel ul .parallel_after__time img {
    width: 640px;
    position: relative;
    max-width: 640px;
  }
}

@media only screen and (max-width: 768px) {
  #goto1 .display_parallel ul .parallel_after__time {
    position: relative;
    max-width: 634px;
    left: 0;
    width: unset;
  }
}


/*---------------------------------------------
goto1_audio
---------------------------------------------*/
#goto1 .goto1_audio {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .audio_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .audio_subTitle {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .audio_title::before {
  content: "";
  background: url(../img/ico_audio.svg) no-repeat center center / contain;
  width: 32px;
  height: 32px;
  display: block;
}

#goto1 .audio_yt {
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .audio_parallel ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  gap: 15px;
}

#goto1 .audio_parallel ul .parallel_pertation {
  position: relative;
}

#goto1 .audio_parallel ul .parallel_before img {
  width: calc(420 / 768 * 100vw);
}

#goto1 .audio_parallel ul .parallel_pertation img {
  width: 73px;
}

#goto1 .audio_parallel ul .parallel_after img {
  width: calc(420 / 768 * 100vw);
}

#goto1 .audio_parallel ul .parallel_before {
  background: #fff;
  max-width: 400px;
  margin: 0 auto;
  padding: 2%;
}

#goto1 .audio_parallel ul .parallel_after {
  background: #fff;
  max-width: 400px;
  margin: 0 auto;
  padding: 2%;

}

@media only screen and (max-width: 768px) {
  #goto1 .audio_parallel ul .parallel_before img {
    max-width: 420px;
    width: 100%;
  }

  #goto1 .audio_parallel ul .parallel_after img {
    max-width: 420px;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  #goto1 .goto1_audio {
    padding: 64px 20px;
  }

  #goto1 .audio_title {
    font-size: 32px;
    margin-bottom: 32px;
  }

  #goto1 .audio_subTitle {
    font-weight: bold;
    font-size: 18px;
    max-width: 640px;
    width: 100%;
    margin: 0 auto 32px;
    padding: 0 20px;
  }

  #goto1 .audio_yt {
    margin-bottom: 32px;
  }

  #goto1 .audio_parallel ul {
    flex-direction: row;
    max-width: 960px;
  }

  #goto1 .audio_parallel ul .parallel_before img {
    max-width: 420px;
    width: 100%;
  }

  #goto1 .audio_parallel ul .parallel_pertation img {
    width: 141px;
  }

  #goto1 .audio_parallel ul .parallel_after img {
    max-width: 420px;
    width: 100%;
  }
}

@media only screen and (max-width: 930px) {
  #goto1 .audio_parallel ul {
    flex-direction: column;
  }
}


/*---------------------------------------------
goto1_performance
---------------------------------------------*/
#goto1 .goto1_performance {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .performance_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .performance_subTitle {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: calc(20 / 768 * 100vw);
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  width: 100%;
}

#goto1 .performance_title::before {
  content: "";
  background: url(../img/ico_performance.svg) no-repeat center center / contain;
  width: 32px;
  height: 32px;
  display: block;
}

#goto1 .performance_yt {
  margin-bottom: calc(20 / 768 * 100vw);
}

#goto1 .performance_parallel ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  gap: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  flex-direction: column;
}

#goto1 .performance_parallel ul .parallel_before {
  width: 80%;
  max-width: 420px;
}

#goto1 .performance_parallel ul .parallel_after {
  width: 80%;
  max-width: 420px;
}

#goto1 .performance_parallel ul .parallel_before_table {
  width: 100%;
  margin-bottom: calc(12 / 768 * 100vw);
}

#goto1 .performance_parallel ul .table_lead {
  font-size: 16px;
  font-weight: 700;
}

#goto1 .performance_parallel ul .table_text {
  font-size: 16px;
}

#goto1 .performance_parallel ul .table_note {
  font-size: 11px;
}

#goto1 .performance_parallel ul .parallel_after_table {
  width: 100%;
  margin-bottom: calc(12 / 768 * 100vw);
}

#goto1 .performance_parallel ul .table_category {
  font-size: calc(28 / 768 * 100vw);
  font-weight: 700;
  border-bottom: 1px solid #000000;
  margin-bottom: calc(16 / 768 * 100vw);
}

#goto1 .performance_parallel ul .parallel_pertation {
  position: relative;
}

#goto1 .performance_parallel ul .parallel_pertation img {
  width: calc(101 / 768 * 100vw);
}

#goto1 .performance_parallel .parallel_before .parallel_before_table {
  width: 100%;
}

#goto1 .performance_parallel .parallel_after .parallel_after_table {
  width: 100%;
}

#goto1 .performance_parallel ul .u-txt-red {
  color: #E84336;
}


@media only screen and (min-width: 769px) {
  #goto1 .goto1_performance {
    padding: 64px 20px;
  }

  #goto1 .performance_title {
    font-size: 32px;
    margin-bottom: 32px;
  }

  #goto1 .performance_subTitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px;
  }

  #goto1 .performance_yt {
    margin-bottom: 32px;
  }


  #goto1 .performance_parallel ul .parallel_pertation img {
    width: 141px;
  }


  #goto1 .performance_parallel ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    gap: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    flex-direction: row;
  }

  #goto1 .performance_parallel ul .parallel_before_table {
    margin-bottom: 12px;
  }

  #goto1 .performance_parallel ul .parallel_after_table {
    margin-bottom: 12px;
  }

  #goto1 .performance_parallel ul .table_category {
    font-size: 28px;
    margin-bottom: 16px;
  }

  #goto1 .performance_parallel ul .table_lead {
    font-size: 16px;
  }

  #goto1 .performance_parallel ul .table_text {
    font-size: 16px;
  }

  #goto1 .performance_parallel ul .table_note {
    font-size: 11px;
  }
}


/*---------------------------------------------
store
---------------------------------------------*/
#goto1 .goto1_store {
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .goto1_store .store_title {
  font-weight: bold;
  color: #E84336;
  text-align: center;
  margin-bottom: calc(24 / 768 * 100vw);
}

#goto1 .goto1_store .store_img,
#goto1 .goto1_store .store_bnr {
  margin: 0 auto;
  text-align: center;
}

#goto1 .goto1_store .store_img img {
  width: calc(640 / 768 * 100vw);
  margin: 0 auto;
}

#goto1 .goto1_store .store_text {
  width: calc(640 / 768 * 100vw);
  margin: calc(32 / 768 * 100vw) auto calc(48 / 768 * 100vw);
  font-size: 14px;
  font-weight: normal;
  line-height: 1.45;
}

#goto1 .goto1_store .store_novelty {
  width: calc(640 / 768 * 100vw);
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;

}

#goto1 .goto1_store .novelty_title {
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
}

#goto1 .goto1_store .novelty_label {
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #2C4198;
  background: #FEFFF0;
  padding: 16px 30px;
  width: 100%;
  max-width: 340px;
  max-height: 60px;
  font-weight: bold;
  font-size: 28px;
}

#goto1 .goto1_store .novelty_text {
  width: calc(640 / 768 * 100vw);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.45;
  margin-bottom: 32px;

}


#goto1 .goto1_store .novelty_item {
  width: 100%;
  max-width: 318px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#goto1 .novelty_link {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #2C4198;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  width: 100%;
  max-width: 320px;
  max-height: 40px;
  margin: 0 auto;
  position: relative;
}

#goto1 .novelty_link::after {
  content: '';
  position: absolute;
  background: url(/xperia/campaign/2024_goto1_top/img/arrow-bottom.svg) no-repeat center center / 100%;
  display: block;
  width: 7px;
  height: 10px;
  right: 13px;
}

@media only screen and (min-width: 769px) {
  #goto1 .goto1_store {
    padding: 64px 20px;
  }

  #goto1 .goto1_store .store_title {
    font-size: 32px;
    margin-bottom: 24px;
  }



  #goto1 .goto1_store .store_text {
    font-size: 18px;
    max-width: 640px;
    width: 100%;
    margin: 32px auto 48px;
  }

  #goto1 .goto1_store .novelty_label {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #2C4198;
    background: #FEFFF0;
    font-size: 18px;
  }

  #goto1 .goto1_store .novelty_text {
    font-size: 18px;
    margin-bottom: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
  }

  #goto1 .goto1_store .novelty_item {
    width: calc(318 / 768 * 100vw);
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  #goto1 .goto1_store .novelty_title {
    margin-bottom: 32px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.45;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  #goto1 .novelty_link {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #2C4198;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
    width: 100%;
    max-width: 220px;
    max-height: 40px;
    margin: 0 auto;
    position: relative;
  }

  #goto1 .novelty_link::after {
    content: '';
    position: absolute;
    background: url(/xperia/campaign/2024_goto1_top/img/arrow-bottom.svg) no-repeat center center / 100%;
    display: block;
    width: 7px;
    height: 10px;
    right: 13px;
  }
}


/*---------------------------------------------
campaign
---------------------------------------------*/
#goto1 .goto1_campaign {
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .goto1_campaign .campaign_title {
  font-weight: bold;
  color: #000000;
  text-align: center;
}

#goto1 .goto1_campaign .campaign_bnr {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 570px;
  width: 100%;
}

#goto1 .goto1_campaign .campaign_text {
  width: calc(640 / 768 * 100vw);
  margin: calc(32 / 768 * 100vw) auto calc(48 / 768 * 100vw);
  font-size: 14px;
  font-weight: bold;
}

#goto1 .goto1_campaign .campaign_bnr img {
  width: calc(570 / 768 * 100vw);
  margin: 0 auto;
}

#goto1 .goto1_campaign .campaign_note {
  font-size: 18px;
  margin: 20px auto;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  #goto1 .goto1_campaign {
    padding: 64px 20px;
  }

  #goto1 .goto1_campaign .campaign_title {
    font-size: 32px;
  }

  #goto1 .goto1_campaign .campaign_text {
    font-size: 18px;
    max-width: 640px;
    width: 100%;
    margin: 32px auto 48px;
  }

  #goto1 .goto1_campaign .campaign_bnr img {
    max-width: 570px;
    width: 100%;
  }

  #goto1 .goto1_campaign .campaign_note {
    font-size: 14px;
    margin: 20px auto;
    text-align: center;

  }
}

/*---------------------------------------------
bnr
---------------------------------------------*/
#goto1 .goto1_bnr {
  padding: calc(64 / 768 * 100vw) 0;
  background: url(../img/bnr_bg_sp.png) no-repeat top center / cover;
  margin-top: 20px;
  margin-bottom: -1%;
}

#goto1 #design-elements-body img {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}


#goto1 .goto1_bnr .bnr_title {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin-bottom: calc(30 / 768 * 100vw);
}



#goto1 .goto1_bnr .bnr_image {
  margin: 0 auto;
  text-align: center;
}


#goto1 .goto1_bnr .bnr_image img {
  width: calc(640 / 768 * 100vw);
  margin: 0 auto;
}


@media only screen and (min-width: 769px) {
  #goto1 .goto1_bnr {
    padding: 64px 0;
    margin: 20px auto 0;
    max-width: 1200px;
    width: 100vw;
    background: url(../img/bnr_bg_pc.png) no-repeat top center / cover;
    margin-bottom: -1%;
  }

  #goto1 .goto1_bnr .bnr_title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  #goto1 .goto1_bnr .bnr_image img {
    max-width: 800px;
    width: 100%;
  }

  #goto1 #design-elements-body img {
    width: 100%;
  }
}

/*---------------------------------------------
goto1_camera
---------------------------------------------*/
#goto1 .goto1_camera {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: calc(64 / 768 * 100vw) calc(20 / 768 * 100vw);
}

#goto1 .camera_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  font-weight: bold;
  margin: 0 auto calc(20 / 768 * 100vw);
}

#goto1 .camera_subTitle {
  text-align: left;
  font-weight: bold;
  margin-bottom: calc(20 / 768 * 100vw);
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 660px;
}

#goto1 .camera_title::before {
  content: "";
  background: url(../img/ico_camera.svg) no-repeat center center / contain;
  width: 32px;
  height: 32px;
  display: block;
}

#goto1 .goto1_camera .camera_panel .panel_item-01 ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto 56px;
  flex-direction: column;
}

#goto1 .goto1_camera .camera_panel .panel_item-01 .panel_parallel ul {
  max-width: 960px;
}

#goto1 .goto1_camera .camera_panel .panel_item-02 .panel_parallel ul {
  max-width: 960px;
}

#goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_pertation img {
  width: 100%;
  max-width: 73px;
}

#goto1 .goto1_camera .camera_panel .panel_item-02 ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto 56px;
  flex-direction: column;
}



#goto1 .goto1_camera .camera_panel .panel_item-03 .panel_item_lead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto 56px;
  flex-direction: column;
}

#goto1 .goto1_camera .camera_panel .panel_item-03 .panel_parallel {
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
  gap: 90px;
  width: 100%;
  max-width: 920px;
  margin: 0 auto 22px;
  flex-direction: column;
}

#goto1 .bnr_note {
  margin: 24px auto 30px;
  width: 100%;
  max-width: 460px;
  padding: 0 20px;
}

#goto1 .bnr_note ul li {
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  text-indent: -1rem;
  padding-left: 1rem;
}

@media only screen and (max-width: 950px) {
  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_parallel {
    gap: 60px;
  }
}

@media only screen and (max-width: 850px) {
  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_parallel {
    gap: 40px;
  }
}

@media only screen and (max-width: 800px) {
  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_parallel {
    gap: 30px;
  }
}

#goto1 .goto1_camera .camera_panel .panel_item-01 ul img {
  width: 100%;
  max-width: 420px;
}

#goto1 .panel_parallel .panel_item-01 ul .parallel_before img {
  width: calc(420 / 768 * 100vw);
}

#goto1 .panel_parallel .panel_item-01 ul .parallel_pertation img {
  width: calc(141 / 768 * 100vw);
}

#goto1 .panel_parallel .panel_item-01 ul .parallel_after img {
  width: calc(420 / 768 * 100vw);
}


#goto1 .panel_parallel .panel_item-02 ul .parallel_before img {
  width: calc(320 / 768 * 100vw);
}

#goto1 .panel_parallel .panel_item-02 ul .parallel_pertation img {
  width: calc(141 / 768 * 100vw);
}


#goto1 .panel_parallel .panel_item-03 ul .parallel_before img {
  width: calc(320 / 768 * 100vw);
}

#goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_pertation img {
  width: calc(170 / 768 * 100vw);
}

#goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_pertation {
  width: 100%;
  max-width: 628px;
  margin: 0 auto calc(56 / 768 * 100vw);
  text-align: center;
}

#goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_before {
  /* margin: 0 auto 56px; */
}

@media only screen and (min-width: 769px) {
  #goto1 .goto1_camera {
    padding: 64px 20px;
  }

  #goto1 .camera_title {
    font-size: 32px;
    margin-bottom: 32px;
  }

  #goto1 .camera_subTitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_pertation {
    width: 100%;
    max-width: 628px;
    margin: 0 auto 56px;
    text-align: center;
  }


  #goto1 .goto1_camera .camera_panel .panel_item-01 ul {
    margin: 56px auto 0;
    flex-direction: row;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    width: calc(303 / 768 * 100vw);
    max-width: 397px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_before img {
    max-width: 420px;
    width: 100%;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_pertation img {
    width: 141px;
    max-width: none;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_after img {
    max-width: 420px;
    width: 100%;
  }


  #goto1 .goto1_camera .camera_panel .panel_item-02 ul {
    margin: 56px auto;
    flex-direction: row;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    width: calc(303 / 768 * 100vw);
    max-width: 397px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 ul .parallel_before img {
    max-width: 420px;
    width: 100%;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 ul .parallel_pertation img {
    width: 141px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 ul .parallel_after img {
    max-width: 420px;
    width: 100%;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_item_lead {
    margin: 56px auto;
    flex-direction: row;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 ul img .arrow {
    max-width: 400px;
    width: 100% !important;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_parallel {
    flex-direction: row;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_pertation img {
    width: 124px;
  }
}

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

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_before img {
    width: 100%;
    max-width: 320px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_after img {
    width: 100%;
    max-width: 320px;
  }

  #goto1 .panel_parallel .panel_item-02 ul .parallel_before img {
    width: 100%;
    max-width: 320px;
  }

  #goto1 .panel_parallel .panel_item-02 ul .parallel_after img {
    width: 100%;
    max-width: 320px;
  }
}

@media only screen and (max-width: 920px) {
  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    width: calc(300 / 768 * 100vw);
    max-width: 397px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    width: calc(300 / 768 * 100vw);
    max-width: 397px;
  }
}

@media only screen and (max-width: 900px) {
  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    width: calc(280 / 768 * 100vw);
    max-width: 397px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    width: calc(280 / 768 * 100vw);
    max-width: 397px;
  }
}

@media only screen and (max-width: 860px) {
  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    width: calc(280 / 768 * 100vw);
    max-width: 397px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    width: calc(280 / 768 * 100vw);
    max-width: 397px;
  }
}

@media only screen and (max-width: 768px) {
  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead {
    width: 100%;
    max-width: 300px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead {
    width: 100%;
    max-width: 300px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    width: 100%;
    max-width: 300px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    width: 100%;
    max-width: 300px;
  }
}

#goto1 .kv_select_phone li button[data-pushed="true"] {
  background: #2C4198;
  color: #ffffff;
  border: 2px solid #2C4198;
}

#goto1 .kv_select_phone li button[data-pushed="false"] {
  border: 2px solid #ffffff;
}

#goto1 #bouen_textArea-01 {
  width: 100%;
  max-width: 660px;
  margin: -36px auto 0;
  text-align: left;
  font-size: 11px;
  height: 20px;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  #goto1 #bouen_textArea-01 {
    width: 100%;
    max-width: 660px;
    margin: -36px auto 0;
    text-align: center;
  }
}

#goto1 #bouen_textArea-02 {
  width: 100%;
  max-width: 660px;
  margin: -36px auto 0;
  text-align: left;
  font-size: 11px;
  height: 20px;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  #goto1 #bouen_textArea-02 {
    width: 100%;
    max-width: 660px;
    margin: -36px auto 0;
    text-align: center;
  }
}

#goto1 .goto1_camera .camera_panel .panel_item-03 ul .parallel_before__toggle {
  width: 136px;
  display: block;
  text-align: center;
  margin: 0 auto calc(20 / 756 * 100vw);
}

#goto1 .goto1_camera .camera_panel .panel_item-03 ul .parallel_before__toggle img {
  width: 136px;
  display: block;
  text-align: center;
}

#goto1 .goto1_camera .camera_panel .panel_item-03 ul .parallel_after__toggle {
  width: 136px;
  display: block;
  text-align: center;
  margin: 0 auto calc(20 / 756 * 100vw);
}

#goto1 .goto1_camera .camera_panel .panel_item-03 ul .parallel_after__toggle img {
  width: 136px;
  display: block;
  text-align: center;
}

#goto1 .goto1_payment {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 259px;
  border-radius: 16px;
  border: 1px solid #707070;
  background: #fff;
  margin: 20px auto 0;
}

#goto1 .payment_menu__title {
  font-size: 12px;
  text-align: left;
  width: 100%;
  color: #fff;
  background: #000;
  border-radius: 16px 16px 0 0;
}

#goto1 .payment_menu__title p {
  padding: .5em 1.4em .4em;
}

#goto1 .payment_menu {
  max-width: 259px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 48px;
  width: 100%;
}



#goto1 .payment_menu__item-docomo img {
  width: 91px;
  height: 19px;
  margin: 0 auto;
  display: block;
}

#goto1 .payment_menu__item-au img {
  width: 51px;
  height: 19px;
  margin: 0 auto;
  display: block;
}

#goto1 .payment_menu__item-softbank img {
  width: 121px;
  height: 18px;
  margin: 0 auto;
  display: block;
}

#goto1 .payment_menu__item-au,
#goto1 .payment_menu__item-docomo,
#goto1 .payment_menu__item-softbank {
  border-bottom: 1px solid #000000;
}

#goto1 .payment_menu__item a {
  position: relative;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#goto1 .payment_menu__item a::after {
  content: '';
  background: url(../img/window.svg) no-repeat right top / contain;
  width: .7em;
  height: .7em;
  display: block;
  position: absolute;
  right: .5em;
  top: .5em;
}

#goto1 .payment_menu__pertation {
  font-size: 12px;
  text-align: left;
  width: 100%;
  color: #fff;
  background: #000;
  padding: .5em 1.4em .4em;
}

#goto1 .payment_menu__pertation span {
  font-size: .9em;
  margin-left: .6em;
}

#goto1 .payment_menu__item-sonyStore a {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#goto1 .payment_menu__item-sonyStore a:hover,
#goto1 .payment_menu__item-sonyStore a:visited {
  color: #000000;
  text-decoration: none;
}

#goto1 .payment_menu__item-sonyStore p {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
}

#goto1 .payment_menu__item-sonyStore span {
  font-size: 11px;
  text-align: center;
  display: block;
}

#goto1 .none {
  display: none;
}

@media only screen and (max-width: 768px) {
  #goto1 .thumbnail.thumbnail1 {
    width: calc(100% / 7);
  }
}

#goto1 .note_text {
  width: 100%;
  max-width: 690px;
  margin: 20px auto 0;
  text-align: right;
  font-size: 11px;
}

#goto1 .note_text_large {
  width: 100%;
  max-width: 940px;
  margin: 20px auto 0;
  text-align: right;
  font-size: 11px;
}



#goto1 .performance_btn {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  cursor: pointer;
}

#goto1 .performance_btn:hover {
  opacity: all .8s;
}

#goto1 .performance_btn img {
  width: 100%;
  max-width: 380px;
  margin: 60px auto 0;
  text-align: center;
  display: block;
}

@media only screen and (max-width: 768px) {
  #goto1 .note_text_large {
    width: 100%;
    max-width: 360px;
    margin: 20px auto 0;
    text-align: right;
    font-size: 11px;
  }
}

#goto1 .goto1_camera .camera_panel .panel_item-02 .panel_parallel_airWrap {
  column-gap: 180px;
  margin-top: -56px;
}

#goto1 .goto1_camera .camera_panel .panel_item-02 .panel_parallel_airWrap li {
  width: 100%;
  max-width: 468px;
}

#goto1 .kv_parallel_bottom img {
  display: block;
  margin: calc(56 / 768 * 100vw) auto 0;
  width: 110px;
  padding-bottom: calc(40 / 768 * 100vw);
}

@media only screen and (max-width: 768px) {
  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    max-width: 300px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    max-width: 300px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_item_lead img {
    max-width: 300px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead {
    max-width: unset;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead {
    max-width: unset;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_item_lead {
    max-width: unset;
  }

  #goto1 .display_subTitle,
  #goto1 .camera_subTitle,
  #goto1 .battery_subTitle,
  #goto1 .audio_subTitle,
  #goto1 .performance_subTitle,
  #goto1 .kv_anchorLink_title {
    margin-bottom: 12px;
    padding: 0 40px;
  }
}






/* 追加箇所 */

/*----------------------------------------------------------------- 
pc
-----------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
  #goto1 #bouen_textArea-02 {
    width: fit-content;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .thumbnails_title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
  }


  .slide__container {
    width: 360px;
    padding: 0 30px;
  }

  @media only screen and (max-width: 900px) {
    .slide__container {
      width: 360px;
      max-width: 400px;
      padding: 0 40px;
    }
  }

  @media only screen and (max-width: 800px) {
    .slide__container {
      max-width: 380px;
      padding: 0 40px;
    }
  }

  @media only screen and (max-width: 768px) {
    .slide__container li {
      padding: 0 40px !important;
    }

  }

  .thumbnails_note-text-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 250px;
    margin: 10px auto 0 0;
  }

  @media only screen and (max-width: 950px) {
    .thumbnails_note-text-container {
      max-width: 190px;
    }
  }


  @media only screen and (max-width: 900px) {
    .thumbnails_note-text-container {
      max-width: 198px;
    }
  }

  @media only screen and (max-width: 800px) {
    .thumbnails_note-text-container {
      max-width: 186px;
    }
  }

  .panel_parallel.xperia1m6 .thumbnails_note-text-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 380px;
    margin: 10px auto 0 0;
  }

  @media only screen and (max-width: 950px) {
    .panel_parallel.xperia1m6 .thumbnails_note-text-container {
      max-width: 316px;
    }
  }


  @media only screen and (max-width: 900px) {
    .panel_parallel.xperia1m6 .thumbnails_note-text-container {
      max-width: 304px;
    }
  }

  @media only screen and (max-width: 800px) {
    .panel_parallel.xperia1m6 .thumbnails_note-text-container {
      max-width: 284px;
    }
  }

  .thumbnails_note-text-container .arrow {
    display: flex;
    flex-direction: column;
  }


  .thumbnails_note-text-container .text {
    font-size: 11px;
    text-align: center;

  }

  .kv_btn:hover {
    background-color: #2C4198 !important;
    border: 2px solid #FEFFF0 !important;
    color: #FEFFF0 !important;
    text-decoration: none !important;
    opacity: 1 !important;
  }

  .kv_btn:hover svg {
    fill: #fefff0;
  }


  /*----------- 
  トップタイトル 
  -----------*/
  .goto1_mainTitle {
    padding: 30px 0 40px;
    text-align: center;
    font-weight: 700;
  }

  .goto1_mainTitle .sm_sp-inline {
    display: none;
  }

  .goto1_mainTitle .sm_pc-inline {
    font-size: calc(30 / 768 * 100vw);
    color: #000;
    position: relative;
  }

  .goto1_mainTitle span::before {
    content: "";
    width: 6px;
    height: 80%;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: -34px;
    transform: skew(30deg) translateY(-50%);
  }

  .goto1_mainTitle span::after {
    content: "";
    width: 6px;
    height: 80%;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: -17px;
    transform: skew(330deg) translateY(-50%);
  }

  /*----------- 
  タブボタン
  -----------*/
  #goto1 .kv_select_phone li {
    font-size: 16px;
  }

  /*----------- 
  ストア
  -----------*/
  #goto1 .goto1_store .store_img img {
    width: 100%;
    max-width: 800px;
  }

  #goto1 .goto1_store .store_bnr img {
    width: 80%;
    max-width: 430px;
  }

}


/*---------------------------------------------------------------- 
sp 
---------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .panel_parallel.xperia1m6 {
    gap: 40px !important;
  }

  #goto1 #bouen_textArea-02 {
    width: fit-content;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .thumbnails_title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 8px !important;
  }

  .thumbnails_note-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: -20px;
  }

  .thumbnails_note-text-container .arrow {
    width: 48%;
  }

  .thumbnails_note-text-container .arrow img {
    width: 100% !important;
  }

  .thumbnails_note-text-container .text {
    font-size: 11px;
    text-align: center;
    width: 48%;
  }

  .sp-mb-0 {
    margin-bottom: 0 !important;
  }



  /* 暗所 */
  #goto1 .goto1_camera .camera_panel .panel_item-01 .panel_item_lead img {
    max-width: none;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_before img {
    max-width: none;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 ul .parallel_after img {
    max-width: none;
  }

  /* 接写 */
  #goto1 .goto1_camera .camera_panel .panel_item-02 ul img {
    max-width: none;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 .panel_item_lead img {
    max-width: none;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-02 ul .sp-width {
    max-width: 73px;
  }

  /* 望遠 */
  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_item_lead img {
    max-width: none;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_pertation .sp-width {
    max-width: 73px;
  }

  #first-img {
    width: 100%;
  }

  /*----------- 
  トップタイトル 
  -----------*/
  .goto1_mainTitle {
    padding: 30px 0;
    text-align: center;
  }

  .goto1_mainTitle .sm_pc-inline {
    display: none;
  }

  .goto1_mainTitle .sm_sp-inline {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.05rem;
    color: #000;
    position: relative;
  }

  .goto1_mainTitle span::before {
    content: "";
    width: 4px;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: -6px;
    transform: skew(16deg) translateY(-50%);
  }

  .goto1_mainTitle span::after {
    content: "";
    width: 4px;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: -6px;
    transform: skew(344deg) translateY(-50%);
  }

  /*----------- 
  タブボタン
  -----------*/
  #goto1 .kv_select_phone {
    gap: 2%;
    row-gap: 10px;
    max-width: 500px;
    padding: 4px 10px;
  }

  #goto1 .kv_select_phone li {
    font-size: 16px;
    width: 32%;
  }

  #goto1 .kv_select_phone li button {
    padding: 12px 0;
  }

  /*----------- 
  商品画像
  -----------*/
  #goto1 .kv_parallel ul {
    gap: 0;
  }

  #goto1 .kv_parallel ul .parallel_before,
  #goto1 .kv_parallel ul .parallel_after {
    width: 30%;
  }

  #goto1 .kv_parallel ul .parallel_before img,
  #goto1 .kv_parallel ul .parallel_after img {
    width: 80%;
    margin: 0 auto;
  }

  #goto1 .kv_parallel ul .parallel_pertation {
    width: 27%;
    margin-bottom: 12%;
  }

  /*----------- 
  ストア
  -----------*/
  #goto1 .goto1_store .store_img img {
    width: 82%;
  }

  #goto1 .goto1_store .store_bnr img {
    width: 60%;
  }


}

/*-----------
共通 
----------- */
.kv_btn svg {
  fill: #2C4198;
}

#thumbnails .thumbnail {
  border: transparent;
  border-radius: 4px;
}

#thumbnails .thumbnail.is-active {
  border: 2px solid #E84336;
}

#thumbnails2 .thumbnail {
  border: transparent;
  border-radius: 0;
}

#thumbnails2 .thumbnail.is-active2 {
  border: 2px solid #E84336;
}



#goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_before.bouen-change-container {
  height: 0;
  overflow: hidden;
}

#goto1 .goto1_camera .camera_panel .panel_item-03 .parallel_before.bouen-change-container.show {
  height: auto;
  padding-bottom: 56px;
}



#goto1 .goto1_camera .camera_panel .panel_item-03 ul .parallel_before__toggle img.label-mini {
  width: 106px;
}

#goto1 #bouen_xperia1m3 .thumbnails,
#goto1 #bouen_xperia1m4 .thumbnails,
#goto1 #bouen_xperia1m5 .thumbnails,
#goto1 #bouen_xperia5m3 .thumbnails {
  max-width: 270px;
}

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

  #goto1 #bouen_xperia1m3 .thumbnails,
  #goto1 #bouen_xperia1m4 .thumbnails,
  #goto1 #bouen_xperia1m5 .thumbnails,
  #goto1 #bouen_xperia5m3 .thumbnails {
    max-width: 620px;
  }
}

#goto1 #bouen_xperia1m3 .arrow2 img,
#goto1 #bouen_xperia1m4 .arrow2 img,
#goto1 #bouen_xperia1m5 .arrow2 img,
#goto1 #bouen_xperia5m3 .arrow2 img,
#goto1 #bouen_xperia5m5 .arrow2 img {
  width: 100% !important;
  max-width: 555px;
}

#goto1 #bouen_xperia1m3 .thumbnails_note,
#goto1 #bouen_xperia1m4 .thumbnails_note,
#goto1 #bouen_xperia1m5 .thumbnails_note,
#goto1 #bouen_xperia5m3 .thumbnails_note,
#goto1 #bouen_xperia5m5 .thumbnails_note {
  width: 100% !important;
  max-width: 555px;
  text-align: center;
}

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

  #goto1 #bouen_xperia1m3 .arrow2 img,
  #goto1 #bouen_xperia1m4 .arrow2 img,
  #goto1 #bouen_xperia1m5 .arrow2 img,
  #goto1 #bouen_xperia5m3 .arrow2 img,
  #goto1 #bouen_xperia5m5 .arrow2 img {
    width: 100% !important;
  }

  #goto1 #bouen_xperia1m3 .thumbnails_note,
  #goto1 #bouen_xperia1m4 .thumbnails_note,
  #goto1 #bouen_xperia1m5 .thumbnails_note,
  #goto1 #bouen_xperia5m3 .thumbnails_note,
  #goto1 #bouen_xperia5m5 .thumbnails_note {
    height: 40px;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-01 .parallel_before,
  #goto1 .goto1_camera .camera_panel .panel_item-02 .parallel_before {
    margin-bottom: 18px;
  }

  .thumbnails_title {
    font-size: 20px;
    margin-top: -10px;
  }

  #goto1 .battery_parallel .parallel_before__time,
  #goto1 .battery_parallel .parallel_after__time {
    min-width: unset;
  }

  #goto1 .goto1_camera .camera_panel .panel_item-03 .panel_parallel {
    max-width: 420px;
  }
}


#goto1 li.thumbnail {
  padding: 0;
  background-color: none;
}

@media (min-width: 818px) {
  body {
    padding-top: 0 !important;
  }
}



#goto1 .note_text_right-mini {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 0 0;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
}

#goto1 .note_text_right {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 0 0;
  text-align: left;
  font-size: 20px;
  font-weight: normal;
  color: #333333;
  padding-bottom: 4px;
}

#goto1 .note_text_right_large {
  max-width: 840px;
  margin: 8px auto 0;
  padding: 0 20px;
  font-size: 12px;
}

#goto1 .note_text_rightWrap {
  position: relative;
  top: 40px;
}

#goto1 sup {
  font-size: 100%;
  top: -5px;
}

@media only screen and (min-width: 1366px) {
  #goto1 .kv_parallel_bottom img {
    margin: 60px auto 0;
    padding-bottom: 40px;
  }

  .goto1_mainTitle .sm_pc-inline {
    font-size: 50px;
    color: #000;
    position: relative;
  }
}

@media only screen and (min-width: 1000px) {
  .goto1_mainTitle .sm_pc-inline {
    font-size: 40px;
  }
}

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

  #goto1 #bouen_xperia1m3 .thumbnails_note,
  #goto1 #bouen_xperia1m4 .thumbnails_note,
  #goto1 #bouen_xperia1m5 .thumbnails_note,
  #goto1 #bouen_xperia5m3 .thumbnails_note,
  #goto1 #bouen_xperia5m5 .thumbnails_note {
    width: 48% !important;
    max-width: none;
  }

  #goto1 .note_text_rightWrap {
    top: 20px;
  }
}



#goto1 .goto1_store .googleStore_img {
  position: relative;
  width: 100%;
  max-width: 430px;
}

#goto1 .goto1_store .googleStore_img img {
  position: relative;
  width: 100%;
  max-width: 430px;
}

#goto1 .goto1_store .googleStore_img a {
  display: block;
  width: 100%;
  height: 100%;
}

.googleStore_text {
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "メイリオ",
    Meiryo,
    "ＭＳ Ｐゴシック",
    sans-serif;
  display: flex;
  align-items: end;
  justify-content: space-between;
  font-size: 30px;
  top: 16px;
  text-align: left;
  font-weight: bold;
  text-shadow: 2px 2px 8px rgba(80, 32, 87, 0.6);
  padding: 30px;
  max-width: 430px;
  margin: 0 auto;
  background: url(/xperia/campaign/2024_goto1_top/img/google_bnr_pc.jpg) no-repeat center center /cover;
}

.googleStore_text:visited {
  color: #fff;
  text-decoration: none;
}

.googleStore_text:hover {
  color: #fff;
  text-decoration: none;
}


#goto1 .goto1_store .googleStore_img img.arr {
  width: 40px !important;
  height: 38px !important;
  margin-left: 30px;
}

@media only screen and (max-width: 768px) {
  .googleStore_text {
    max-width: 351px;
    width: 60%;
    font-size: 24px;
  }

  #goto1 .goto1_store .googleStore_img img.arr {
    margin-left: 10px;
  }
}


/* =============================================
*
*
*
240921 addStyle
*
*
*
============================================= */

.kv_anchorLink {
  margin-bottom: calc(60 / 1200 * 100vw);
}

#goto1 .kv_anchorLink_title {
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(20 / 768 * 100vw);
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 660px;
}


.kv_anchorLink ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.kv_anchorLink ul li a {
  color: #2C4198;
  font-weight: bold;
  font-size: 16px;
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 347px;
  height: 50px;
}

.kv_anchorLink ul li a::after {
  content: '';
  background: url(/xperia/campaign/2024_goto1_top/img/ico-arrow-right.svg) no-repeat center center / 100%;
  display: block;
  width: 10px;
  height: 14px;
  position: absolute;
  right: 10px;
}



.goto1_campaign_topBtn {
  color: #2C4198;
  font-weight: bold;
  font-size: 16px;
  background: #fff;
  border: 1px solid #2C4198;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 447px;
  height: 50px;
  margin: calc(48 / 1200 * 100vw) auto 0;
}

.goto1_campaign_topBtn:visited,
.goto1_campaign_topBtn:hover {
  color: #2C4198;
}

.goto1_campaign_topBtn::after {
  content: '';
  background: url(/xperia/campaign/2024_goto1_top/img/ico-arrow-pagetop.svg) no-repeat center center / 100%;
  display: block;
  width: 10px;
  height: 14px;
  position: absolute;
  right: 10px;
}

.goto1_kv a.kv_btn:hover {
  opacity: .7 !important;
  transition: all .5s;
  background: none !important;
  border: none !important;
}

#goto1 .panel_itemTitle {
  font-weight: bold;
  margin: 20px auto 20px;
  font-size: 18px;
  color: #000;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .kv_anchorLink ul li a {
    width: 320px;
    height: 50px;
  }

  .kv_anchorLink {
    margin-bottom: 30px;
  }

  .kv_anchorLink ul {
    flex-direction: column;
  }

  .goto1_campaign_topBtn {
    margin: 40px auto 0;
    width: calc(570 / 768 * 100vw);
  }
}

@media only screen and (min-width: 1201px) {
  .kv_anchorLink {
    margin-bottom: 60px;
  }

  .goto1_campaign_topBtn {
    margin: 64px auto 0;
  }
}

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

  #goto1 .kv_anchorLink_title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px;
  }

  #goto1 .panel_itemTitle {
    font-weight: bold;
    margin: 0 auto 32px;
    font-size: 28px;
    color: #000;
    text-align: center;
  }
}

@media only screen and (max-width: 520px) {
  #goto1 .note_text_right {
    font-size: calc(14 / 520 * 100vw);
  }
}

.v2overview-design__elements-switcher button,
.v2main.-backColor--black {
  background: none;
}

#goto1 .goto1_variation {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#goto1 .v2overview-section-background-color-inner {
  padding: 0;
}

#goto1 .bnr_title_sub {
  margin-top: 60px;
}

#goto1 .bnr_link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
}

#goto1 .bnr_link li {
  width: 100%;
  max-width: 350px;
}

#goto1 .bnr_link li .goto1_campaign_topBtn {
  max-width: 350px;
  background: #2C4198;
  color: #fff;
}

#goto1 .v2overview-section {
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  #goto1 .v2overview-section-background-color-inner {
    padding-top: 0;

    padding-left: 32px var(--sides-spacing);
    padding-right: 32px var(--sides-spacing);

  }

  #goto1 .bnr_link {
    flex-direction: column;
  }

  #goto1 .bnr_link li {
    width: 100%;
    margin: 0 auto;
  }

  .xperia1m6-elements-switcher {
    display: grid;
    align-items: flex-start;
    gap: 12px 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 20px auto;
  }
}

.nxpStickyBanner {
  z-index: 100;
}

#goto1 .bnr_link li .goto1_campaign_topBtn:after {
  content: '';
  background: url(/xperia/campaign/2024_goto1_top/img/arrow-bottom.svg) no-repeat center center / 100%;
}

#goto1 .bnr_link li .bnr_btn.goto1_campaign_topBtn {
  background: #F25529;
  border: 0;
  cursor: pointer;
}

#goto1 .bnr_link li .bnr_btn.goto1_campaign_topBtn:after {
  transform: rotate(90deg);
}

.anchor {
  padding-top: 100px;
  margin-top: -100px;
}

#goto1 .novelty_bg {
  background: #FEFFF0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  padding: 20px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .anchor {
    padding-top: 50px;
    margin-top: -50px;
  }

  #goto1 .goto1_store .novelty_label {
    font-size: 18px;
  }

  #goto1 .novelty_bg {
    max-width: 596.953px;
    margin-bottom: 24px;
  }

  .nxpStickyBanner__Inner .nxpStickyBanner__Position {
    right: 20px;
    bottom: -35px;
  }
}

/* 241025 */
.goto1_campaign {
  position: relative;
}

.gray_overlay {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.gray_overlay_text {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #ffffff;
  font-size: calc(32 / 768 * 100vw);
  font-weight: bold;
  width: 100%;
  z-index: 999;
  text-align: center;
}

.gray_overlay::before {
  content: "";
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  height: 92%;
  background-color: rgba(0, 0, 0, 0.48);
  z-index: 998;
}

.campaign_dousen {
  margin-top: calc(40 / 768 * 100vw);
  margin-bottom: calc(48 / 768 * 100vw);
}

#goto1 .campaign_dousen img {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: block;
}

#goto1 .campaign_dousen img:first-of-type {
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) {
  .gray_overlay::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    height: 92%;
    background-color: rgba(0, 0, 0, 0.48);
    z-index: 998;
  }

  .gray_overlay_text {
    font-size: 32px;
    top: 574px;
  }

  .campaign_dousen {
    margin-top: 40px;
    margin-bottom: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .gray_overlay_text {
    font-size: 20px;
    top: 26%;

  }

  .campaign_dousen {
    margin-bottom: 20px;
    margin-bottom: 40px;
  }

  #goto1 .campaign_dousen img {
    width: 90%;
    max-width: 320px;
  }
}