@charset "UTF-8";
/*メディアクエリー
---------------------------------------------*/
/*---------------------------------------------*/
html {
  visibility: hidden;
}

html.wf-active,
html.loading-delay {
  visibility: visible;
}

body {
  width: 100%;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  overflow-x: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  color: #050000;
  background: #FAFAFA;
  scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
  body {
    line-height: 2.1;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .spNone {
    display: none !important;
  }
}

a:hover {
  opacity: 0.6 !important;
}

ul {
  list-style: none;
}

.ft_val {
  font-family: "vdl-v7mincho", sans-serif;
  font-weight: 700;
}

.ft_gar {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
}

section.maintop {
  background-color: #EDEDEA;
  width: 100%;
  line-height: normal;
}
section.maintop h1.mainimg {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  section.maintop h1.mainimg {
    align-content: space-between;
    justify-content: space-between;
  }
}
section.maintop h1.mainimg .fx {
  width: 50%;
}
@media screen and (min-width: 769px) {
  section.maintop h1.mainimg .fx {
    width: 25%;
  }
}
section.maintop h1.mainimg .toptxt01,
section.maintop h1.mainimg .toptxt02,
section.maintop h1.mainimg .toptxt03 {
  width: 100% !important;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.maintop h1.mainimg .top03 img,
  section.maintop h1.mainimg .top04 img {
    width: 97.5%;
  }
}
@media screen and (max-width: 768px) {
  section.maintop h1.mainimg .top02 {
    text-align: right;
  }
  section.maintop h1.mainimg .top02 img {
    width: 97.5%;
  }
}
section.maintop h1.mainimg .top04 {
  text-align: right;
}
section.maintop h1.mainimg .toptxt01 {
  font-size: clamp(17px, 4.5333333333vw, 25px);
  margin-top: clamp(30px, 8vw, 50px);
  letter-spacing: 0.078em;
}
section.maintop h1.mainimg .toptxt01 p {
  color: #D67605;
}
section.maintop h1.mainimg .toptxt01 .blk {
  color: #050000 !important;
  margin-left: -5px;
}
section.maintop h1.mainimg .toptxt01 span:nth-child(2) {
  display: block;
  border-bottom: solid 1px #050000;
  width: clamp(224px, 59.7333333333vw, 321px);
  margin: 0 auto;
}
section.maintop h1.mainimg .toptxt02 {
  font-family: "vdl-v7mincho", sans-serif !important;
  font-weight: 700;
  font-size: clamp(35px, 9.3333333333vw, 84px);
  color: #050000;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  section.maintop h1.mainimg .toptxt02 {
    line-height: 1.3;
  }
}
@media screen and (min-width: 769px) {
  section.maintop h1.mainimg .toptxt02 p {
    font-size: 66px;
  }
}
section.maintop h1.mainimg .toptxt02 p span:nth-child(1) {
  font-family: "garamond-premier-pro-display", serif;
  font-style: italic;
  font-weight: 500;
  font-size: clamp(63px, 16.8vw, 117px);
  padding-right: 5px;
}
section.maintop h1.mainimg .toptxt02 p span:nth-child(2) {
  font-family: "vdl-v7mincho", sans-serif !important;
  font-weight: 700;
  color: #D67605;
}
section.maintop h1.mainimg .toptxt03 {
  font-size: clamp(9px, 2.4vw, 11px);
  margin-top: clamp(10px, 2.6666666667vw, 20px);
  margin-bottom: clamp(30px, 8vw, 40px);
  line-height: 1.76;
}
@media screen and (min-width: 769px) {
  section.maintop h1.mainimg .toptxt03 {
    margin-top: 0;
    line-height: 2.1;
  }
}
section.maintop .read {
  background-color: #FAFAFA;
  text-align: left;
  padding: 52px 0px;
}
@media screen and (min-width: 769px) {
  section.maintop .read {
    padding: 100px 0px;
  }
}
section.maintop .read p {
  font-size: clamp(10px, 2.6666666667vw, 12px);
  line-height: 2.9;
  letter-spacing: 0.05em;
  margin: 0 auto;
  width: min(81vw, 380px);
}
@media screen and (min-width: 769px) {
  section.maintop .read p {
    width: 100%;
    text-align: center;
    line-height: 3;
  }
}

