@charset "UTF-8";
/* CSS Document */
main {
/*  background: linear-gradient(90deg, #04051F 15%, #1F0415 85%);*/
  background: #B00000;
  color: #fff;
}
header a:hover {
  color: #D0A900;
}
a:hover {
  opacity: 0.8;
}
.price-top {
  width: 100%;
  height: auto;
}
.price-top_discription h2 {
  font-size: 6.0rem;
  font-family: Georgia, 'Times New Roman', Times, 'serif';
}
.price-top_discription h2 span {
  font-size: 2.2rem;
  font-weight: 400;
}
.price-top h4 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 40px;
  margin-bottom: 20px;
}
.price-top h4 span {
  border: solid 2px #fff;
  border-radius: 10px;
  width: 220px;
  margin: 0 auto;
  padding: 6px;
}
.price-top ul {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 5%;
  margin-bottom: 10px;
  list-style-type: none;
  flex-wrap: wrap;
}
.price-top ul li {
  background-color: rgba(0, 0, 0, 0.06);
  width: 300px;
  margin: 0 20px;
  padding-top: 20px;
}
.price-top ul li img {
  width: 260px;
}

.price-image_logo {
  width: 200px;
  position: relative;
  display: flex;
  margin: 0 auto 40px;
  top: 30px;
}
.price-image {
  width: 30vw;
  position: relative;
  top: 60px;
  opacity: 0.4;
}
.price-top h2 {
  font-size: 4.4rem;
  margin-bottom: 14px;
  line-height: 36px;
}
.price-top h3 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: 600;
}
.price-top p {
  display: inline-block;
  margin: 20px auto 40px;
  font-size: 1.6rem;
  line-height: 30px;
  text-align: left;
  padding: 0 10px;
}
.price-top h5 {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
}
.section-contact-e_bb {
  display: flex;
  flex-direction:column;
  padding-bottom: 200px;
}
.section-contact-e_bb a {
  text-decoration: none;
}
.section-contact-e_bb p {
  font-family: "筑紫A丸ゴシック";
  font-size: 2.4rem;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
.section-contact-e_button {
}

/*
 BUTTON STYLING
*/

.section-contact-e_button {
  position: relative;
  outline: none;
  font-size: 2.6rem;
  font-weight: 600;
  color: #FFF;
  background-color: #D0A900;
  border-width: inherit;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  width: 400px;
  height: 60px;
  opacity: 1;
  margin: 0 auto;
}
.section-contact-e_button span{
      letter-spacing: 0.7px;
}
.section-contact-e_button:hover {
      animation: rotate 0.7s ease-in-out both;
}
.section-contact-e_button span:hover {
          animation: storm 0.7s ease-in-out both;
          animation-delay: 0.06s;
}
    
    
@keyframes rotate{ 0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
  }
  25%{
        transform: rotate(3deg) translate3d(0, 0, 0);
  }
  50%{
        transform: rotate(-3deg) translate3d(0, 0, 0);
  }
  75%{
        transform: rotate(1deg) translate3d(0, 0, 0);
  }
  100%{
        transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
  
@keyframes storm {
  0%{
        transform: translate3d( 0, 0, 0) translateZ(0);
  }
  25%{
        transform: translate3d( 4px, 0, 0) translateZ(0);
  }
  50%{
        transform: translate3d( -3px, 0, 0) translateZ(0);
  }
  75%{
        transform: translate3d( 2px, 0, 0) translateZ(0);
  }
  100%{
        transform: translate3d( 0, 0, 0) translateZ(0);
  }
}


.price-top_under {
  max-width: 980px;
  text-align: left;
  margin: 80px auto;
}
.price-top_under ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
  background-color: rgba(0, 0, 0, 0.06);
}
.price-top_under ul li {
  padding: 40px 60px;
}
.price-top_under h3 {
  font-size: 2.4rem;
  margin-bottom: 20px;
}
.price-top_under-omakase {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.price-top_under-omakase h2 {
  font-size: 3.6rem;
  line-height: 54px;
  font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.price-top_under p {
  font-size: 2.0rem;
  line-height: 40px;
}
.price-top_under img {
  width: 240px;
}

@media(max-width: 1145px) {
.price-top h1 {
  font-size: 3.0rem;
}
.price-top ul {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
}
.price-top ul li {
  margin: 0 auto;
  width: 60%;
}
.price-top h5 {
  margin: 20px auto 0;
  width: 60%;
}
}
@media(max-width: 680px) {
.price-top ul li {
  margin: 0 auto;
  width: 80%;
}
.price-top h5 {
  margin: 20px auto 0;
  width: 80%;
}
.price-top ul li img {
  width: 70%;
}
.price-top h2 {
  font-size: 3.6rem;
}
.price-top p {
  padding: 0 20px;
}
}
@media(max-width: 980px) {
.price-top_under ul {
  width: 80%;
  flex-direction: column;
  margin: 0 auto;
}
.price-top_under ul li {
  padding: 20px 40px;
}
.price-top_under p {
  font-size: 1.6rem;
  line-height: 40px;
}
.price-top_under-omakase {
  flex-direction: column-reverse;
}
.price-top_under-omakase img {
  margin: 0 auto;
}
.price-top_under-omakase h2 {
  margin-top: 40px;
  margin: 40px auto 0;
}
}
@media(max-width: 580px) {
.price-top_under-omakase img {
  width: 60%;
}
.price-top_under-omakase h2 {
  font-size: 3.0rem;
}
}
@media(max-width: 480px) {
.price-top_under-omakase img {
  width: 54%;
}
.price-top_under-omakase h2 {
  font-size: 2.0rem;
  line-height: 3.0rem;
}
}
@media(max-width: 340px) {
.price-top_under-omakase h2 {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
}
@media (max-width: 830px){
.section-contact-e_bb p {
  margin-top: 40px;
}
}
@media (max-width: 520px){
.section-contact-e_button {
  width: 80vw;
  margin: 0 auto;
}
}
@media (max-width: 420px){
.section-contact-e h2 {
  font-size: 2.6rem;
  margin-bottom: 60px;
}
.section-contact-e_bb p {
  font-size: 2.0rem;
}
.section-contact-e_button {
  font-size: 2.0rem;
}
}
@media (max-width: 330px){
.section-contact-e_button::before, .section-contact-e_button::after {
  display: none;
}
}


.price-subscription {
  padding: 200px 0 0;
  margin-top: -200px;
}
.price-subscription_discription h2 {
  font-size: 6.0rem;
}
.price-subscription_discription h2 span {
  font-size: 2.2rem;
  font-weight: 400;
}
.price-subscription h4 {
  color: #D0A900;
  font-size: 2.4rem;
  line-height: 40px;
  margin-bottom: 20px;
}
.price-subscription h4 span {
  border: solid 2px #D0A900;
  border-radius: 10px;
  width: 220px;
  margin: 0 auto;
  padding: 6px;
}
.price-subscription ul {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 5%;
  margin-bottom: 10px;
  list-style-type: none;
  flex-wrap: wrap;
}
.price-subscription ul li {
  width: 300px;
  margin: 0 20px;
  padding-top: 20px;
}
.price-subscription ul li img {
  width: 260px;
}

.price-image_logo {
  width: 200px;
  position: relative;
  display: flex;
  margin: 0 auto 40px;
  top: 30px;
}
.price-image {
  width: 30vw;
  position: relative;
  top: 60px;
  opacity: 0.4;
}
.price-subscription h2 {
  font-size: 4.4rem;
  margin-bottom: 14px;
  line-height: 32px;
}
.plan2 h2 span {
  font-size: 2.4rem;
}
.price-subscription h3 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: 600;
}
.price-subscription p {
  display: inline-block;
  margin: 20px auto 40px;
  font-size: 1.6rem;
  line-height: 30px;
  text-align: left;
  padding: 0 10px;
}
.price-subscription h5 {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
}
.price-subscription_under {
  max-width: 980px;
  text-align: left;
  margin: 80px auto;
}
.price-subscription_under ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
  background-color: rgba(0, 0, 0, 0.06);
}
.main-plan {
  background-color: rgba(0, 0, 0, 0.10);
}
.sub-plan {
  background-color: rgba(0, 0, 0, 0.06);
}
.price-subscription_under ul li {
  padding: 40px 60px;
}
.price-subscription_under h3 {
  font-size: 2.4rem;
  margin-bottom: 20px;
}
.price-subscription_under-omakase {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.price-subscription_under-omakase h2 {
  font-size: 3.6rem;
  line-height: 54px;
  font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.price-subscription_under p {
  font-size: 2.0rem;
  line-height: 40px;
}
.price-subscription_under img {
  width: 240px;
}
@media(max-width: 1145px) {
.price-subscription h1 {
  font-size: 3.0rem;
}
.price-subscription ul {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
}
.price-subscription ul li {
  margin: 0 auto 40px;
  width: 60%;
}
.price-subscription h5 {
  margin: 20px auto 0;
  width: 60%;
}
}
@media(max-width: 680px) {
.price-subscription ul li {
  width: 80%;
}
.price-subscription h5 {
  margin: 20px auto 0;
  width: 80%;
}
.price-subscription ul li img {
  width: 70%;
}
.price-subscription h2 {
  font-size: 3.6rem;
}
.price-subscription p {
  padding: 0 20px;
}
}
@media(max-width: 400px) {
.price-subscription h2 {
  font-size: 3.0rem;
}
}
@media(max-width: 340px) {
.price-subscription h2 {
  font-size: 2.6rem;
}
}
@media(max-width: 290px) {
.price-subscription h2 {
  font-size: 2.4rem;
}
}
@media(max-width: 980px) {
.price-subscription_under ul {
  width: 80%;
  flex-direction: column;
  margin: 0 auto;
}
.price-subscription_under ul li {
  padding: 20px 40px;
}
.price-subscription_under p {
  font-size: 1.6rem;
  line-height: 40px;
}
.price-subscription_under-omakase {
  flex-direction: column-reverse;
}
.price-subscription_under-omakase img {
  margin: 0 auto;
}
.price-subscription_under-omakase h2 {
  margin-top: 40px;
  margin: 40px auto 0;
}
}
@media(max-width: 580px) {
.price-subscription_under-omakase img {
  width: 60%;
}
.price-subscription_under-omakase h2 {
  font-size: 3.0rem;
}
}
@media(max-width: 480px) {
.price-subscription_under-omakase img {
  width: 54%;
}
.price-subscription_under-omakase h2 {
  font-size: 2.0rem;
  line-height: 3.0rem;
}
}
@media(max-width: 340px) {
.price-subscription_under-omakase h2 {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
}

.top-dis {
  display: flex;
  justify-content: center;
  margin-top: 120px;
}
.top-dis h2 {
  font-size: 3.6rem;
  line-height: 50px;
  font-weight: 400;
  margin-bottom: 40px;
}
.top-dis h2 span {
  font-size: 6.4rem;
  font-weight: 600;
}
@media (max-width: 520px){
  .top-dis {
    display: block;
}
}
@media (max-width: 400px){
  .top-dis h2 {
  font-size: 2.6rem;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 20px;
  }
  .top-dis h2 span {
  font-size: 4.2rem;
  font-weight: 600;
  }
}

.top-dislist ul {
}
.top-dislist li {
  background: #fff;
  border-radius: 30px;
  margin-bottom: 40px;
}
.top-dislist li p {
  color: #303030;
  text-align: center;
  margin-bottom: 20px;
}
.top-dislist li p span {
  color: #21d4fd;
  font-weight: 600;
}
.list-top {
  max-width: 260px;
}
.list-center {
  max-width: 149px;
}
.list-under {
  max-width: 216px;
}
.top-dis2 p {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 60px;
}
.top-dis2 p span {
  font-weight: 600;
  
  color: #D0A900;
}
.eachTextAnime span　{
  opacity: 0;
}
.eachTextAnime.appeartext span {
  animation: text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 660px){
.top-dis2 p {
  text-align: left;
  margin: 0 auto 60px;
  font-size: 1.6rem;
  line-height: 26px;
}
}
.top-menu {
  background-color: rgba(0, 0, 0, 0.10);
  padding: 60px 0 6px;
  margin-bottom: 80px;
}
.top-menu h2 {
  margin-bottom: 60px;
  line-height: normal;
}
.top-menu ul {
}
.top-menu ul li {
  background: #fff;
  color: #303030;
  margin-bottom: 40px;
}