@charset "UTF-8";

/* ---------------font--------------- */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;500&family=Noto+Sans+TC:wght@100&family=Noto+Serif+JP:wght@500;600&family=Nunito:wght@600&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP");

.nunito {

  font-family: "Nunito", sans-serif;

}

.mincho {

  font-family: "Noto Serif Japanese", serif;

}

/* ---------------reset--------------- */

body {

  color: #333;

  background: #fff;

}

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

  footer #footer_pagetop a {

    width: 70px;

    height: 70px;

    background-image: url(../../../../img/usr/freepage/azgi/pagetop_on.png);

    background-size: 70px auto;

  }

  footer #footer_pagetop a:hover {

    opacity: 0.7;

    background-image: url(../../../../img/usr/freepage/azgi/pagetop_on.png);

    background-size: 70px auto;

  }

}

/* --------------------表示制御-------------------- */

.pc_display-none {

  display: none !important;

}

.sp_display-none {

  display: block !important;

}

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

  .pc_display-none {

    display: block !important;

  }

  .sp_display-none {

    display: none !important;

  }

}

/* ---------------common--------------- */

#azgi {

  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",

    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

  color: #231815;

  margin: auto;

  background: #3e3e3f;

}

.sec_inner {

  position: relative;

  width: 100%;

  max-width: 120rem;

  margin: auto;

}

.sec_inner1000 {

  position: relative;

  width: 100%;

  max-width: 100rem;

  margin: auto;

}

.h2_common_heading {

  font-family: "Noto Serif Japanese", serif;

  font-size: 7rem;

  font-weight: 500;

  color: #fff;

  text-align: center;

}

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

  #azgi img {

    height: auto;

  }

  .h2_common_heading {

    font-size: calc(60 * (100vw / 750));

  }

}

/* ---------------contents--------------- */

/* ----------navi---------- */

.azgi_navi {

  height: 11rem;

  background: #1e1b1b;

}

.azgi_navi .sec_inner1000 {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100%;

}

.azgi_navi h1 {

  margin: 0;

}

.azgi_navi_list {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.azgi_navi_list li {

  font-size: 2rem;

  font-weight: 400;

  color: #fff;

  text-align: center;

  margin-right: 7rem;

  flex-shrink: 0;

}

.azgi_navi_list li:last-child {

  margin-right: 0;

}

.azgi_navi_list li > a {

  display: block;

  color: #fff;

}

.azgi_navi_list li a:hover {

  text-decoration: underline;

}

.azgi_navi_list li > a span {

  display: block;

}

.azgi_navi_list li.navi_acc {

  position: relative;

}

.azgi_navi_list li.navi_acc > a {

  /*pointer-events: none;*/

}

.azgi_navi_list li.navi_acc > ul {

  position: absolute;

  top: 30px;

  left: -60px;

  display: none;

  width: 180px;

  background: #00000099;

  z-index: 1;

}

.azgi_navi_list li.navi_acc:hover > ul {

  display: block;

  padding: 5px 10px;

}

.azgi_navi_list li.navi_acc:hover > ul li {

  font-size: 14px;

  font-weight: 400;

  margin: 10px auto;

}

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

  .azgi_navi {

    height: calc(80 * (100vw / 750));

    padding: 0 calc(40 * (100vw / 750));

  }

  .azgi_navi h1 {

    width: calc(106 * (100vw / 750));

  }

  .azgi_navi_list li {

    font-size: calc(17 * (100vw / 750));

    margin-right: calc(30 * (100vw / 750));

    letter-spacing: -0.3px;

  }

  .azgi_navi_list li a:hover {

    text-decoration: underline;

  }

  .azgi_navi_list li > a span {

    display: block;

  }

  .azgi_navi_list li.navi_acc {

    position: relative;

  }

  .azgi_navi_list li.navi_acc > ul {

    position: absolute;

    top: 30px;

    left: -60px;

    display: none;

    width: 180px;

    background: #00000099;

    z-index: 1;

  }

  .azgi_navi_list li.navi_acc:hover > ul {

    display: block;

    padding: 5px 10px;

  }

  .azgi_navi_list li.navi_acc:hover > ul li {

    font-size: 14px;

    font-weight: 400;

    margin: 10px auto;

  }

}

/* ----------mv---------- */

.azgi_mv_slider img {

  width: 100%;

  height: auto;

}

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

}

/* ----------concept---------- */

.azgi_concept {

  padding: 52px 0 73px;

}

.azgi_concept .sec_inner1000 {

  display: flex;

  align-items: flex-end;

  background: url(../../../../img/usr/freepage/azgi/concept_bg.png) no-repeat

    top 2.2rem right -1.6rem / 12.9rem 37.2rem;

}

.azgi_concept_movie,

.azgi_concept_movie iframe {

  /* width: 500px;

  height: 888px; */

  width: 50rem;

  height: 88.8rem;

}

.azgi_concept_text {

  padding: 0 3rem 14rem 6.2rem;

  color: #fff;

}

.azgi_concept_text span {

  display: block;

  transform: scale(1, 0.7);

}

.azgi_concept_text h2 {

  font-size: 4rem;

  font-weight: 400;

  margin-bottom: 3rem;

}

.azgi_concept_text p {

  font-size: 2.2rem;

  font-weight: 400;

  line-height: 2;

}

.azgi_package {

  padding: 17px 0;

  background: #c38560;

}

.azgi_package_list {

  display: flex;

}

.azgi_package_list li {

  margin-right: 10px;

}

.azgi_package_list li:last-child {

  margin-right: 0;

}

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

  .azgi_concept {

    padding: calc(39 * (100vw / 750)) 0 calc(75 * (100vw / 750));

  }

  .azgi_concept .sec_inner1000 {

    display: block;

    background: url(../../../../img/usr/freepage/azgi/concept_bg.png) no-repeat

      top calc(85 * (100vw / 750)) right calc(22 * (100vw / 750));

    background-size: calc(106 * (100vw / 750)) auto;

  }

  .azgi_concept_movie {

    margin-left: calc(60 * (100vw / 750));

  }

  .azgi_concept_movie,

  .azgi_concept_movie iframe {

    width: calc(479 * (100vw / 750));

    height: calc(850 * (100vw / 750));

  }

  .azgi_concept_text {

    padding: calc(21 * (100vw / 750)) calc(45 * (100vw / 750)) 0 0;

    display: table;

    margin: 0 0 0 auto;

  }

  .azgi_concept_text span {

    display: block;

    transform: scale(1, 0.7);

  }

  .azgi_concept_text h2 {

    font-size: calc(40 * (100vw / 750));

    margin-bottom: calc(30 * (100vw / 750));

  }

  .azgi_concept_text p {

    font-size: calc(22 * (100vw / 750));

    line-height: 2;

  }

  .azgi_package {

    padding: calc(44 * (100vw / 750)) calc(40 * (100vw / 750));

  }

}

/* ----------common_goods---------- */

[class^="azgi_movie_goods"],

[class^="azgi_movie_goods"] iframe {

  width: 50rem;

}

[class^="azgi_overview_heading_goods"] p {

  font-size: 2.2rem;

  font-weight: 400;

  color: #fff;

  line-height: 2;

}

.azgi_common_overview_top {

  position: relative;

  display: flex;

  justify-content: center;

  z-index: 2;

}

.azgi_common_overview_bottom {

  position: relative;

  z-index: 1;

}

[class^="azgi_img_goods"] {

  display: table;

  margin: auto;

}

.azgi_common_goods_list {

  display: flex;

  flex-wrap: wrap;

  margin: auto;

  max-width: 100rem;

  /* gap: 4rem 2rem; */

  /* display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 4rem 2rem; */

}

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

  .azgi_lineup_goods .azgi_common_goods_list {

    gap: 4rem 2rem;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

  }

}



.azgi_common_goods_list > li {

  position: relative;

  width: 32rem;

  margin-right: 2rem;

  margin-bottom: 4rem;

  color: #fff;

}

.azgi_common_goods_list > li:nth-child(3n) {

  margin-right: 0;

}

.azgi_common_goods_list > li a {

  color: #fff;

}

.azgi_common_goods_list > li a:has(> img) {

  display: block;

  background: #fff;

  margin: 0 auto 20px;

  /*padding: 10px;*/

}

.azgi_common_goods_list > li a:hover {

  text-decoration: underline;

}

.azgi_common_goods_list > li img {

  /*object-fit: contain;*/

  width: 100%;

}

.azgi_common_goods_icon {

  display: table;

  min-width: 9.9rem;

  height: 3.5rem;

  margin-bottom: 1.1rem;

  padding: 0 1rem;

  font-size: 2.3rem;

  font-weight: 500;

  text-align: center;

  background: #c38560;

}

.azgi_common_goods_name {

  font-size: 2.4rem;

  font-weight: 600;

  margin-bottom: 0.8rem;

}

.azgi_common_goods_price {

  display: block;

  font-size: 2.3rem;

  font-weight: 500;

  text-align: right;

  margin-bottom: 2.3rem;

}

.azgi_common_goods_ticon {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

  width: 7.9rem;

  height: 3.2rem;

  font-size: 1.5rem;

  font-weight: 600;

  margin-right: 2.1rem;

  border: 1px solid #fff;

  box-sizing: border-box;

}

.azgi_common_goods_size {

  display: flex;

  align-items: center;

  margin-bottom: 1.2rem;

}

.azgi_common_goods_size_txt {

  font-size: 1.5rem;

  font-weight: 600;

}

.azgi_common_goods_color {

  display: flex;

  align-items: flex-start;

  margin-bottom: 12px;

}

.azgi_common_goods_color .azgi_common_goods_ticon {

  margin-bottom: 10px;

}

.azgi_common_goods_color_tip {

  display: flex;

  flex-wrap: wrap;

  font-size: 9px;

  font-weight: 600;

  text-align: center;

  line-height: 1.2;

  word-break: break-all;

}

.azgi_common_goods_color_tip li {

  width: 5.8rem;

  margin-right: 1.5rem;

  margin-bottom: 1rem;

}

.azgi_common_goods_color_tip li:nth-child(3n) {

  margin-right: 0;

}

/* カラー一覧 */

[class^="azgi_common_goods_color_tip_c"] {

  display: block;

  width: 4.3rem;

  height: 4.3rem;

  margin: 0 auto 0.4rem;

  border-radius: 50%;

}

.azgi_common_goods_color_tip_c18 {

  background: #7f7f7f;

}

.azgi_common_goods_color_tip_c511 {

  background: #17184b;

}

.azgi_common_goods_color_tip_c733 {

  background: #c099a0;

}

.azgi_common_goods_color_tip_c454 {

  background: #ffffff;

}

.azgi_common_goods_color_tip_c388 {

  background: #d8c0a4;

}

.azgi_common_goods_color_tip_c670 {

  background: #f0c3c0;

}

.azgi_common_goods_color_tip_c19 {

  background: #7f7f7f;

}

.azgi_common_goods_color_tip_c161 {

  background: #6a3a14;

}

.azgi_common_goods_color_tip_c480 {

  background: #000000;

}

.azgi_common_goods_color_tip_c37 {

  background: #7f7f7f;

}

.azgi_common_goods_color_tip_c358 {

  background: #ffe3a6;

}

.azgi_common_goods_color_tip_c670 {

  background: #ffd9d9;

}

.azgi_common_goods_color_tip_c752 {

  background: #fee263;

}

.azgi_common_goods_color_tip_c822 {

  background: #d7dfc4;

}

.azgi_common_goods_color_tip_c509 {

  background: #4d6aa8;

}

.azgi_common_goods_color_tip_c625 {

  background: #e9e3f4;

}

.azgi_common_goods_color_tip_c387 {

  background: #f0e4dd;

}

.azgi_common_goods_color_tip_c137 {

  background: #422d33;

}



.azgi_common_goods_color_tip_c1 {

  background: #ffeaf1;

}

.azgi_common_goods_color_tip_c8 {

  background: #fff3b8;

}

.azgi_common_goods_color_tip_c12 {

  background: #e3ffe7;

}

.azgi_common_goods_color_tip_c17 {

  background: #dfedf9;

}

.azgi_common_goods_color_tip_c21 {

  background: #e9e3f4;

}



/* /カラー一覧 */

.azgi_common_goods_btn a {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 5.3rem;

  font-size: 2rem;

  font-weight: 500;

  background: #c38560;

}

.azgi_common_goods_list > li .azgi_common_goods_btn a:hover {

  text-decoration: none;

  opacity: 0.7;

}

.azgi_common_goods_list > li.mark_icon {

  position: relative;

}

.azgi_common_goods_list > li.mark_icon::before {

  content: "";

  position: absolute;

  top: -20px;

  right: -10px;

  display: block;

  width: 80px;

  height: 80px;

  background: url(../../../../img/usr/freepage/azgi/mark_icon.png) no-repeat

    center center;

  background-size: 80px auto;

  z-index: 3;

}

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

  .azgi_common_overview {

    margin: 0 calc(60 * (100vw / 750));

  }

  [class^="azgi_movie_goods"],

  [class^="azgi_movie_goods"] iframe {

    width: calc(391 * (100vw / 750));

  }

  [class^="azgi_overview_heading_goods"] p {

    font-size: calc(18 * (100vw / 750));

    line-height: 2;

  }

  .azgi_common_overview_top {

    justify-content: space-between;

  }

  .azgi_common_goods_list {

    justify-content: space-between;

    margin: 0 calc(60 * (100vw / 750));

  }

  .azgi_common_goods_list > li {

    width: calc(300 * (100vw / 750));

    margin-right: 0;

    margin-bottom: calc(55 * (100vw / 750));

  }

  .azgi_common_goods_list > li a:has(> img) {

    margin-bottom: calc(18 * (100vw / 750));

  }

  .azgi_common_goods_icon {

    min-width: calc(93 * (100vw / 750));

    height: calc(32 * (100vw / 750));

    margin-bottom: calc(11 * (100vw / 750));

    font-size: calc(21 * (100vw / 750));

  }

  .azgi_common_goods_name {

    font-size: calc(21 * (100vw / 750));

    margin-bottom: calc(10 * (100vw / 750));

  }

  .azgi_common_goods_price {

    font-size: calc(21 * (100vw / 750));

    font-weight: 400;

    margin-bottom: calc(23 * (100vw / 750));

  }

  .azgi_common_goods_ticon {

    width: calc(74 * (100vw / 750));

    height: calc(30 * (100vw / 750));

    font-size: calc(13 * (100vw / 750));

    margin-right: calc(19 * (100vw / 750));

  }

  .azgi_common_goods_size {

    margin-bottom: calc(11 * (100vw / 750));

  }

  .azgi_common_goods_size_txt {

    font-size: calc(13 * (100vw / 750));

  }

  .azgi_common_goods_color {

    margin-bottom: calc(27 * (100vw / 750));

  }

  .azgi_common_goods_color_tip {

    font-size: calc(8 * (100vw / 750));

  }

  .azgi_common_goods_color_tip li {

    width: calc(48 * (100vw / 750));

    margin-right: calc(17 * (100vw / 750));

    margin-bottom: calc(15 * (100vw / 750));

    font-size: calc(12 * (100vw / 750));

  }

  /* カラー一覧 */

  [class^="azgi_common_goods_color_tip_c"] {

    width: calc(39 * (100vw / 750));

    height: calc(39 * (100vw / 750));

    margin: 0 auto calc(5 * (100vw / 750));

  }

  /* /カラー一覧 */

  .azgi_common_goods_btn a {

    height: calc(51 * (100vw / 750));

    font-size: calc(18 * (100vw / 750));

  }

  .azgi_common_goods_list > li.mark_icon::before {

    top: calc(-30 * (100vw / 750));

    right: calc(-10 * (100vw / 750));

    width: calc(80 * (100vw / 750));

    height: calc(80 * (100vw / 750));

    background: url(../../../../img/usr/freepage/azgi/mark_icon.png) no-repeat

      center center;

    background-size: calc(80 * (100vw / 750)) auto;

  }

}

/* ----------goods01---------- */

.azgi_goods01 {

  padding: 7.9rem 0 12.1rem;

}

.azgi_overview_heading_goods01 {

  width: 47.3rem;

  margin: 15.1rem 2.7rem 0 0;

}

.azgi_overview_heading_goods01 img {

  width: 36.7rem;

  margin-bottom: 11rem;

}

.azgi_movie_goods01,

.azgi_movie_goods01 iframe {

  height: 88.9rem;

}

.azgi_img_goods01 img {

  margin-top: -43px;

  margin-left: -60px;

  margin-bottom: 131px;

}

.azgi_goods01 .sec_inner {

  position: relative;

}

.azgi_goods01 .sec_inner::after {

  content: "";

  position: absolute;

  top: -20rem;

  left: -0.7rem;

  display: block;

  width: 10.7rem;

  height: 44.7rem;

  background: url(../../../../img/usr/freepage/azgi/goods01_bg.png) no-repeat

    top center / contain;

}

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

  .azgi_goods01 {

    padding: calc(79 * (100vw / 750)) 0;

  }

  .azgi_overview_heading_goods01 {

    margin: calc(35 * (100vw / 750)) 0 0 0;

    width: calc(222 * (100vw / 750));

    flex-shrink: 0;

  }

  .azgi_overview_heading_goods01 img {

    margin-bottom: calc(49 * (100vw / 750));

  }

  .azgi_movie_goods01,

  .azgi_movie_goods01 iframe {

    height: calc(700 * (100vw / 750));

  }

  .azgi_img_goods01 {

    margin-right: calc(-60 * (100vw / 750));

  }

  .azgi_img_goods01 img {

    margin-top: calc(25 * (100vw / 750));

    margin-left: 0;

    margin-bottom: calc(129 * (100vw / 750));

  }

  .azgi_goods01 .sec_inner::after {

    position: static;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    background: none;

  }

}

/* ----------goods02---------- */

.azgi_goods02 {

  padding-bottom: 11.7rem;

}

.azgi_goods02_bg {

  position: relative;

  padding: 9.5rem 0 9.6rem;

}

.azgi_goods02_bg::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  height: 100%;

  width: calc((100% - 1200px) / 2 + 1200px);

  background: #c78b69;

}

.azgi_overview_heading_goods02 {

  width: 44rem;

  margin: 5.5rem 0 0 6rem;

}

.azgi_overview_heading_goods02 img {

  margin-bottom: 82px;

}

.azgi_movie_goods02,

.azgi_movie_goods02 iframe {

  height: 88.8rem;

}

.azgi_img_goods02 img {

  margin-top: -56px;

  margin-left: -58px;

  margin-bottom: 192px;

}

.azgi_goods02 .sec_inner {

  position: relative;

  z-index: 2;

}

.azgi_goods02 .sec_inner::after {

  content: "";

  position: absolute;

  top: -14rem;

  right: -1.8rem;

  display: block;

  width: 10.7rem;

  height: 51.2rem;

  background: url(../../../../img/usr/freepage/azgi/goods0203_bg.png) no-repeat

    top center / contain;

}

.azgi_goods02 .azgi_common_goods_icon {

  color: #c38560;

  background: #fff;

}

.azgi_goods02 .azgi_common_goods_btn a {

  background: #3e3e3f;

}

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

  .azgi_goods02 {

    padding-bottom: calc(113 * (100vw / 750));

  }

  .azgi_goods02_bg {

    position: static;

    padding: calc(94 * (100vw / 750)) 0 0;

    background: #c78b69;

    width: calc(100% - calc(40 * (100vw / 750)));

    margin-left: auto;

  }

  .azgi_goods02_bg::after {

    position: static;

    width: 0;

    background: none;

  }

  .azgi_goods02 .azgi_common_overview {

    margin: 0 calc(40 * (100vw / 750)) 0 calc(20 * (100vw / 750));

  }

  .azgi_overview_heading_goods02 {

    margin: calc(-26 * (100vw / 750)) 0 0 0;

    width: calc(252 * (100vw / 750));

  }

  .azgi_overview_heading_goods02 img {

    margin-bottom: calc(110 * (100vw / 750));

  }

  .azgi_movie_goods02,

  .azgi_movie_goods02 iframe {

    width: calc(378 * (100vw / 750));

    height: calc(672 * (100vw / 750));

  }

  .azgi_img_goods02 img {

    margin-top: 0;

    margin-left: 0;

    margin-bottom: calc(93 * (100vw / 750));

  }

  .azgi_goods02 .sec_inner {

    position: static;

  }

  .azgi_goods02 .sec_inner::after {

    position: static;

    top: 0;

    right: 0;

    width: 0;

    height: 0;

    background: none;

  }

  .azgi_goods02 .azgi_common_goods_list {

    margin: 0 calc(60 * (100vw / 750)) 0 calc(20 * (100vw / 750));

  }

}

/* ----------goods03---------- */

.azgi_goods03 {

  padding-bottom: 163px;

}

.azgi_goods03_bg {

  position: relative;

  padding: 82px 0 35px;

}

.azgi_goods03_bg::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  height: 100%;

  width: calc((100% - 1200px) / 2 + 1200px);

  background: #c78b69;

}

.azgi_overview_heading_goods03 {

  width: 50rem;

  margin: 1.8rem 5.5rem 0 0;

}

.azgi_overview_heading_goods03 img {

  width: 33.8rem;

  margin-bottom: 7.1rem;

}

.azgi_movie_goods03 {

  margin-right: 50px;

}

.azgi_movie_goods03,

.azgi_movie_goods03 iframe {

  width: 39.5rem;

  height: 70.2rem;

}

.azgi_img_goods03 img {

  margin-top: 8.8rem;

  margin-bottom: 5.3rem;

}

.azgi_goods03 .sec_inner {

  position: relative;

  z-index: 2;

}

.azgi_goods03 .sec_inner::after {

  content: "";

  position: absolute;

  top: -2rem;

  left: -2.5rem;

  display: block;

  width: 10.7rem;

  height: 51.2rem;

  background: url(../../../../img/usr/freepage/azgi/goods0203_bg.png) no-repeat

    top center / contain;

}

.azgi_goods03 .azgi_common_goods_icon {

  color: #c38560;

  background: #fff;

}

.azgi_goods03 .azgi_common_goods_btn a {

  background: #3e3e3f;

}

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

  .azgi_goods03 {

    padding-bottom: calc(113 * (100vw / 750));

  }

  .azgi_goods03_bg {

    position: static;

    padding: calc(94 * (100vw / 750)) 0 0;

    background: #c78b69;

    width: calc(100% - calc(40 * (100vw / 750)));

    margin-right: auto;

  }

  .azgi_goods03_bg::after {

    position: static;

    width: 0;

    background: none;

  }

  .azgi_goods03 .azgi_common_overview {

    margin: 0 calc(20 * (100vw / 750)) 0 calc(60 * (100vw / 750));

  }

  .azgi_overview_heading_goods03 {

    width: calc(232 * (100vw / 750));

    margin: calc(16 * (100vw / 750)) 0 0 0;

  }

  .azgi_overview_heading_goods03 img {

    margin-bottom: calc(68 * (100vw / 750));

  }

  .azgi_movie_goods03 {

    margin-right: 0;

  }

  .azgi_movie_goods03,

  .azgi_movie_goods03 iframe {

    width: calc(376 * (100vw / 750));

    height: calc(668 * (100vw / 750));

  }

  .azgi_img_goods03 img {

    margin-top: calc(33 * (100vw / 750));

    margin-bottom: calc(90 * (100vw / 750));

  }

  .azgi_goods03 .sec_inner {

    position: static;

  }

  .azgi_goods03 .sec_inner::after {

    position: static;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    background: none;

  }

  .azgi_goods03 .azgi_common_goods_list {

    margin: 0 calc(20 * (100vw / 750)) 0 calc(60 * (100vw / 750));

  }

}

/* ----------goods04---------- */

.azgi_goods04 {

  padding-bottom: 131px;

}

.azgi_goods04_bg {

  position: relative;

  padding: 82px 0 83px;

}

.azgi_goods04_bg::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  height: 100%;

  width: calc((100% - 1200px) / 2 + 1200px);

  background: #c78b69;

}

.azgi_overview_heading_goods04 {

  width: 42.3rem;

  margin: 1.2rem 0 0 6.3rem;

}

.azgi_overview_heading_goods04 img {

  margin-bottom: 10.2rem;

}

.azgi_movie_goods04 {

  margin-left: 5rem;

}

.azgi_movie_goods04,

.azgi_movie_goods04 iframe {

  width: 46.4rem;

  height: 82.5rem;

}

.azgi_img_goods04 img {

  margin-top: 14.2rem;

  margin-bottom: 18.4rem;

}

.azgi_goods04 .sec_inner {

  position: relative;

  z-index: 2;

}

.azgi_goods04 .sec_inner::after {

  content: "";

  position: absolute;

  top: -26.5rem;

  right: -2.1rem;

  display: block;

  width: 10.7rem;

  height: 56.2rem;

  background: url(../../../../img/usr/freepage/azgi/goods0405_bg.png) no-repeat

    top center / contain;

}

.azgi_goods04 .azgi_common_goods_icon {

  color: #c38560;

  background: #fff;

}

.azgi_goods04 .azgi_common_goods_btn a {

  background: #3e3e3f;

}

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

  .azgi_goods04 {

    padding-bottom: calc(113 * (100vw / 750));

  }

  .azgi_goods04_bg {

    position: static;

    padding: calc(94 * (100vw / 750)) 0 0;

    background: #c78b69;

    width: calc(100% - calc(40 * (100vw / 750)));

    margin-left: auto;

  }

  .azgi_goods04_bg::after {

    position: static;

    width: 0;

    background: none;

  }

  .azgi_goods04 .azgi_common_overview {

    margin: 0 calc(40 * (100vw / 750)) 0 calc(20 * (100vw / 750));

  }

  .azgi_overview_heading_goods04 {

    margin: calc(57 * (100vw / 750)) 0 0 0;

    width: calc(232 * (100vw / 750));

  }

  .azgi_overview_heading_goods04 img {

    margin-bottom: calc(76 * (100vw / 750));

  }

  .azgi_movie_goods04 {

    margin-left: 0;

  }

  .azgi_movie_goods04,

  .azgi_movie_goods04 iframe {

    width: calc(379 * (100vw / 750));

    height: calc(674 * (100vw / 750));

  }

  .azgi_img_goods04 img {

    margin-top: calc(57 * (100vw / 750));

    margin-left: 0;

    margin-bottom: calc(93 * (100vw / 750));

  }

  .azgi_goods04 .sec_inner {

    position: static;

  }

  .azgi_goods04 .sec_inner::after {

    position: static;

    top: 0;

    right: 0;

    width: 0;

    height: 0;

    background: none;

  }

  .azgi_goods04 .azgi_common_goods_list {

    margin: 0 calc(60 * (100vw / 750)) 0 calc(20 * (100vw / 750));

  }

}

/* ----------goods05---------- */

.azgi_goods05 {

}

.azgi_goods05_bg {

  position: relative;

  padding: 82px 0 91px;

}

.azgi_goods05_bg::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  height: 100%;

  width: calc((100% - 1200px) / 2 + 1200px);

  background: #c78b69;

}

.azgi_overview_heading_goods05 {

  width: 50rem;

  margin: 5.1rem 8.5rem 0 0;

}

.azgi_overview_heading_goods05 img {

  width: 42.4rem;

  margin-bottom: 9.5rem;

}

.azgi_movie_goods05,

.azgi_movie_goods05 iframe {

  width: 41.5rem;

  height: 74rem;

}

.azgi_img_goods05 img {

  margin-top: 3.8rem;

  margin-bottom: 5.4rem;

}

.azgi_goods05 .sec_inner {

  position: relative;

  z-index: 2;

}

.azgi_goods05 .sec_inner::after {

  content: "";

  position: absolute;

  top: -22rem;

  left: -2.5rem;

  display: block;

  width: 10.7rem;

  height: 56.2rem;

  background: url(../../../../img/usr/freepage/azgi/goods0405_bg.png) no-repeat

    top center / contain;

}

.azgi_goods05 .azgi_common_goods_icon {

  color: #c38560;

  background: #fff;

}

.azgi_goods05 .azgi_common_goods_btn a {

  background: #3e3e3f;

}

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

  .azgi_goods05_bg {

    position: static;

    padding: calc(94 * (100vw / 750)) 0 0;

    background: #c78b69;

    width: calc(100% - calc(40 * (100vw / 750)));

    margin-right: auto;

  }

  .azgi_goods05_bg::after {

    position: static;

    width: 0;

    background: none;

  }

  .azgi_goods05 .azgi_common_overview {

    margin: 0 calc(20 * (100vw / 750)) 0 calc(60 * (100vw / 750));

  }

  .azgi_overview_heading_goods05 {

    width: calc(232 * (100vw / 750));

    margin: calc(16 * (100vw / 750)) 0 0 0;

  }

  .azgi_overview_heading_goods05 img {

    margin-bottom: calc(68 * (100vw / 750));

  }

  .azgi_movie_goods05,

  .azgi_movie_goods05 iframe {

    width: calc(376 * (100vw / 750));

    height: calc(668 * (100vw / 750));

  }

  .azgi_img_goods05 img {

    margin-top: calc(33 * (100vw / 750));

    margin-bottom: calc(90 * (100vw / 750));

  }

  .azgi_goods05 .sec_inner {

    position: static;

  }

  .azgi_goods05 .sec_inner::after {

    position: static;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    background: none;

  }

  .azgi_goods05 .azgi_common_goods_list {

    margin: 0 calc(20 * (100vw / 750)) 0 calc(60 * (100vw / 750));

  }

}

/* ----------coordinate---------- */

.azgi_coordinate {

  padding: 10.5rem 0 16rem;

}

.azgi_coordinate_slider {

  margin: 6rem auto 0;

}

.azgi_coordinate_slider .slick-list li img {

  display: block;

  margin: auto;

}

.azgi_coordinate .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 4rem;

  height: 4rem;

  font-size: 0;

  z-index: 1;

  border: none;

  background: transparent;

  cursor: pointer;

}

.azgi_coordinate .slick-prev {

  left: -5rem;

}

.azgi_coordinate .slick-next {

  right: -5rem;

}

.azgi_coordinate .slick-prev:hover,

.azgi_coordinate .slick-next:hover {

  opacity: 0.7;

}

.azgi_coordinate .slick-prev::after,

.azgi_coordinate .slick-next::after {

  content: "";

  position: absolute;

  top: 50%;

  width: 30px;

  height: 30px;

}

.azgi_coordinate .slick-prev::after {

  border-left: 2px solid #b4b4b4;

  border-bottom: 2px solid #b4b4b4;

  left: calc(50% + 1px);

  transform: translate(-50%, -50%) rotate(45deg);

}

.azgi_coordinate .slick-next::after {

  border-top: 2px solid #b4b4b4;

  border-right: 2px solid #b4b4b4;

  left: calc(50% - 1px);

  transform: translate(-50%, -50%) rotate(45deg);

}

.azgi_coordinate .slick-dots {

  position: absolute;

  bottom: -35px;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  justify-content: center;

  align-items: center;

  height: 15px;

  margin: 30px 0 0;

}

.azgi_coordinate .slick-dots li {

  height: 15px;

  line-height: 0;

}

.azgi_coordinate .slick-dots li button {

  width: 12px;

  height: 12px;

  border-radius: 50%;

  font-size: 0;

  margin: 0 8px;

  background: #fff;

  border: none;

  cursor: pointer;

  outline: none;

  padding: 0;

  appearance: none;

}

.azgi_coordinate .slick-dots li.slick-active button {

  background: #c78b69;

}

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

  .azgi_coordinate {

    padding: calc(67 * (100vw / 750)) 0 calc(170 * (100vw / 750));

  }

  .azgi_coordinate_slider {

    margin: calc(40 * (100vw / 750)) calc(60 * (100vw / 750)) 0;

  }

  .azgi_coordinate_slider .slick-list li img {

    padding: 0 calc(10 * (100vw / 750));

  }

  .azgi_coordinate .slick-arrow {

    width: 15px;

    height: 15px;

  }

  .azgi_coordinate .slick-prev {

    left: -15px;

  }

  .azgi_coordinate .slick-next {

    right: -15px;

  }

  .azgi_coordinate .slick-prev::after,

  .azgi_coordinate .slick-next::after {

    width: 15px;

    height: 15px;

  }

  .azgi_coordinate .slick-dots {

    bottom: -35px;

    flex-wrap: wrap;

    width: 100%;

    height: 15px;

    margin: 30px 0 0;

  }

  .azgi_coordinate .slick-dots li button {

    width: 8px;

    height: 8px;

    margin: 0 8px;

  }

}

/* ----------lineup---------- */

.azgi_lineup_navi {

  display: flex;

  justify-content: space-between;

  margin: 6.5rem auto 5.4rem;

}

.azgi_lineup_navi li {

  display: flex;

  justify-content: center;

  align-items: center;

  width: calc(25% - 1rem);

  height: 6rem;

  font-size: 1.9rem;

  font-weight: 400;

  text-align: center;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 3rem;

  box-sizing: border-box;

  cursor: pointer;

}

.azgi_lineup_navi li:hover {

  opacity: 0.7;

}

.azgi_lineup_navi li.js-active-btn {

  color: #333;

  background: #fff;

  pointer-events: none;

}

.azgi_lineup_goods {

}

.azgi_common_goods_list {

}

/* reset */

.azgi_lineup_goods .azgi_common_goods_list > li {

  width: 100%;

  /* margin-right: 18px;

  margin-bottom: 38px; */

}

.azgi_lineup_goods .azgi_common_goods_list > li:nth-child(3n) {

  margin-right: 18px;

}

.azgi_lineup_goods .azgi_common_goods_list > li:nth-child(4n) {

  margin-right: 0;

}

.azgi_lineup_goods .azgi_common_goods_list > li a:has(> img) {

  margin-bottom: 11px;

}

.azgi_lineup_goods .azgi_common_goods_list > li img {

  width: 100%;

  height: auto;

}

.azgi_lineup_goods .azgi_common_goods_name {

  font-size: 1.7rem;

  margin-bottom: 0.7rem;

}

.azgi_lineup_goods .azgi_common_goods_price {

  font-size: 1.6rem;

  margin-bottom: 2.5rem;

}

.azgi_lineup_goods .azgi_common_goods_ticon {

  width: 5.9rem;

  height: 2.3rem;

  font-size: 1rem;

  margin-right: 1.6rem;

}

.azgi_lineup_goods .azgi_common_goods_size {

  margin-bottom: 1.5rem;

}

.azgi_lineup_goods .azgi_common_goods_size_txt {

  font-size: 1.3rem;

  letter-spacing: -0.05rem;

}

.azgi_lineup_goods .azgi_common_goods_color {

  margin-bottom: 0.8rem;

}

.azgi_lineup_goods .azgi_common_goods_color .azgi_common_goods_ticon {

  margin-bottom: 0.8rem;

}

.azgi_lineup_goods .azgi_common_goods_color_tip {

  font-size: 0.8rem;

  letter-spacing: -0.05rem;

}

.azgi_lineup_goods .azgi_common_goods_color_tip li {

  width: 4.8rem;

  margin-right: 0.4rem;

  margin-bottom: 0.7rem;

}

.azgi_lineup_goods [class^="azgi_common_goods_color_tip_c"] {

  display: block;

  width: 3.1rem;

  height: 3.1rem;

}

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

  .azgi_lineup_navi {

    margin: calc(40 * (100vw / 750)) calc(60 * (100vw / 750))

      calc(34 * (100vw / 750));

    flex-wrap: wrap;

  }

  .azgi_lineup_navi li {

    width: calc(50% - calc(10 * (100vw / 750)));

    height: calc(47 * (100vw / 750));

    font-size: calc(22 * (100vw / 750));

    border-radius: calc(30 * (100vw / 750));

    margin-right: calc(20 * (100vw / 750));

    margin-bottom: calc(20 * (100vw / 750));

  }

  .azgi_lineup_navi li:hover {

    opacity: 1;

  }

  .azgi_lineup_navi li:nth-child(2n) {

    margin-right: 0;

  }

  .azgi_lineup_goods {

  }

  .azgi_common_goods_list {

  }

  /* reset */

  .azgi_lineup_goods .azgi_common_goods_list > li {

    width: calc(300 * (100vw / 750));

    margin-right: 0;

    margin-bottom: calc(55 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_list > li:nth-child(3n) {

    margin-right: 0;

  }

  .azgi_lineup_goods .azgi_common_goods_list > li a:has(> img) {

    margin-bottom: calc(18 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_name {

    font-size: calc(21 * (100vw / 750));

    margin-bottom: calc(10 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_price {

    font-size: calc(21 * (100vw / 750));

    margin-bottom: calc(23 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_ticon {

    width: calc(74 * (100vw / 750));

    height: calc(30 * (100vw / 750));

    font-size: calc(13 * (100vw / 750));

    margin-right: calc(19 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_size {

    margin-bottom: calc(13 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_size_txt {

    font-size: calc(13 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_color {

    margin-bottom: calc(27 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_color .azgi_common_goods_ticon {

    margin-bottom: 8px;

  }

  .azgi_lineup_goods .azgi_common_goods_color_tip {

    font-size: calc(8 * (100vw / 750));

  }

  .azgi_lineup_goods .azgi_common_goods_color_tip li {

    width: calc(49 * (100vw / 750));

    margin-right: calc(17 * (100vw / 750));

    margin-bottom: calc(10 * (100vw / 750));

  }

  .azgi_lineup_goods [class^="azgi_common_goods_color_tip_c"] {

    width: calc(39 * (100vw / 750));

    height: calc(39 * (100vw / 750));

  }

}

/* ----------size_color---------- */

.azgi_size_color {

  padding: 9.5rem 0 12rem;

}

.azgi_size_color_navi {

  display: flex;

  justify-content: space-between;

  margin: 5.9rem auto 6.8rem;

}

.azgi_size_color_navi li {

  width: calc(50% - 2.1rem);

}

.azgi_size_color_navi li a {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 6rem;

  font-size: 3rem;

  font-weight: 400;

  text-align: center;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 3rem;

  box-sizing: border-box;

}

.azgi_size_color_navi li a:hover {

  color: #333;

  background: #fff;

}

#size_ {

  width: 100%;

  margin-bottom: 13rem;

  padding-bottom: 13rem;

  border-bottom: 1px solid #fff;

}

.azgi_size_color_h3 {

  font-size: 4.5rem;

  font-weight: 600;

  color: #c38560;

  text-align: center;

  margin: 4.5rem 0 3rem;

}

.azgi_size_color_text {

  font-size: 2rem;

  font-weight: 400;

  text-align: center;

  color: #fff;

  line-height: 1.7;

}

.azgi_size_color_img {

  display: block;

  width: 53.7rem;

  margin: 5.8rem auto 0;

}

.azgi_size_color_h3-2 {

  font-size: 3.6rem;

  font-weight: 400;

  color: #fff;

  text-align: center;

  margin: 4.5rem 0;

}

.color_detail1 {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

}

.color_detail1_img {

  width: 21rem;

  flex-shrink: 0;

  margin-left: 1.5rem;

  margin-right: 5.3rem;

  text-align: center;

}

.color_detail1_img p {

  font-size: 1.2rem;

  font-weight: 400;

  text-align: center;

  margin-top: 1.8rem;

}

.color_detail1_text {

  width: 80.4rem;

}

.color_detail1_text p {

  font-size: 2.6rem;

  font-weight: 400;

  margin-top: 2.4rem;

}

.color_detail1_text p.color_detail1_text_note {

  font-size: 1.8rem;

  font-weight: 400;

  margin-top: 3.5rem;

}

.color_detail2 {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  margin: 2.5rem auto 9rem;

}

.color_detail2_heading {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 21.5rem;

  height: 18.6rem;

  font-size: 3.6rem;

  font-weight: 400;

  color: #fff;

  line-height: 1.3;

  text-align: center;

  margin-top: 3rem;

  margin-right: 5rem;

  background: #c38560;

  border-radius: 2.4rem;

}

.color_detail2_heading h4 {

  font-size: inherit;

}

.color_detail2_heading span {

  display: block;

  font-size: 2.7rem;

}

.color_detail2_color {

  display: flex;

  align-items: center;

}

.color_detail2_color ul {

  display: flex;

}

.color_detail2_color ul li {

  flex-shrink: 0;

  font-size: 1.8rem;

  font-weight: 500;

  text-align: center;

}

.color_detail2_color ul li img {

  display: block;

  width: 16rem;

}

.color_goods_list {

  display: flex;

  justify-content: center;

  margin: 8rem auto;

}



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

  .color_goods_list {

    gap: 5.3rem;

  }

}

.color_goods_list li {

  position: relative;

  width: 29.8rem;

  font-size: 2rem;

  font-weight: 400;

}

.color_goods_list li a {

  color: #fff;

}

.color_goods_list li a:hover {

  text-decoration: underline;

}

.color_goods_list li img {

  width: auto;

  height: 39.7rem;

  display: block;

  margin: 0 auto 5rem;

}

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

  .azgi_size_color {

    padding: calc(100 * (100vw / 750)) 0;

  }

  .azgi_size_color_navi {

    margin: calc(50 * (100vw / 750)) calc(60 * (100vw / 750))

      calc(78 * (100vw / 750));

  }

  .azgi_size_color_navi li {

    width: calc(50% - calc(10 * (100vw / 750)));

  }

  .azgi_size_color_navi li a {

    width: 100%;

    height: calc(47 * (100vw / 750));

    font-size: calc(22 * (100vw / 750));

    border-radius: calc(30 * (100vw / 750));

  }

  #size_ {

    width: auto;

    margin: 0 calc(45 * (100vw / 750)) calc(89 * (100vw / 750));

    padding-bottom: calc(89 * (100vw / 750));

    border-bottom: 1px solid #fff;

    padding-top: 50px;

    margin-top: -50px;

  }

  .azgi_size_color_h3 {

    font-size: calc(44 * (100vw / 750));

    margin: calc(33 * (100vw / 750)) 0 calc(22 * (100vw / 750));

  }

  .azgi_size_color_text {

    font-size: calc(24 * (100vw / 750));

  }

  .azgi_size_color_img {

    margin: calc(15 * (100vw / 750)) auto 0;

    width: calc(496 * (100vw / 750));

  }

  .azgi_size_color_h3-2 {

    font-size: calc(24 * (100vw / 750));

    margin: calc(20 * (100vw / 750)) 0 calc(63 * (100vw / 750));

  }

  #color_ {

    width: auto;

    margin: 0 calc(50 * (100vw / 750)) calc(89 * (100vw / 750));

    padding-top: 50px;

    margin-top: -50px;

  }

  .color_detail1 {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

  }

  .color_detail1_img {

    width: calc(180 * (100vw / 750));

    margin-left: 0;

    margin-right: calc(35 * (100vw / 750));

  }

  .color_detail1_img img {

    width: calc(100 * (100vw / 750));

  }

  .color_detail1_img p {

    font-size: calc(14 * (100vw / 750));

    margin-top: calc(11 * (100vw / 750));

  }

  .color_detail1_text {

    width: calc(100% - calc(215 * (100vw / 750)));

  }

  .color_detail1_text p {

    font-size: calc(18 * (100vw / 750));

    margin-top: calc(13 * (100vw / 750));

    line-height: 1.7;

  }

  .color_detail1_text p.color_detail1_text_note {

    font-size: calc(14 * (100vw / 750));

    margin-top: calc(10 * (100vw / 750));

  }

  .color_detail2 {

    display: block;

    justify-content: center;

    align-items: center;

    color: #fff;

    margin: calc(60 * (100vw / 750)) auto 90px;

  }

  .color_detail2_heading {

    display: table;

    width: auto;

    height: auto;

    font-size: calc(20 * (100vw / 750));

    margin: 0 auto;

    border-radius: calc(8 * (100vw / 750));

    padding: 5px 17px;

    letter-spacing: 1px;

  }

  .color_detail2_heading span {

    display: inline-block;

    font-size: calc(20 * (100vw / 750));

  }

  .color_detail2_color {

    display: block;

  }

  .color_detail2_color ul {

    justify-content: center;

  }

  .color_detail2_color ul li {

    font-size: calc(17 * (100vw / 750));

  }

  .color_detail2_color ul li img {

    width: calc(174 * (100vw / 750));

  }

  .color_goods_list {

    display: flex;

    justify-content: space-between;

    margin: 20px auto;

    flex-wrap: wrap;

  }

  .color_goods_list li {

    width: 47%;

    font-size: calc(20 * (100vw / 750));

    margin-bottom: 40px;

  }

  .color_goods_list li img {

    width: auto;

    height: calc(350 * (100vw / 750)) !important;

    display: block;

    margin: 0 auto 20px;

  }

}

/* ----------〇〇---------- */

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

}