div.link ul {
  margin: 0 auto;
  width: 100%;
  padding: clamp(35px, 9.3333333333vw, 83px) 0;
  width: min(100vw, 273px);
}
@media screen and (min-width: 769px) {
  div.link ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
  }
}
@media screen and (min-width: 769px) {
  div.link ul li:nth-child(odd) {
    padding-left: 65px;
  }
}
div.link ul .fx_in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  border-bottom: solid 1px #707070;
  color: #050000;
  padding: clamp(20px, 5.3333333333vw, 22px) 0;
}
@media screen and (min-width: 769px) {
  div.link ul .fx_in {
    border-bottom: none;
    max-width: 400px;
    justify-content: flex-start;
  }
}
div.link ul .fx_in div:first-child {
  width: 29%;
}
@media screen and (min-width: 769px) {
  div.link ul .fx_in div:first-child {
    width: 22%;
  }
}
div.link ul .fx_in div.link_txt {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  div.link ul .fx_in div.link_txt {
    margin: 0;
  }
}
div.link ul .fx_in div.link_txt p {
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.68;
  padding-left: 20px;
  padding-bottom: 10%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  div.link ul .fx_in div.link_txt p {
    font-size: 13px;
    text-align: left;
  }
}
div.link ul .fx_in div.link_txt p span {
  color: #D67605;
}
div.link ul .fx_in div.link_txt::after {
  display: block;
  position: absolute;
  content: "";
  border-bottom: solid 1px #050000;
  border-right: solid 1px #050000;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  left: 50%;
  bottom: -6%;
}
@media screen and (min-width: 769px) {
  div.link ul .fx_in div.after::after {
    left: 37% !important;
  }
}
@media screen and (min-width: 769px) {
  div.link ul .fx_in div.after01::after {
    display: block;
    left: 45% !important;
  }
}
@media screen and (max-width: 768px) {
  div.link ul .pt0 {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  div.link ul .bb0 {
    border-bottom: none;
    padding-bottom: 0;
  }
}

section.block {
  position: relative;
  background-color: #F2F2F0;
}
section.block p.nom {
  font-size: clamp(32px, 8.5333333333vw, 31px);
  font-family: "garamond-premier-pro-display", serif !important;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  padding-top: clamp(90px, 24vw, 184px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FAFAFA;
}
section.block p.nom span:first-child {
  font-size: clamp(19px, 5.0666666667vw, 19px);
  margin-right: 10px;
  border-bottom: solid 1px #050000;
  line-height: normal;
}
section.block span.line {
  display: block;
  border-bottom: solid 1px #050000;
  padding-top: clamp(15px, 4vw, 50px);
  background: #FAFAFA;
}

@media screen and (max-width: 768px) {
  .gp01::before {
    content: "";
    position: absolute;
    background-color: #FAFAFA;
    width: 100vw;
    padding-top: 60%;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .gp01::before {
    content: "";
    position: absolute;
    background-color: #FAFAFA;
    width: 100vw;
    padding-top: 28% !important;
    top: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .gp01::before {
    content: "";
    position: absolute;
    background-color: #FAFAFA;
    width: 100vw;
    padding-top: 42%;
    top: 0;
    left: 0;
  }
}
.gp01 {
  margin: 0 auto;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 100px;
  position: relative;
}
@media screen and (min-width: 769px) {
  .gp01 {
    padding-top: 80px;
    padding-bottom: 160px;
  }
}
.gp01 p.brand {
  font-size: clamp(21px, 5.6vw, 32px);
  font-family: "garamond-premier-pro-display", serif !important;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  padding-bottom: clamp(40px, 10.6666666667vw, 122px);
}
.gp01 p.brand span {
  font-size: clamp(10px, 2.6666666667vw, 13px);
  margin-top: 15px;
  display: block;
}
@media screen and (min-width: 769px) {
  .gp01 .flex_main {
    display: flex;
    align-items: center;
    position: static;
    transform: none;
    justify-content: center;
    gap: 80px;
  }
}
@media screen and (min-width: 769px) {
  .gp01 li.staff {
    position: static;
    transform: none;
  }
}
.gp01 li.staff .profile img {
  width: clamp(210px, 56vw, 289px);
}
.gp01 li.staff .profile div.pro {
  margin: clamp(-20px, -5.3333333333vw, -15px);
}
@media screen and (min-width: 769px) {
  .gp01 li.staff .profile div.pro {
    padding-top: 8px;
  }
}
.gp01 li.staff .profile p.name {
  font-size: clamp(26px, 6.9333333333vw, 30px);
  letter-spacing: 0.03em;
  margin-top: 25px;
}
.gp01 li.staff .profile p.name span {
  margin-left: 7px;
  font-size: clamp(9px, 2.4vw, 11px);
}
.gp01 li.staff .profile p.shop {
  font-size: 9px !important;
}
.gp01 li.staff .profile .insta_snap {
  font-size: 17px;
  line-height: 1;
  padding-top: 20px;
}
.gp01 li.staff .profile .insta_snap a {
  color: #050000;
  text-decoration: underline;
}
.gp01 li.staff .profile .insta_snap a:last-child {
  padding-left: clamp(22px, 5.8666666667vw, 35px);
}
.gp01 li.fukidashi {
  margin-top: 60px;
}
@media screen and (min-width: 769px) {
  .gp01 li.fukidashi {
    position: static;
    transform: none;
  }
}
.gp01 li.fukidashi .onayami {
  display: block;
  width: clamp(288px, 76.8vw, 382px);
  margin: 0 auto;
}
.gp01 li.fukidashi .onayami img {
  width: 100%;
}
.gp01 li.fukidashi p {
  position: absolute;
  top: clamp(45px, 12vw, 78px);
  font-size: clamp(11px, 2.9333333333vw, 15px);
  padding-left: clamp(32px, 8.5333333333vw, 60px);
  padding-right: clamp(32px, 8.5333333333vw, 30px);
  text-align: left;
  top: 27%;
}
.gp01 li.fukidashi p span {
  text-decoration: underline;
  font-size: clamp(11px, 2.9333333333vw, 14px);
}

.gp02 {
  background-color: #EDEDEA;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .gp02 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
}
.gp02 .itemArea {
  text-align: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .gp02 .itemArea {
    max-width: 55.9027777778%;
    margin: 0;
    padding-right: 40px;
  }
}
.gp02 .itemArea .kai {
  color: #D67605;
  font-size: clamp(11px, 2.9333333333vw, 13px);
  transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  position: absolute;
  top: 17%;
  left: 13%;
  transform: translateX(-50%) rotate(-15deg);
}
@media screen and (min-width: 769px) {
  .gp02 .itemArea .kai {
    top: 22%;
    left: 3%;
  }
}
.gp02 .itemArea .kami {
  color: #D67605;
  font-size: clamp(20px, 4.8vw, 18px);
  display: flex;
  align-items: center;
  position: absolute;
  top: 22%;
  left: 24%;
  transform: translateX(-50%);
}
.gp02 .itemArea .kami span {
  font-size: clamp(35px, 9.3333333333vw, 33px);
  padding-right: 5px;
}
@media screen and (min-width: 769px) {
  .gp02 .itemArea .kami {
    top: 26%;
    left: 16%;
  }
}
.gp02 .itemArea img:nth-child(3) {
  position: absolute;
  width: clamp(150px, 40vw, 154px);
  top: 22%;
  left: 24%;
  z-index: 100;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .gp02 .itemArea img:nth-child(3) {
    left: 15%;
    top: 26%;
  }
}
.gp02 .itemArea a.itemlink img {
  margin-top: clamp(111px, 29.6vw, 183px);
  width: clamp(305px, 81.3333333333vw, 400px);
}
.gp02 .itemArea a:hover {
  opacity: 1 !important;
}

.gp02::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(..//images/down.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -1%;
  left: 46%;
  width: 17px;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .gp02::before {
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 23px;
  }
}

.icon {
  width: 30%;
}

.textArea {
  padding: 10%;
  padding-bottom: 94px;
}
@media screen and (min-width: 769px) {
  .textArea {
    padding: 0;
    width: 370px;
  }
}
.textArea div.subtit {
  width: 100%;
  font-size: clamp(18px, 4.8vw, 20px);
  font-family: "dnp-shuei-mincho-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  margin: 0 auto;
  line-height: 2;
  letter-spacing: 0.06em;
}
.textArea div.subtit span.tit {
  margin: 0 auto;
  border-bottom: solid 1px #050000;
}
.textArea div.subtit .or {
  color: #D67605;
}
.textArea p.itemtext {
  padding: 10px 0px 25px;
  font-size: clamp(11px, 2.9333333333vw, 12px);
  letter-spacing: 0.05em;
}
.textArea a {
  width: 98%;
  text-align: left;
  color: #050000;
  width: 100%;
}
.textArea a p.credit_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #050000;
  font-size: clamp(10px, 2.6666666667vw, 13px);
}
.textArea a p.credit_main span {
  color: #D67605;
  border: solid 1px #D67605;
  padding: 2px 15px 0px 14px;
  border-radius: 19px;
  font-size: clamp(9px, 2.4vw, 10px);
  line-height: 1.6;
}

.gp03 {
  background-color: #EDEDEA;
  position: relative;
}
@media screen and (min-width: 769px) {
  .gp03 {
    padding-top: 270px;
  }
}
@media screen and (min-width: 769px) {
  .gp03 .pc_flex {
    display: flex;
    max-width: 806px;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin: 0 auto;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 768px) {
  .gp03 .pc_flex .box01 p {
    text-align: center;
    font-size: clamp(22px, 5.8666666667vw, 33px);
    letter-spacing: 0.06em;
  }
}
.gp03 .pc_flex .box01 p::before {
  position: absolute;
  display: block;
  top: 8%;
  left: 50%;
  content: "";
  width: 1px;
  height: 10%;
  background-color: #707070;
  z-index: 1;
}
.gp03 .pc_flex .box01 img:first-child {
  width: clamp(305px, 81.3333333333vw, 406px);
  margin: 0 auto;
  margin-top: 5%;
  display: block;
}
@media screen and (min-width: 769px) {
  .gp03 .pc_flex .box01 img:first-child {
    margin-top: 0;
  }
}
.gp03 .pc_flex .box01 img:last-child {
  position: absolute;
  width: clamp(104px, 27.7333333333vw, 130px);
  top: 40%;
  left: 55%;
}
@media screen and (min-width: 769px) {
  .gp03 .pc_flex .box01 img:last-child {
    margin-top: 0;
    top: 34%;
    left: 56%;
  }
}
.gp03 .pc_flex .box02 {
  padding: 35px 0px 45px;
  padding-left: 10%;
  padding-right: 10%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .gp03 .pc_flex .box02 {
    width: 40%;
    padding: 0;
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  .gp03 .pc_flex .box02 p {
    font-size: 33px;
    padding-bottom: 35px;
    margin-bottom: 50px;
    border-bottom: solid 1px #000;
    width: 50px;
  }
}
.gp03 .pc_flex .box02 span {
  font-size: clamp(11px, 2.9333333333vw, 12px);
}
@media screen and (min-width: 769px) {
  .gp03 .pc_flex .box02 span {
    line-height: 2.4;
  }
}
.gp03 .credit_area {
  padding: 0% 10%;
}
@media screen and (min-width: 769px) {
  .gp03 .credit_area {
    max-width: 806px;
    margin: 0 auto;
    padding: 0;
  }
}
.gp03 .credit_area ul {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .gp03 .credit_area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.gp03 .credit_area ul li {
  width: 100%;
  padding-bottom: 15px;
}
@media screen and (min-width: 769px) {
  .gp03 .credit_area ul li {
    width: 46%;
    padding-bottom: 20px;
  }
}
.gp03 .credit_area ul li a {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.gp03 .credit_area ul li a img {
  width: clamp(88px, 23.4666666667vw, 12px);
}
.gp03 .credit_area ul li a .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 20px;
  line-height: 1.5;
  color: #050000;
}
.gp03 .credit_area ul li a .inner p {
  line-height: 1.5;
  margin-right: clamp(15px, 4vw, 15px);
}
.gp03 .credit_area ul li a .inner p span.price {
  text-decoration: line-through;
  padding-right: 7px;
}
.gp03 .credit_area ul li a .inner p span.p_line {
  color: red;
  text-decoration: underline;
}
.gp03 .credit_area ul li a .inner span.buy {
  color: #D67605;
  border: solid 1px #D67605;
  padding: 2px 15px 0px 14px;
  border-radius: 19px;
  font-size: clamp(9px, 2.4vw, 10px);
}

@media screen and (min-width: 769px) {
  .no02 {
    padding-top: 150px;
  }
}
.no02 .pc_flex {
  flex-direction: row;
}
.no02 .pc_flex .st_img img:first-child {
  padding-top: 50px;
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .no02 .pc_flex .st_img img:first-child {
    padding-left: 0;
  }
}
.no02 .pc_flex .st_img img:last-child {
  width: clamp(95px, 25.3333333333vw, 120px);
  top: 24%;
  left: 15%;
}
@media screen and (min-width: 769px) {
  .no02 .pc_flex .st_img img:last-child {
    top: 22%;
    left: 7% !important;
  }
}

.brand_btn {
  background-color: #EDEDEA;
  font-size: clamp(12px, 3.2vw, 15px);
  padding: 75px 0px 100px 0px;
}
@media screen and (min-width: 769px) {
  .brand_btn {
    padding-top: 137px;
    padding-bottom: 180px;
  }
}
.brand_btn a {
  border: solid 1px #050000;
  color: #050000;
  width: clamp(240px, 64vw, 387px);
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0px;
}
@media screen and (min-width: 769px) {
  .brand_btn a {
    padding: 25px 0px;
  }
}

.block02 .no01 .st_img img:last-child {
  top: 28%;
  left: 60% !important;
  width: clamp(95px, 25.3333333333vw, 98px);
}
@media screen and (min-width: 769px) {
  .block02 .no01 .st_img img:last-child {
    top: 16%;
    left: 64% !important;
  }
}
.block02 .no02 .st_img img:last-child {
  width: clamp(110px, 29.3333333333vw, 130px);
  top: 22%;
  left: 12%;
}
@media screen and (min-width: 769px) {
  .block02 .no02 .st_img img:last-child {
    left: 4% !important;
  }
}
.block02 li.fukidashi p {
  top: clamp(32px, 8.5333333333vw, 52px);
  top: 20%;
}

.block03 .no01 .st_img img:last-child {
  top: 63%;
  left: 7%;
  width: clamp(120px, 32vw, 152px);
}
@media screen and (min-width: 769px) {
  .block03 .no01 .st_img img:last-child {
    top: 56% !important;
    left: -3% !important;
  }
}
.block03 .no02 .st_img img:last-child {
  top: 23%;
  left: 57% !important;
  width: clamp(108px, 28.8vw, 140px);
}
.block03 li.fukidashi p {
  top: clamp(45px, 12vw, 64px);
  top: 25%;
}

.block04 .no01 .st_img img:last-child {
  top: 27%;
  left: 13%;
  width: clamp(110px, 29.3333333333vw, 130px);
}
@media screen and (min-width: 769px) {
  .block04 .no01 .st_img img:last-child {
    top: 16%;
    left: 8% !important;
  }
}
.block04 .no02 .st_img img:last-child {
  top: 25%;
  left: 59% !important;
  width: clamp(130px, 29.3333333333vw, 130px);
}
@media screen and (min-width: 769px) {
  .block04 li.fukidashi p {
    top: clamp(45px, 12vw, 68px);
    top: 25% !important;
  }
}

@media (min-width: 768px) {
  .block01 .no02 img:last-child {
    left: 27% !important;
  }
  .block02 .no02 img:first-child {
    left: 26% !important;
  }
  .block02 .no02 img:last-child {
    left: 26% !important;
  }
  .block03 .no01 img:last-child {
    left: 22% !important;
  }
  .block03 .no02 img:last-child {
    left: 56% !important;
  }
  .block04 .no01 img:last-child {
    left: 28% !important;
  }
  .block04 .no02 img:last-child {
    left: 58% !important;
  }
}
#page_top {
  width: 11%;
  position: fixed;
  bottom: 3%;
  right: 3%;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  #page_top {
    width: 4%;
    bottom: 5%;
  }
}

.fadeInUp {
  animation-name: fadeUpAnime;
  animation-duration: 2.1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.fadeInUP05 {
  animation-name: fadeUp05Anime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.box {
  opacity: 0;
}

.delay-time03 {
  animation-delay: 1s;
}

.delay-time05 {
  animation-delay: 1.5s;
}

.delay-time06 {
  animation-delay: 1.5s;
}

.delay-time09 {
  animation-delay: 2s;
}

.delay-time12 {
  animation-delay: 2.5s;
}

.delay-time15 {
  animation-delay: 2.9s;
}

.delay-time18 {
  animation-delay: 3.7s;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadein05 {
  opacity: 0;
  transition: all 1s;
}

.fadein05.scrollin {
  opacity: 1;
}

.fadeIn {
  opacity: 0;
  transition: 1s;
}

/* フェードイン(スクロールした後) */
.fadeIn.is-show {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes fadeInAnime01 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInUp01 {
  opacity: 0;
  transition: 1s;
  transform: translate(0, 30%);
}

/* フェードイン(スクロールした後) */
.fadeInUp01.is-show {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes fadeInAnime02 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*========= 流れるテキスト ===============*/
/*全共通*/
/*左から右テキストエフェクト*/
.leftAnime {
  opacity: 0;
  overflow: hidden;
  display: inline-block;
}

.leftAnimeInner {
  display: inline-block;
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */