@charset "utf-8";
/* CSS Document */
/*/////////////////共有プロパティ///////////////////*/
img,object,embed,video{max-width:100%;height:auto;}
header {
  position: fixed;
  z-index: 400;
  top: 30%;
  right: 20px;
}
.product_header, .map_header{position:fixed; z-index:1200; top:15%; right:20px;}

#g-nav{
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position:fixed;
  z-index: 333;
  /*ナビのスタート位置と形状*/
  top:0;
  right: -120%;
  width:600px;
  height: 100vh;/*ナビの高さ*/
  background:#fdfdfd;
  opacity: 80%;
  /*動き*/
  transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
  right: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 333; 
  width: 600px;
  height: 100vh;/*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 333;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav li{
list-style: none;
  text-align: center;
}

#g-nav li a{
font-size: 30px;
color: #333;
text-decoration: none;
padding:10px;
display: block;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: bold;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  background:#ffffff;
  cursor: pointer;
    width: 100px;
    height:100px;
  border-radius: 5px;
  z-index: 400;
  border: 3px solid #212121;
}

/*ボタン内側*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 4px;
    border-radius: 5px;
    background: #212121;
    width: 70%;
    z-index: 400;
  }


.openbtn1 span:nth-of-type(1) {
  top:15px; 
}

.openbtn1 span:nth-of-type(2) {
  top:30px;
}

.openbtn1 span:nth-of-type(3) {
  top:45px;
}

.openbtn1 span:nth-of-type(3)::after {
  content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top:10px;
  left:-2px;
  color: #212121;
  font-size: 1.4em;
  font-family:mamelon,sans-serif;
  text-transform: uppercase;
}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/

.openbtn1.active span:nth-of-type(1) {
    top: 22px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 60%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 36px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 60%;
}

.openbtn1.active span:nth-of-type(3)::after {
  content:"Close";/*3つ目の要素のafterにClose表示を指定*/
    transform: translateY(0) rotate(-45deg);
  top:20px;
  left:20px;
}
/*////////////////////////////////////////*/

/*/////////////①トップページ/////////////*/
/* ここから下がトップのメインビジュアル */
main {
  max-width: 1920px;
  margin: 0 auto;
}

.top_main_visual {
    width: 100vw;
    max-width: 1920px;
    height: 1150px;
    background-image: url(../img/24836785.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;/* はみ出た部分を隠しておく */
}

.main_visual_title {
    font-size: min(18.5vw , 360px);
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top:0;
    right: 0;
    left: 0;
    margin: -3vh auto 0;
    color: #ffdfff;
    text-align: center;
    text-shadow : 
    1px  1px 0px #212121,
   -1px  1px 0px #212121,
    1px -1px 0px #212121,
   -1px -1px 0px #212121,
    1px  0px 0px #212121,
    0px  1px 0px #212121,
   -1px  0px 0px #212121,
    0px -1px 0px #212121;  
}

.main_visual_subtitle {
    font-size: min(6vw , 115px);
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 17vw;
    left: 33vw;
    margin-top: -3vh;
    color: #ffdcdb;
    text-align: center;
    text-shadow : 
    1px  1px 0px #212121,
   -1px  1px 0px #212121,
    1px -1px 0px #212121,
   -1px -1px 0px #212121,
    1px  0px 0px #212121,
    0px  1px 0px #212121,
   -1px  0px 0px #212121,
    0px -1px 0px #212121;  
}

.main_visual_instax_contents {
    z-index: 20;
    width: 23vw;
    height: 30vw;
    max-width: 440px;
    max-height: 580px;
    border: solid 2px #212121;
    background-color: #fefefe;
}

.instax_1 {
    position: absolute;
    top: 23vh;
    right: 70%;
}

.instax_2 {
    position: absolute;
    top: 44vh;
    left: 37%;
}

.instax_3 {
    position: absolute;
    top: 17vh;
    left: 65%;
}

.top_main_visual_pin {
    margin: -60px 0 0 40px;
    text-align: center;
}

.top_instax_image {
    width: 21vw;
    height: 19vw;
    max-width: 400px;
    max-height: 360px;
    margin: 0 auto ;
    border: solid 2px #212121;
}

.top_instax_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top_instax_text {
  font-family: "tk-takumi-shokei-font", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: min(2vw , 40px);
  text-align: center;
  align-items: center;
  height: 3vw;
  margin-top: 2vw;
  rotate: -4deg;
  max-width: 435px;
}


.main_visual_instax_shadow {
    width: 23vw;
    height: 30vw;
    max-width: 440px;
    max-height: 580px;
    border: solid 2px #212121;
    background-color: #fefefe;
    z-index: 10;
}

.instax_1s {
    position: absolute;
    top: 23.5vh;
    right: 70%;
    margin: 30px -30px 0 0;
    background-color: #ffa5de;
}

.instax_2s {
    position: absolute;
    top: 44.5vh;
    left: 37%;
    margin: 30px 0 0 30px;
    background-color: #9dff96;
}

.instax_3s {
    position: absolute;
    top: 17.5vh;
    left: 65%;
    margin: 30px 0 0 30px;
    background-color: #94d0ff;
}

.top_main_visual_image{
  position: relative;
}

.top_bag_image {
  animation: fluffy 3s infinite;
}

@keyframes fluffy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}


.bag_img {
  position: absolute;
  z-index: 5;
  top: 800px;
  left: 5vw;
  rotate: 15deg;
}

.bag_img_shadow {
  position: absolute;
  z-index: 2;
  top: 800px;
  left: 5vw;
  rotate: 15deg;
  margin: 30px 0 0 30px;
}

.top_camera_image {
  animation: fluffy 3s infinite;
  animation-delay: 1.5s;
}

@keyframes fluffy {
  0%, 100% {
    transform: translateY(0);
  }
  49%, 51% {
    transform: translateY(-20px);
  }
}

.camera_img {
  position: absolute;
  z-index: 5;
  top: 800px;
  right: 5vw;
  rotate: -15deg;
}

.camera_img_shadow {
  position: absolute;
  z-index: 2;
  top: 800px;
  right: 5vw;
  rotate: -15deg;
  margin: 30px -30px 0 0;
}



/* ここから下が商品一覧 */
.top_item_list {
    z-index: 30;
    position: relative;
}

.top_itemlist_section {
    width: 100vw;
    height: 100vh;
  }
  
  .top_itemlist_container {
    display: flex;
    margin: 0 auto;
    width: 80%;
  }
  
  
  /* GSAP ScrollTriggerエリア */
  .top_side_scroll_section {
    background-image:url(../img/nagareta.png);
    background-size: cover;
    background-repeat: repeat-x;
    animation: loop 25s linear infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;/* はみ出た部分を隠しておく */
  }


@keyframes loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 1900px 0; /* 画像のマイナス幅 */
    }
}


.top_loop_text {
    width : 100vw;      /* 枠の大きさ */
    height: 5vh;
    border: solid 3px; /* 枠線 */
    padding: 3px;        /* 枠線の内側の余白 */
    overflow : hidden;
    top:0;
    z-index: 100;
    opacity: 1;
    background-color: #94d0ff;
}


.top_loop_text.show {
    position: fixed;
}

.top_loop_text.type2.show {
    top: 95vh;
}



  /* アニメーション（右から左に移動） */
  @keyframes scroll{
    0% { 
      transform: translateX(0)
    }
    100% {
      transform: translateX(-100%)
    }
  }

  .top_loop_text p{
    display : inline-block;  /* 必須 */
    padding-left: 100%;    /* 右端から文字をスタートさせるため */
    white-space : nowrap; /* 改行が起こらないように対策 */
    font-size: 4vh;
    color: #ffa5de;
    line-height : 5vh;         /* 行間（高さ）を1文字分にする */
    animation : scroll 30s linear infinite; /* 下のアニメーションを10秒かけて行い、それをくりかえす */
    font-family:sans-serif;
    font-weight: bold;
    text-shadow : 
    1px  1px 0px #212121,
   -1px  1px 0px #212121,
    1px -1px 0px #212121,
   -1px -1px 0px #212121,
    1px  0px 0px #212121,
    0px  1px 0px #212121,
   -1px  0px 0px #212121,
    0px -1px 0px #212121;  

  }
  


  .top_side_scroll_itemOuter {
    position: relative;
    height: 700px;
    width: 100%;
    
  }
  
  .top_side_scroll_itemInner {
    position: absolute;
    top: 15%;
    left: 0;
    display: flex;
    gap: 0 60px;
  }
  
  .top_side_scroll_item {
    margin-left: 80px;
    height: 100vh;
    width: 610px;
    position: relative;
  }

  .top_side_scroll_item:not(:first-child){
    margin-left: 400px;
  }

  .top_side_scroll_item:nth-child(2){
    margin-left: 0;
  }

  /* .top_kotei_nav{
    position: sticky;
    z-index: 300;
    top: 25%;
  } */


  .top_item_list_nav{
    width: 350px;
    height: 150px;
    border: 3px solid;
    border-radius: 10px;
    background-color: #fefefe;
    position: absolute;
    z-index: 100;
    top: 100px;
  }

.top_item_list_nav h1{
  font-size: 60px;
  text-align: center;
  line-height: 100px;
  color: #ffa5de;
  font-weight: bold;
  text-shadow : 
  3px  3px 0px #212121,
 -3px  3px 0px #212121,
  3px -3px 0px #212121,
 -3px -3px 0px #212121,
  3px  0px 0px #212121,
  0px  3px 0px #212121,
 -3px  0px 0px #212121,
  0px -3px 0px #212121;  
  margin: 20px 20px 0;
}

.top_item_list_nav_shadow{
  width: 350px;
  height: 150px;
  border: 3px solid;
  border-radius: 10px;
  margin: 30px 0 0 30px;
  top:100px;
  position: absolute;
  z-index: 50;
  background-color: #94d0ff;
}

.top_item_list_nav_item {
  margin: 3vh;
  height: 100%;
}

.top_item_list_nav_contents{
  height: 7vh;
}
.top_item_list_nav a {
  text-align: center;
  display:flex;
  flex-flow: column;
  justify-content:space-between;

}

.top_item_list_nav h2 {
  font-size: 36px;
  font-weight: bolder;
}

.top_side_scroll_item1{
  rotate: -5deg;
}

.top_item_list_description{
  width: 500px;
  height: 500px;
  border: 3px solid;
  border-radius: 5px;
  margin: -30px 0 0 -30px;
  background-color: #fefefe;
  position: absolute;
  z-index: 100;
}

.top_description_contents{
  width: 380px; 
  padding: 20px;
}

.top_description_contents h2{
  font-size: 36px;
  font-family:vdl-logogpop-shadow,sans-serif;
  padding: 0 10px 10px;
} 

.top_description_contents h4{
  font-size: 22px;
  font-family:mamelon,sans-serif;
  padding: 20px 10px;
}

.top_description_contents h3{
  font-size: 32px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border: 3px solid #212121;
  padding: 10px;
  text-align: center;
  line-height: 32px;
  border-radius: 10px;
  margin-top: 20px;
  background-color: #ffffff;
}

.top_description_contents h3:hover{
  background-color: #ff816a;
}

.top_item_list_description img {
  margin: -50px 0 0 220px;
}

.top_item_list_description_shadow{
  width: 500px;
  height: 500px;
  border: 3px solid;
  border-radius: 5px;
  position: absolute;
  z-index: 50;
}

.top_shadow1 {
  background-color: #fffba5;
}
.top_shadow2 {
  background-color: #ffa5b9;
}
.top_shadow3 {
  background-color: #94d0ff;
}
.top_shadow4 {
  background-color: #9dff96;
}
.top_shadow5 {
  background-color: #e9a5ff;
}


.top_side_scroll_item2 img{
  z-index: 200;
  position: absolute;
  height: 700px;
  object-fit: cover;
  margin: -100px 320px;
  rotate: 10deg;
  animation:katakata 6s infinite ease-in-out alternate;
}

@keyframes katakata {
  0% {transform:translate(0, 0) rotate(0deg);}
  21% {transform:translate(0, 0) rotate(0deg);}
 
  22% {transform:translate(0, 0) rotate(-3deg);}
  23% {transform:translate(0, -1px) rotate(0deg);}
  24% {transform:translate(0, -1px) rotate(3deg);}
 
  25% {transform:translate(1px, 0) rotate(-2deg);}
  26% {transform:translate(0, 1px) rotate(0deg);}
  27% {transform:translate(0, 0) rotate(3deg);}
 
  28% {transform:translate(0, 0) rotate(0deg);}
  100% {transform:translate(0, 0) rotate(0deg);}
}



/* ここから下が各リンク一覧に続く */
.top_link_list{
  display: flex;
  position: relative;
  background-image: url(../img/25069614.jpg);
}

.top_link_list_sidebar {
  width: 40%;
}


.top_sticky_nav{
  position: sticky;
  top: 20vh;
  margin: 20vh  1vw 20vh auto;
  width: 430px;
  height: calc(60vh + 30px);
}

.top_link_list_nav{
  width: 400px;
  height: 60vh;
  border: 3px solid;
  border-radius: 10px;
  background-color: #fefefe;
  z-index: 100;
  position: absolute;
}

.top_link_list_nav_shadow{
  width: 400px;
  height: 60vh;
  border: 3px solid;
  border-radius: 10px;
  background-color: #ffacac;
  z-index: 0;
  position: absolute;
  margin: 30px 0 0 30px;
}

.top_link_list_nav h1{
  font-size: 60px;
  color: #ffa5de;
  font-weight: bold;
  text-shadow : 
  3px  3px 0px #212121,
 -3px  3px 0px #212121,
  3px -3px 0px #212121,
 -3px -3px 0px #212121,
  3px  0px 0px #212121,
  0px  3px 0px #212121,
 -3px  0px 0px #212121,
  0px -3px 0px #212121;  
  margin: 20px 20px 0;
}


.top_link_list_nav_item {
  text-align: center;
}

.top_link_list_nav_item h2{
  font-size: 24px;
  height: 10vh;
}

.top_link_list_nav_contents:first-child{
  margin-top: 6vh;
}


.top_link_list_item {
  width: 60%;
}

.top_link_list_item h5{
  font-size: 18px;
}

.style2 h5{
  margin: 20px 10px;
}

.style2 h4{
  font-size: 21px;
  margin: 40px 20px;
  text-decoration: underline;
}

.style2 h3{
  font-size: 21px;
  margin: 40px 50px;
  text-align: center;
}

.conversion_button {
  border: 2px solid #212121;
  box-shadow: 0 0 40px 40px #ff816a inset, 0 0 0 0 #ff816a;
  padding: 20px 10px;
  border-radius: 15px;
}

.conversion_button:hover{
  box-shadow: 0 0 10px 0 #ff816a inset, 0 0 10px 4px #ff816a;
  border: 2px solid #ff816a;
  color: #ff816a;

}

.top_ask_access{
  padding-top: 50px;
}
.top_ask_news{
  padding-top: 50px;
}
.top_ask_ticket{
  padding-top: 50px;
}
.top_ask_support{
  padding-top: 50px;
  padding-bottom: 100px;
}

.top_talk_style{
  width: 80%;
  border: 3px solid #212121;
  margin: 0 auto 0 1vw;
  background-color: #fffba5;
}

.top_ask_message {
  border: 3px solid #212121;
  border-radius: 15px;
  width: fit-content;
  max-width: 70%;
  margin: 2vw auto 2vw 2vw;
  padding: 2%;
  background-color: white;
}

.top_answer_message {
  border: 3px solid #212121;
  border-radius: 15px;
  width: fit-content;
  max-width: 70%;
  margin: 2vw 2vw 2vw auto;
  padding: 2%;
  background-color: white;
}

.top_answer_message img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border: 3px solid #212121;
}


/* ここから下がSNS */
.top_sns {
  height: calc(770px + 20vh);
  display: flex;
  position: relative;
  border-top: 3px solid #212121;
  background-image: url(../img/syutyu282.png);
  background-size: cover;
  background-attachment: fixed;
}

.top_sns_sidemenu{
  width: 50vw;
}


.top_sns_list{
  margin-top: 10vh;
  position: relative;
  height: 50%;
}
.top_sns_list_box{
  width: 37vw;
  max-width: 400px;
  height: 500px;
  border: 3px solid;
  border-radius: 10px;
  right: 6vw;
  background-color: #fefefe;
  position: absolute;
  z-index: 100;
}

.top_sns_list_nav_shadow{
  width: 37vw;
  max-width: 400px;
  height: 500px;
  border: 3px solid;
  border-radius: 10px;
  position: absolute;
  right: 6vw;
  margin: 30px -30px 0 0;
  z-index: 50;
  background-color: #9dff96;
}

.top_sns_list_box h1{
  font-size: 60px;
  color: #ffa5de;
  font-weight: bold;
  text-shadow : 
  3px  3px 0px #212121,
 -3px  3px 0px #212121,
  3px -3px 0px #212121,
 -3px -3px 0px #212121,
  3px  0px 0px #212121,
  0px  3px 0px #212121,
 -3px  0px 0px #212121,
  0px -3px 0px #212121;  
  margin: 20px 20px 0;
}

.top_instagram_link{
  padding: 10px;
}

.top_instagram_link h4{
  font-size: 20px;
  font-weight: bold;
  margin: 10px 20px;
}

.top_instagram_link p {
  margin: 10px;
}

.top_x_link{
  padding: 10px;
}

.top_x_link h4{
  font-size: 20px;
  font-weight: bold;
  margin: 10px 20px;
}

.top_x_link p {
  margin: 10px;
}

.sns_link_button{
  border: 3px solid #212121;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  border: 3px solid #212121;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  border-radius: 10px;
  margin: 20px 30px 10px;
  background-color: #ffffff;
}

.button_type_insta:hover{
  background: linear-gradient(to right,
  rgba(247, 207, 0, 0.7),
  rgba(246, 37, 2, 0.7) 45%,
  rgba(182, 47, 82, 0.7) 75%,
  rgba(113, 58, 166, 0.7));
  color: #fff;
}
.button_type_x:hover{
  background-color: #212121;
  color: white;
}


.top_sns_1message {
  position: relative;
}

.top_sns_1message_box{
  width: 30vw;
  max-width: 350px;
  height: 200px;
  border: 3px solid;
  border-radius: 10px;
  right: 7vw;
  background-color: #fefefe;
  position: absolute;
  z-index: 100;
  top:100px;
}

.top_sns_1message_shadow{
  width: 30vw;
  max-width: 350px;
  height: 200px;
  border: 3px solid;
  border-radius: 10px;
  position: absolute;
  right: 7vw;
  margin: 30px -30px 0 0;
  z-index: 50;
  background-color: #9dff96;
  top: 100px;
}

.top_sns_1message_box{
    font-family: "tk-takumi-shokei-font", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

.top_sns_1message_box h5{
  font-size: 30px;
  margin: 50px 0 20px;
  rotate: -5deg;
}

.top_sns_1message_box p{
  font-size: 20px;
  margin: 20px 0;
  rotate: -5deg;
}

.top_sns_model{
  width: 60vw;
  position: relative;
}

.top_sns_model_box{
  width: 40vw;
  max-width: 768px;
  height: 800px;
  border: 3px solid;
  border-radius: 10px;
  top:10vh;
  left: 1vw;
  background-color: #fefefe;
  position: absolute;
  z-index: 100;
}

.top_sns_model_shadow{
  width: 40vw;
  max-width: 768px;
  height: 800px;
  border: 3px solid;
  border-radius: 10px;
  position: absolute;
  top:10vh;
  left: 1vw;
  margin: 30px 0 0 30px;
  z-index: 50;
  background-color: #94d0ff;
}

.twitter-timeline {
  width: 42vw;
  height: 80vh;
}





/* プライバシーポリシー */

.policy_style {
  width: 100%;
  background-image: url(../img/24836785.png);
  background-size: cover;
  background-attachment: fixed;
}

.privacy_policy{
  padding: 100px;
}

.policy_title {
  width: fit-content;
  border: 3px solid #212121;
  border-radius: 15px;
  padding: 20px 40px;
  margin: 0 auto;
  background-color: white;
  z-index: 150;
  position: relative;
}

.policy_title h1{
    font-size: 36px;
    font-weight: bold;
}

.policy_item{
  width: min(80vw , 1200px);
  margin: -30px auto 0;
  padding: 50px;
  border: 3px solid #212121;
  border-radius: 15px;
  background-color: white;
  z-index: 50;
}

.policy_logo{
  margin: 0 auto;
  width: 400px;
  padding: 60px 0;
}

.policy_border{ 
  padding: 40px;
}

.policy_text{
  padding: 0 5vw 60px;
}

.policy_text h2 {
  font-size: 24px;
  font-weight: bold;
  padding: 40px 20px;
}

.policy_text p {
  font-size: 18px;
  padding-bottom: 60px;
  line-height: 2em;
}















/* ここからレスポンシブ設定 */
@media screen and (max-width: 1000px) {

  header {
    position: fixed;
    z-index: 400;
    top: 20vw;
    right: 20px;
  }

  #g-nav{
    width:100%;
    height: 100vh;/*ナビの高さ*/
    background:#fdfdfd;
    opacity: 80%;
    /*動き*/
    transition: all 0.6s;
  }
  
  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    width: 100%;
  }  
  

  /* トップページのレスポンシブ設定 */

  .top_main_visual {
    background-image: url(../img/24836785type2.png);
}

  .top_main_visual_title{
    position: static;
  }
  .main_visual_title {
    position:static;
    margin-top: 10px;
}

.main_visual_subtitle {
  position: static;
}

.top_main_visual_contents{
  position: relative;
  width: 70vw;
  max-width: 510px;
  margin: 50px auto 0;
}

.instax_box{
  margin: 0 auto;
  justify-content: center;
  width: 70vw;
  animation: image-switch-animation 15s infinite;
  opacity: 0;
  z-index: 200;
  position: absolute;
}

@keyframes image-switch-animation {
  0%{ opacity: 0;}
  3%{ opacity: 1;}
  30%{ opacity: 1;}
  33%{ opacity: 0;}
  100%{ opacity: 0;}
}

.instax_box:nth-child(1){
  animation-delay: 0s;
}
.instax_box:nth-child(2){
  animation-delay: 5s;
}
.instax_box:nth-child(3){
  animation-delay: 10s;
}


.main_visual_instax_contents {
  width: 60vw;
  height: 70vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.top_instax_image {
  width: 55vw;
  height: 40vw;
  margin-top: 1vw;
}


.top_instax_text {
font-size: min(4vw , 40px);
margin-top: 5vw;
}


.main_visual_instax_shadow {
  width: 60vw;
  height: 70vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 30px 0 0 30px;
}
.top_main_visual_image{
  position: relative;
}

.bag_img {
  position: absolute;
  z-index: 5;
  top: 330px;
  left: -70px;
  rotate: 15deg;
}

.bag_img_shadow {
  position: absolute;
  z-index: 2;
  top: 330px;
  left: -70px;
  rotate: 15deg;
  margin: 30px 0 0 30px;
}

.camera_img {
  position: absolute;
  z-index: 5;
  top: 350px;
  right: -70px;
  rotate: -15deg;
}

.camera_img_shadow {
  position: absolute;
  z-index: 2;
  top: 350px;
  right: -70px;
  rotate: -15deg;
  margin: 30px -30px 0 0;
}











/* ここから下がリンク一覧のレスポンシブ設定 */
.top_link_list{
  display: block;
  position: relative;
  background-image: url(../img/25069614.jpg);
}

.top_link_list_sidebar {
  width: 100%;
  display: none;
}


.top_sticky_nav{
  position: static;
  width: 430px;
  height: 450px;
  padding-top: 100px;
  margin: 0 auto;
}

.top_link_list_nav{
  width: 400px;
  height: 320px;
  border: 3px solid;
  border-radius: 10px;
  background-color: #fefefe;
  z-index: 100;
  position: absolute;
}

.top_link_list_nav_shadow{
  width: 400px;
  height: 320px;
  border: 3px solid;
  border-radius: 10px;
  background-color: #ffacac;
  z-index: 0;
  position: absolute;
  margin: 30px 0 0 30px;
}

.top_link_list_nav h1{
  font-size: 60px;
  color: #ffa5de;
  margin: 20px 20px 0;
}

.top_link_list_nav_item h2{
  font-size: 24px;
  height: 24px;
  margin-top: 20px;
}

.top_link_list_nav_contents:first-child{
  margin-top: 20px;
}


.top_link_list_item {
  width: 100%;
}

.top_link_list_item h5{
  font-size: 18px;
}

.style2 h5{
  margin: 20px 10px;
}

.style2 h4{
  font-size: 21px;
  margin: 40px 20px;
  text-decoration: underline;
}

.style2 h3{
  font-size: 21px;
  margin: 40px 50px;
  text-align: center;
}

.top_ask_access{
  padding-top: 50px;
}
.top_ask_news{
  padding-top: 50px;
}
.top_ask_ticket{
  padding-top: 50px;
}
.top_ask_support{
  padding-top: 50px;
  padding-bottom: 100px;
}

.top_talk_style{
  width: 80%;
  border: 3px solid #212121;
  margin: 0 auto ;
  background-color: #fffba5;
}

.top_ask_message {
  border: 3px solid #212121;
  border-radius: 15px;
  width: fit-content;
  max-width: 70%;
  margin: 2vw auto 2vw 2vw;
  padding: 2%;
  background-color: white;
}

.top_answer_message {
  border: 3px solid #212121;
  border-radius: 15px;
  width: fit-content;
  max-width: 70%;
  margin: 2vw 2vw 2vw auto;
  padding: 2%;
  background-color: white;
}

.top_answer_message img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border: 3px solid #212121;
}




/* ここから下がSNSの */
.top_sns {
  height: 2000px;
  display: block;
  position: relative;
  background-image: url(../img/syutyu282type2.png);
  background-position: 50% 50%;
}

.top_sns_sidemenu{
  width: 100%;
}

.top_sns_list{
  position: relative;
  width: 350px;
  height: 450px;
  padding-top: 100px;
  margin: 0 auto;
}

.top_sns_list_box{
  width: max(350px , 70vw);
  right: 0;
}

.top_sns_list_nav_shadow{
  width: max(350px , 70vw);
  right: 0;
}

.top_sns_1message {
  position: relative;
  width: 370px;
  height: 250px;
  margin: 130px auto 0;
}

.top_sns_1message_box{
  width: 340px;
  left: 0;
}

.top_sns_1message_shadow{
  width: 340px;
  left: 0;
  margin-left: 30px;
}

.top_sns_1message_box{
    font-family: "tk-takumi-shokei-font", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

.top_sns_1message_box h5{
  font-size: 30px;
  margin: 50px 0 20px;
  rotate: -5deg;
}

.top_sns_1message_box p{
  font-size: 20px;
  margin: 20px 0;
  rotate: -5deg;
}

.top_sns_model{
  width: 510px;
  position: relative;
  margin: 80px auto 0;
}

.top_sns_model_box{
  width: 480px;
  height: 800px;
}

.top_sns_model_shadow{
  width: 480px;
  height: 800px;
}

.twitter-timeline {
  width: 480px;
  height: 800px;
}

}

/*///////////////////////////////////////*/

/*/////////////②商品詳細ページ////////////*/
/* トップ・ボトムバナー */
.product_main{max-width:1920px; max-height:1080px; width:100%; min-height:800px;}
/* ページ背景 */
.product_back{overflow:hidden; background-color:#FFF; width:100%; height:80%; background-image:url("./../img/memphis_design.png"); background-size:cover; background-repeat:no-repeat; background-position:center;}
/* トップ・ボトムバナー */
.product_top_banner{height:4.63vh; width:100%; background-color:#96d3dd; border-bottom:2px solid #343434;}
.product_bottom_banner{height:4.63vh; width:100%; background-color:#96d3dd; border-top:2px solid #343434;}
.product_banner_content{display:inline-block; color:#343434; padding-left:100%; white-space:nowrap; animation:product_animate_banner 20s linear infinite;
  p{font-size:1.5vw; line-height:4vh; font-family:vdl-logogpop-shadow,sans-serif; color:#FFF; text-shadow:1px 1px 2px #343434;}
  .product_banner_space{margin-left:4%;}
}
.product_banner_content > *{display:inline-block;}
@keyframes product_animate_banner{0%{transform:translateX(0)} 100%{transform:translateX(-100%);}}
.product_pattern{width:100%; 
  .product_pattern_top{width:100%; display:flex;
    .product_back_logo{width:15%; height:10%; position:relative; z-index:1000; margin-top:1%; margin-left:1%;}
    .product_area{width:15%; max-height:50px; height:100%; position:relative; z-index:1000; border:1px solid #343434;
      border-radius:5px; font-family:mamelon,sans-serif; font-size:1.46vw; margin-top:6%; margin-left:1%; text-align:left; padding:3px;
      select{appearance:auto;}
      .box1 input[type="text"], .box1 input[type="tel"], .box1 input[type="email"], .box1 input[type="search"], .box1 input[type="password"], .box1 input[type="url"], .box1 input[type="number"], .box1 select, .box1 textarea {
        padding:0; border:none; border-radius:5px; outline:none; background:none; background-color:rgba(0, 0, 0, 0); border:1px solid #D9D9D9;
      }
    }
    .product_back_pattern01{width:50vw; height:25vw; background-color:#f5b82a; clip-path:polygon(100% 0, 0 0, 100% 100%); margin-left:30%; opacity:0.9; background-image:url(./../img/back_deco01.png);}
  }
}
.product_back_pattern02{width:50vw; height:25vw; background-color:#a5ce65; clip-path:polygon(100% 100%, 0 0, 0 100%); margin-right:50%; opacity:0.9; background-image:url(./../img/back_deco02.png);}

/* スライダー設定 */
/* swiper cube */
#product_cube{position:absolute; z-index:600; top:0; left:5%;
  .swiper-button-prev, .swiper-button-next{position:absolute; top:25vw; z-index:700;}
}
/* スライダーの幅と高さを調整 */
.swiper{width:90%; height:90vh; margin:1rem auto;}
/* スライド要素の幅と高さを調整 */
.swiper-slide{width:100%; padding-right:20%; display:flex; justify-content:center; align-items:center; color:#fff; font-weight:bold;}
.product_name{position:relative; top:13vw; left:35%; z-index:1000;
  .product_stripe_marker{background-image:repeating-linear-gradient(-45deg, #fcf69f 0, #fcf69f 2px, transparent 2px, transparent 4px); background-repeat:no-repeat; background-position:left bottom; background-size:100% 0.5em;}
  h2{font-family:priori-acute-serif,sans-serif; font-size:28px; color:#343434;}
}

/* 紹介文＆枠 */
.product_text_box{position:absolute; z-index:700; width:20%; height:15vw; top:10%; left:70%;
.product_text_shadow_box{position:relative; z-index:700; min-width:200px; width:100%; min-height:200px; height:15vw; background-color:#343434;
  clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
  .product_text_box{position:relative; z-index:800; min-width:198px; width:98%; min-height:196px; height:97%; top:1.75%; left:1%; background-color:#FFFCDC;
    clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
    /* clip-path:polygon(calc(49%-5px) 24%, calc(91%-5px) 29%, calc(100%-5px) 59%, calc(96%-5px) 87%, calc(54%-5px) 96%, calc(9%-5px) 89%, calc(0-5px) 59%, calc(6%-5px) 30%); */
    p{width:80%; line-height:160%; top:32%; left:10%; position:absolute; z-index:900; font-size:clamp(12px, 0.9vw, 18px); color:#343434;}
  }
}
.product_shop_shadow_box{margin-top:-5%; position:relative; z-index:700; min-width:200px; width:100%; min-height:100px; height:10vw; background-color:#343434;
  clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
  .product_shop_box{position:relative; z-index:800; min-width:198px; width:98%; height:97%; top:1.75%; left:1%; background-color:#FFFCDC;
    clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
    /* clip-path:polygon(calc(49%-5px) 24%, calc(91%-5px) 29%, calc(100%-5px) 59%, calc(96%-5px) 87%, calc(54%-5px) 96%, calc(9%-5px) 89%, calc(0-5px) 59%, calc(6%-5px) 30%); */
    p{width:80%; line-height:160%; top:40%; left:8%; position:absolute; z-index:900; font-size:clamp(14px, 0.9vw, 20px); color:#343434; a{font-size:clamp(12px, 0.9vw, 18px); color:#2137ff;}}
  }
}
}
.container{margin:0px auto 0; max-width:1000px; width:100%;}
.container img{width:100%; border-radius:20px; background-color:#34343402;}
.slick-img img{width:80%; margin:0 auto; margin-top:20%;}
.slider{width:90%;}

/* slickスライダー設定 */
.slide {width:90%; margin:0 auto;}
.slide img {width:60vw;}
.slide .slick-slide {transform:scale(0.8); transition:all .5s; opacity:0.5;}
.slide .slick-slide.slick-center{transform:scale(1); opacity:1;}

/* 矢印の設定 */
.slick-prev, .slick-next{position:absolute; top:84%; cursor:pointer; outline:none; border-top:2px solid #666; border-right:2px solid #666; height:15px; width:15px;}
.slick-prev{left: -1.5%; transform: rotate(-135deg);}
.slick-next{right: -1.5%; transform: rotate(45deg);}

/* ドットナビゲーション設定 */
.slick-dots {text-align:center; margin:20px 0 0 0;}
.slick-dots li{display:inline-block; margin:0 5px;}
.slick-dots button{color:transparent; outline:none; width:8px; height:8px; display:block; border-radius:50%; background:#ccc;}
.slick-dots .slick-active button{background:#333;}

/* サムネの設定 */
.thumbnail{width:45%; left:80%; top:-12.5vh;
  .thumbnail-img{background-color:#FFFCDC11; border-radius:5px; :hover{opacity:0.8;}}
}

/* /////////////////////////////////////// */
/* メディアクエリー、ブレイクポイント:960px */
@media only screen and (max-width:1020px){
  .product_header{position:fixed; z-index:1200; top:4.7vh; right:10px;}
  /* トップ・ボトムバナー */
  .product_top_banner{height:4.63vh; width:100%; background-color:#96d3dd; border-bottom:2px solid #343434;}
  .product_bottom_banner{height:4.63vh; width:100%; background-color:#96d3dd; border-top:2px solid #343434;}
  .product_banner_content{display:inline-block; color:#343434; padding-left:100%; white-space:nowrap; animation:product_animate_banner 20s linear infinite;
    p{font-size:1.5vw; line-height:4vh; font-family:vdl-logogpop-shadow,sans-serif; color:#FFF; text-shadow:1px 1px 2px #343434;}
    .product_banner_space{margin-left:4%;}
  }
  .product_banner_content > *{display:inline-block;}
  @keyframes product_animate_banner{0%{transform:translateX(0)} 100%{transform:translateX(-100%);}}

  .product_pattern{width:100%; 
    .product_pattern_top{width:100%; display:block;
      .product_back_logo{width:15%; height:10%; margin-top:1%; margin-left:1%;}
      .product_area{width:16.5%; max-height:50px; height:100%; top:-5vw; position:relative; z-index:1000; border:1px solid #343434;
        border-radius:5px; font-family:mamelon,sans-serif; font-size:1.46vw; margin-top:6%; margin-left:1%; text-align:left; padding:3px;
        select{appearance:auto;}
        .box1 input[type="text"], .box1 input[type="tel"], .box1 input[type="email"], .box1 input[type="search"], .box1 input[type="password"], .box1 input[type="url"], .box1 input[type="number"], .box1 select, .box1 textarea {
          padding:0; border:none; border-radius:5px; outline:none; background:none; background-color:rgba(0, 0, 0, 0); border:1px solid #D9D9D9;
        }
      }
      .product_back_pattern01{position:absolute;left:20%; top:4.63vh; width:50vw; height:25vw; background-color:#f5b82a; clip-path:polygon(100% 0, 0 0, 100% 100%); margin-left:30%; opacity:0.9; background-image:url(./../img/back_deco01.png);}
    }
  }
  .product_back_pattern02{width:50vw; height:25vw; background-color:#a5ce65; clip-path:polygon(100% 100%, 0 0, 0 100%); margin-right:50%; opacity:0.9; background-image:url(./../img/back_deco02.png);}
  
  /* スライダー設定 */
  /* swiper cube */
  #product_cube{position:absolute; z-index:600; top:0; left:5%;
    .swiper-button-prev, .swiper-button-next{position:absolute; top:25vw; z-index:700;}
  }
  /* スライダーの幅と高さを調整 */
  .swiper{width:90%; height:70vh; margin:1rem auto;}
  /* スライド要素の幅と高さを調整 */
  .swiper-slide{width:100%; padding-right:20%; top:2vw; display:flex; justify-content:center; align-items:center; color:#fff; font-weight:bold;}
  .product_name{position:relative; top:15vw; left:35%; z-index:1000;
    .product_stripe_marker{background-image:repeating-linear-gradient(-45deg, #fcf69f 0, #fcf69f 2px, transparent 2px, transparent 4px); background-repeat:no-repeat; background-position:left bottom; background-size:100% 0.5em;}
    h2{font-family:priori-acute-serif,sans-serif; font-size:18px; color:#343434;}
  }
  
  /* 紹介文＆枠 */
  .product_text_box{position:absolute; z-index:700; width:20%; height:20vw; top:5%; left:60%;
  .product_text_shadow_box{position:relative; z-index:700; min-width:200px; width:100%; min-height:200px; height:15vw; background-color:#343434;
    clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
    .product_text_box{position:relative; z-index:800; min-width:198px; width:98%; min-height:196px; height:97%; top:1.75%; left:1%; background-color:#FFFCDC;
      clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
      /* clip-path:polygon(calc(49%-5px) 24%, calc(91%-5px) 29%, calc(100%-5px) 59%, calc(96%-5px) 87%, calc(54%-5px) 96%, calc(9%-5px) 89%, calc(0-5px) 59%, calc(6%-5px) 30%); */
      p{width:80%; line-height:160%; top:32%; left:10%; position:absolute; z-index:900; font-size:clamp(12px, 0.9vw, 18px); color:#343434;}
    }
  }
  .product_shop_shadow_box{margin-top:-5%; position:relative; z-index:700; min-width:200px; width:100%; min-height:100px; height:10vw; background-color:#343434;
    clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
    .product_shop_box{position:relative; z-index:800; min-width:198px; width:98%; height:97%; top:1.75%; left:1%; background-color:#FFFCDC;
      clip-path:polygon(49% 24%, 91% 29%, 100% 59%, 96% 87%, 54% 96%, 9% 89%, 0 59%, 6% 30%);
      /* clip-path:polygon(calc(49%-5px) 24%, calc(91%-5px) 29%, calc(100%-5px) 59%, calc(96%-5px) 87%, calc(54%-5px) 96%, calc(9%-5px) 89%, calc(0-5px) 59%, calc(6%-5px) 30%); */
      p{width:80%; line-height:160%; top:40%; left:8%; position:absolute; z-index:900; font-size:clamp(14px, 0.9vw, 20px); color:#343434; a{font-size:clamp(12px, 0.9vw, 18px); color:#2137ff;}}
    }
  }
  }
  .container{margin:0px auto 0; max-width:1000px; width:100%;}
  .container img{width:100%; border-radius:20px; background-color:#34343402;}
  .slick-img img{width:60%; margin:0 auto; margin-top:20%;}
  .slider{width:90%;}
  
  /* slickスライダー設定 */
  .slide {width:90%; margin:0 auto;}
  .slide img {width:50vw;}
  .slide .slick-slide {transform:scale(0.8); transition:all .5s; opacity:0.5;}
  .slide .slick-slide.slick-center{transform:scale(1); opacity:1;}
  
  /* 矢印の設定 */
  .slick-prev, .slick-next{position:relative; top:90vh; cursor:pointer; outline:none; border-top:2px solid #666; border-right:2px solid #666; height:15px; width:15px;}
  .slick-prev{left: -1.5%; transform: rotate(-135deg);}
  .slick-next{right: -1.5%; transform: rotate(45deg);}
  
  /* ドットナビゲーション設定 */
  .slick-dots {text-align:center; margin:20px 0 0 0;}
  .slick-dots li{display:inline-block; margin:0 5px;}
  .slick-dots button{color:transparent; outline:none; width:8px; height:8px; display:block; border-radius:50%; background:#ccc;}
  .slick-dots .slick-active button{background:#333;}
  
  /* サムネの設定 */
  .thumbnail{width:40%; left:25%; top:-1vh;
    .thumbnail-img{background-color:#FFFCDC11; border-radius:5px; :hover{opacity:0.8;}}
  }
}
/*///////////////////////////////////////*/

/*/////////////③ニュースページ////////////*/
.news_header{
    border:0px solid #000000;
    background-color:#ffffff;
    width:100%;
    height:130px;
    display:flex;
}

.news_header_rogo{
    border:0px solid #000000;
    width:200px;
    height:100px;
    margin:10px;
}

.news_box_title{
    border:0px solid #000000;
    width:220px;
    height:100px;
    margin-top:30px;
}

.news_title_h1{
    font-size:80px;
    color:#888888;
}

.news_title_h2{
    font-size:30px;
    color:#888888;
    padding:50px;
}

.today{
    font-size:12px;
    margin-top:-10px;
}

.news_box_date{
    border:0px solid #000000;
    Background-color:#ffffff;
    width:850px;
    height:60px;
    margin:50px 0 0 100px;
}

.news_text_date{
    font-size:30px;
    font-family:"MS P明朝",serif;
    font-weight:bold;
    line-height:30px;
    color:#99d5f5;
}

.news_neon{
    border:3px solid #ffff7f;
    width:100%;
    margin-bottom:5px;
}


.news_background_pk{
    background-image:url(../img/flame02.png);
    background-size:cover;
    background-color:#ffe0ef;
    width:100%;
    padding-top:10px;
}


.latestnews_yl{
    background-color:#ffffc1;
    width:1200px;
    margin:0 auto;
    display:flex;
}

.ln_left{
   	border:0px solid #000000;
    width:600px;
	padding-top:30px;
}

.ln_box_article{
    border:2px solid #888888;
    background-color:#fafafa;
    width:560px;
    margin-left:30px;
    padding:30px 30px 10px 30px;
}

.ln_text{
    font-size:12px;
}

.ln_underline{
    border:2px solid #c0caca;
    width:500px;
    margin-bottom:20px;
}

.ln_scroll{
    border:0px solid #ffeff7;
    width:50px;
    margin:10px 0 0 270px;
}

.ln_right{
   	border:0px solid #000000;
   	width:600px;
	padding:10px;
}

.cushion{
    border:0px solid #000000;
    background-color:#ffffea;
    width:1200px;
    height:100px;
    margin:0 auto;
}

.news_box_y1{
    background-color:#ffffea;
    width:1200px;
    margin:0 auto;
    padding:10px;
    padding-left:140px;
    display:flex;
}

.news_box_y2{
    background-color:#ffffcc;
    width:1200px;
    margin:0 auto;
    padding:10px;
    padding-left:140px;
    display:flex;
}

.news_box01{
    border:2px solid #dfdfdf;
    background-color:#fffff9;
    width:300px;
    height:300px;
    border-radius:10px;
    padding:10px;
    margin-right:10px;
}

.news_photo{
    border:0px solid #ffffff;
    background-color:#d3d3d3;
    width:280px;
    height:200px;
    margin-right:50px;
}

.news_text{
    font-size:12px;
}

.btn_pagetop{
    width:80px;
    position:fixed;
    bottom:10px;
    right:10px;
}

.news_footer1{
    border:5px solid #6c3524;
}

.news_footer2{
    background-image:url(../img/waffle.png);
    background-color:#ffc184;
    width:100%;
    height:240px;
    padding:10px;
}

.news_footer_rogo{
    border:0px solid #000000;
    width:200px;
    height:130px;
}

.news_box_copyright{
    border:0px solid #000000;
    width:350px;
    margin-top:80px;
}

.news_c{
    font-size:12px;
    font-family:"Segoe Script",serif;
    font-weight:700;
}
/*///////////////////////////////////////*/

/*/////////////④チケットページ////////////*/
/* チケット購入ページ */


.formwrap{
  margin-left: 515px;
  margin-top: 50px;
  /* border: 1px solid red; */
  width: 800px;
  



}







.ticketwrap0{
  background-image:url(../img/ticketform2_01.png);
  width:100%;
  height: 100%;
  padding-top: 90px;
  background-repeat:repeat ;
  font-family:mamelon,sans-serif;
  font-size: 16px;
  background-repeat: repeat;}



.tickethaikei1{
  background-image: url(../img/ticketwrap_03.png);
  max-width: 1200px;
 height: 166px;
  background-repeat: no-repeat;
  margin-left: 291px;
  /* border: 1px solid red; */
  position: relative;}

.tickethaikei2{

  background-image: url(../img/ticketwrap_05.png);
  max-width: 1200px;
  height: 500px;
  background-repeat: no-repeat;
  margin-left: 291px;
  /* border: 1px solid red; */}

.tickethaikei3{
  background-image: url(../img/ticketwrap_07.png);
  width: 1200px;
  height: 630px;
  background-repeat: no-repeat;
  margin-left: 293px;}



.syoujyo{
  /* border: 1px solid red; */
  margin-left: 680px;
  margin-bottom: 100px;
  position: absolute;
  top:-90px;
  width: 150px;}

  
  .syoujyo{
    transform-origin: center bottom;
    animation: yurayura 2s linear infinite;
}

@keyframes yurayura {
  0% , 100%{
      transform: rotate(10deg);
  }
  50%{
      transform: rotate(-10deg);
  }
}





.ticketcontent3{
  margin-bottom:100px;
}


.ticketcontent0{
display: flex;
margin-left: 250px;
/* margin-bottom: 90px; */
position: absolute;
/* border: 1px solid red; */
bottom: 130px;
height: 100px;
}



.ticketcontent2{
position: relative;
}

.ticketyoyaku{
position: absolute;
top:70px;
left: -30px;
right: 10px;
/* bottom: 50px; */
color: #edefa3;
-webkit-text-stroke: 1px #000000;
font-size: 38px;
width: 300px;
/* border: 1px solid red; */}




.ticketformwrap{
  margin-left: 380px;
  /* border: 1px solid red; */

}




.ticketnitiji{
  border: 1px solid #999;
  width: 220px;
  /* height:30px; */}

.ticketwrap{margin-bottom: 60px;
}

.ticketnametext{
  margin-bottom: 60px;
}


.tickettelephonewrap{
  margin-bottom: 60px;
}

.tickete-mailwrap{
  margin-bottom: 60px;
}



.ticketbox1{
  width        : 130px;
  height       : 60px;
  background   : #fffc94;
  border: 1px solid #000000;
  position: relative;
  margin-left: 60px;}

.ticketbox1:hover{
  background-color: aquamarine;



}



.ticketbtn{
position: absolute; 
top: 20px;
left:16px;
font-size: 16px;
}




.tickethaikei3{
  padding-top: 100px;
  padding-left: 370px;}


.ticketice{
  position: absolute;
  right:160px;
  bottom: -330px;
  /* border: 1px solid red; */}


select {
  -webkit-appearance: menulist;
  appearance: menulist;}

  .ticketice1{
  position: absolute;
  left:280px;
  bottom:-290px;
  /* border: 1px solid red; */
  margin-right: 100px;}

.ticketninnzuu{
  font-size: 13px;
  color: red;}

.tickettsankaninnzuunitiji{
  border: 1px solid #999;
  width: 50px;}
/*///////////////////////////////////////*/

/*/////////////⑤出展者募集ページ////////////*/
.entry_header01{
    background-color:rgb(61, 128, 254);
    width:100%;
    height:120px;
    display:flex;
}

.entry_header02{
    border:3px solid rgb(61, 128, 254);
    margin-top:5px;
}

.entry_header_rogo{
    border:0px solid #000000;
    width:200px;
    height:100px;
    margin:20px 0 0 10px;
}

.entry_box_title{
    border:0px solid #000000;
    width:250px;
    height:75px;
    margin:40px 0 0 30px;
}

.entry_title{
    font-size:80px;
    font-family:"VDL ロゴ G-POP";
    color:#ffffff;
}


.entry_btn_menu{
    border:0px solid #000000;
    width:75px;
    height:90px;
    margin:30px 0 0 930px;
}

.entry_menu{
    font-size:20px;
    font-weight:bold;
    color:#ffffff;
}

.entry_pk{
    background-image:url(../img/flame_dot.png);
    background-size:cover;
    background-color:#ffe0ef;
    width:100%;
}

.entry_wt{
    background-color:#ffffff;
	width: 1000px;
	height:600px;
   	margin:0 auto;
    padding-top:30px;
}

.entry_wt3{
    background-color:#ffffff;
	width: 1000px;
	height:380px;
   	margin:0 auto;
    padding-top:30px;
    display:flex;
}

.title{
    font-size:80px;
    font-family:"VDL ロゴ G-POP";
    color:#6c3524;
}

.box1{
    border:0px solid #e73562;
	background-color:#ffffff;
    width:850px;
    height:500px;
    margin:0 0 0 75px;
}

.honbun{
    font-size:12px;
    font-family:"マメロン Hi Regular",serif;
}

.box2{
    border:0px solid #7fffff;
    background-color:#efffff;
    width:800px;
    height:500px;
    margin:0 0 150px 100px;
    border-radius:50px;
}

.box02_title{
    color:rgb(0, 0, 255);
    font-size:50px;
    /* font-family:AR丸ゴシック体M,serif; */
}

.box3{
    border:px solid blue;
	background-color:#ddfaff;
    width:350px;
    height:240px;
    margin:0 0 50px 100px;
}

.box4{
    border:0px solid blue;
	background-color:#ddfaff;
    width:350px;
    height:250px;
    margin:0 0 50px 100px;
}

.entry_box_mail01{
    border:0px solid #000000;
    width:200px;
    margin:-155px 0 0 70px;
}

.entry_box_mail02{
    border:0px solid #000000;
    width:200px;
    margin:-85px 0 0 40px;
}

.entry_mail{
    color:#6c3524;
    font-size:18px;
    font-weight: 700;
}

.cushion_wt{
    background-color:#ffffff;
	width: 1000px;
	height:100px;
   	margin:0 auto;
}

.entry_btn_mailform{
    border:5px solid #6ac6e2;
    background-color:#c8e4ee;
    width:100px;
    height:100px;
    border-radius:50px;
    position:fixed;
    bottom:250px;
    right:230px;
}

.entry_mailform{
    color:#6ac6e2;
    font-size:18px;
    font-weight: bold;
    margin:27px 0 0 8px;
}

.entry_btn_pagetop{
    width:80px;
    position:fixed;
    bottom:10px;
    right:10px;
}

.entry_footer1{
    border:5px solid #6c3524;
}

.news_footer2{
    background-color:bisque;
    width:100%;
    height:240px;
    padding:10px;
}

.news_footer_rogo{
    border:0px solid #000000;
    width:200px;
    height:130px;
}

.news_box_copyright{
    border:0px solid #000000;
    width:350px;
    margin-top:80px;
}

.news_c{
    font-size:12px;
    font-family:"Segoe Script",serif;
    font-weight:700;
}
/*///////////////////////////////////////*/

/*/////////////⑥会場マップページ////////////*/
.map_main{
  max-width:1920px; width:100%; height:auto; background-image:url("./../img/memphis_design02.png"); background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed;
  .map_back{
    width:100%; text-align:center;
    .map_logo{width:241px; height:110px; text-align:left; padding-top:25px; padding-left:25px; margin-bottom:20px;}
    .map_title{
      .map_stripe_marker{margin-left:38%; margin-bottom:25px; width:fit-content; min-width:480px; background-image:repeating-linear-gradient(-45deg,#f7c4ca 0,#f7c4ca 2px,transparent 2px, transparent 4px); background-repeat:no-repeat; background-position:left bottom; background-size:100% 0.5em; font-size:3em; font-family:vdl-logogpop-shadow,sans-serif;}
      /* display:flex; .map_sway{border:1px solid #000; width:70px; height:100px; margin-left:10%; transform-origin:center bottom; animation:animesway 2s linear infinite;} */
  }
    .map_box{max-width:1564px;min-width:1000px; width:70%; max-height:1070px; height:70%; border:1px solid #96d3dd33; border-radius:5px; box-shadow:12px 12px 2px 1px #96d3dd88;}
  }
  .map_list{
    font-family:mamelon,sans-serif; margin-top:100px;
    details{max-width:1200px; width:100%; margin:0 auto; margin-bottom:50px; border:1px solid #aaa; border-radius: 3px; padding:0.5em 0.5em 0;}
    #map_hokkai{box-shadow:12px 12px 2px 1px #85c8ec88;}
    #map_kyushuokinawa{box-shadow:12px 12px 2px 1px #e9931188;}
    #map_kinki{box-shadow:12px 12px 2px 1px #a5569688;}
    #map_kanto{box-shadow:12px 12px 2px 1px #d64b6788;}
    #map_chugoku{box-shadow:12px 12px 2px 1px #d8624988;}
    #map_shikoku{box-shadow:12px 12px 2px 1px #2aa33988;}
    #map_tohoku{box-shadow:12px 12px 2px 1px #62bacb88;}
    #map_chubu{box-shadow:12px 12px 2px 1px #f5e82788;}
    #map_bussanten{box-shadow:12px 12px 2px 1px #3a4a9588;}
    summary{font-weight:bold; font-size:20px; margin:-0.5em -0.5em 0; padding:0.5em;}
    summary:before,summary:after{content:""; margin:auto; position:absolute; top:0; bottom:0; left:0;}
    summary:before{width:16px; height:16px; border-radius:4px;}
    summary:after{left:6px; width:5px; height:5px; border:4px solid transparent; border-left:5px solid #fff; box-sizing:border-box; transition:.1s;}
    /* オープン時 */
    details[open] summary:after{transform:rotate(90deg); left:4px; top:5px; padding:0.5em; border-bottom:1px solid #aaa; margin-bottom:0.5em;}
  }
}
/* @keyframes animesway{ 0%, 100%{transform:rotate(10deg);} 50%{transform:rotate(-10deg);}} */
.map_list_title{display:flex; flex-wrap:wrap; justify-content:space-between;}
.map_shop_table{display:flex; flex-wrap:wrap; justify-content:space-between;}
.map_shop_table * { transition: .15s; }
.map_shop_table:hover * {background:#ffcaeb!important;}
.map_shop_td {padding:7px; line-height:1.5; box-sizing:border-box;}
.map_hokkaido_area .map_shop_th {background:#85c8ec; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_kyushuokinawa_area .map_shop_th {background:#e99311; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_kinki_area .map_shop_th {background:#a55696; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_kanto_area .map_shop_th {background:#d64b67; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_chugoku_area .map_shop_th {background:#d86249; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_shikoku_area .map_shop_th {background:#2aa339; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_tohoku_area .map_shop_th {background:#62bacb; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_chubu_area .map_shop_th {background:#f5e827; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}
.map_bussanten_area .map_shop_th {background:#3a4a95; color:#fff; text-align:center; box-sizing:border-box; border-right:1px solid #fff; padding:7px; line-height:1.5; border-radius:3px;}

.map_shop_th:nth-child(1),.map_shop_td:nth-child(1) {width:95px;}
.map_shop_th:nth-child(2),.map_shop_td:nth-child(2) {width:210px;}
.map_shop_th:nth-child(3),.map_shop_td:nth-child(3) {width:calc(100% - 305px);}
.map_shop_table:nth-child(2n+1) .map_shop_td{background:#eeeee9; box-sizing:border-box; border-right:1px solid #fff; border-radius:3px;}
.map_shop_table:nth-child(2n) .map_shop_td{background:#fcfcfc; box-sizing:border-box; border-right:1px solid #fff; border-radius:3px;}
.map_shop_table:nth-last-child(1) .map_shop_td{margin-bottom:10px;}
/*///////////////////////////////////////*/

/*/////////////⑦問い合わせページ////////////*/
.contact-image{
    /* border: 1px solid red; */
    background-image: url(../img/toiawasehaikei.png);
    background-repeat:repeat;
   padding-top: 100px;
   max-width: 100%;
   overflow: hidden;}


.contacthaikei1{
 background-image: url(../img/haikei1.png);
  /* border: 1px solid red; */
  max-width:100%;
  height: 200px;
  background-repeat: no-repeat;
 margin-left: 151px;
  display: flex;
  font-family:mamelon,sans-serif;
  font-size: 16px;}

input{ border: 1px solid #999;}


.contacthaikei2{
background-image: url(../img/haikei2.png);
/* border: 1px solid red; */
width: 1200px;
/* height: 500px; */
background-repeat:repeat-y;
margin: 0 auto;
font-family:mamelon,sans-serif;
font-size: 16px;
overflow: hidden;
margin-left: 151px;
position: relative;}

.contacthaikei3{
background-image: url(../img/haikei3.png);  
/* border: 1px solid red; */
width: 1200px;;
height:500px;
background-repeat: no-repeat;
margin-left: 149.9px;
padding-top: 50px;}

.contacttittle{margin-left: 350px;
         /* border: 1px solid red; */
         margin-top: -20px;}

.contacttittle1{
  /* border: 1px solid red; */
  margin-top: -26px;}

.contacttittle2{margin-top: -40px;}

.content2{
 position: relative;
 margin-top: 6px;}

.content3{margin-top: 20px;
}

.content4{
  /* border: 1px solid red; */
  margin-right: 50px;
}
    
.otoiawase{

position: absolute;
top:25px;
left: -90px;
right: 10px;
/* bottom: 50px; */
color: #edefa3;
-webkit-text-stroke: 1px #000000;
font-size: 38px;
width: 300px;
/* border: 1px solid red; */
}

.contacthonbun{
  text-align: justify;
  margin-left: 280px;
  line-height: 2.0;
  width: 550px;
  /* border: 1px solid red; */
  font-size: 16px;}


.contactotoiawaseform{
  /* text-align: center; */
  /* border: 1px solid red; */
  margin-top: 100px;
  font-size: 16px;
  margin-left: 400px;}


.contactnamae{
  margin-bottom: 50px;}

.otoiawasenaiyounakami
{
  border: 1px solid #999;
  width: 220px;
  height:30px;
  margin-left: 3px;
  margin-bottom: 50px;}



.contacttel{
  margin-bottom: 50px;
}

.contactemail{
  margin-bottom: 50px;
  font-size: 16px;
}

.contactbox{
  width        : 130px;
  height       : 60px;
  background   : #ff701e;
  position: relative;
  margin-left: 470px;
  font-weight: bold;
}


.contactbtn{
  position: absolute; 
  top: 20px;
   left:45px;
   font-size: 16px;
   color: aliceblue;
   
}
/* 追加 */
.contactbox:hover {
  background: #fff;
  color: #ff701e;
  border: 3px solid #ff701e;
  font-weight:bold;
}

.contactbox:hover .contactbtn{
    color:#ff701e;
    font-weight: bold;
  }


.messeage{
  border: 1px solid #999;
  width: 300px;
  height:200px;
  margin-left: 3px;
  /* margin-bottom: 50px; */
}
/*///////////////////////////////////////*/

/*/////////////⑧アクセスページ////////////*/
/* アクセスページ */


.acesswrap0{
  background-image:url(../img/access_01.png);
  max-width:100%;
  height: 1500px;;
  background-repeat: repeat;
  padding-left: 200px;
  /* border: 1px solid red; */
  padding-top: 70px;
  font-family:mamelon,sans-serif;
  font-size: 16px;}

.acesshaikei1{
  background-image: url(../img/acesshaikei_03.png);
  width: 1200px;
  height: 200px;
  background-repeat: no-repeat;
  /* border: 1px solid red ; */
  position: relative;}

.acesshaikei2{
  background-image: url(../img/acesshaikei_05.png);
  width: 1200px;
  height: 370px;
  background-repeat: no-repeat;
  /* border: 1px solid red; */
  position: relative;}

.acesshaikei3{
  background-image: url(../img/acesshaikei_06.png);
  width: 1200px;
  height: 500px;
  background-repeat: no-repeat;
  margin-bottom: 300px;
  /* border: 1px solid red; */}

.acesscontent0{
  display: flex;
  margin-left: 320px;
  /* margin-bottom: 90px; */
  position: absolute;
  /* border: 1px solid red; */
  bottom: 130px;
  height: 100px;}

.acessmap{
  position: absolute;
  top:50px;
  left: 130px;
  right: 10px;
/* bottom: 50px; */
  color:#bbf0e6;
  -webkit-text-stroke: 1px #000000;
  font-size: 38px;
  width: 300px;
  /* border: 1px solid red; */}

/* Google Mapを囲う要素 */
.acessgooglemap{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 80%;
  /* border: 1px solid red; */
  border:3px solid #abe4f1;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  /* border: 1px solid red; */
  right: 300px;}
 
/* Google Mapのiframe */
.acessgooglemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border: 1px solid red; */}


.mapwrap{
  max-width: 30%; /* ここに横幅を指定 */
  /* border: 1px solid red; */
  margin-left: 380px;
  margin-bottom: 400px;
  display: flex;}

.acessadress{
/* border: solid red; */
position: absolute;
margin-left: 100px;
margin-bottom: 100px;
font-size: 14px;}

.acessyubinn{
  /* border: solid red; */
  position: absolute;
  margin-left: 100px;
  margin-bottom: 100px;
  top: 20px;
  font-size: 14px;}

.acesstrain{
  position: absolute;
  margin-left: 100px;
  top:80px;
  font-size: 20px;
  /* border: 1px solid red; */}


.acesstrain1{
  /* border: 1px solid red; */
  position: absolute;
  margin-left: 100px;
  top:110px;
  font-size:14px;}


.acesscar{
  position: absolute;
  margin-left: 100px;
  top:200px;
  font-size: 20px;
  /* border: 1px solid red; */
}

  .acesscar1{
    position: absolute;
    margin-left:100px;
    top:230px;
    /* border: 1px solid red; */
    font-size: 14px;}

  .acesscar1-1{
    position: absolute;
    margin-left:100px;
    top:250px;
    font-size:13px;
    /* border: 1px solid red; */}

  .acesscar2{
    position: absolute;
    margin-left:100px;
    top:300px;
    /* border: 1px solid red; */
    font-size: 18px;}


  .acesscar2-2{
  position: absolute;
  margin-left:100px;
  top:320px;
  font-size:13px;
  /* border: 1px solid red; */}
.acesscar3{
  position: absolute;
  margin-left: 100px;
  top:350px;
  /* border: 1px solid red; */
  font-size: 16px;}

.acesscar3-3{
  position: absolute;
  margin-left:100px;
  top:370px;
  font-size:13px;
  /* border: 1px solid red; */}

.acesscar4{
  position: absolute;
  margin-left:100px;
  top:440px;
  font-size: 14px;
  /* border: 1px solid red; */}

.acesscar4-4{
   position: absolute;
  margin-left: 100px;
  top:460px;
  font-size:14px;
  /* border: 1px solid red; */
}


.acessgazouotokonoko{
   margin-bottom: 10px;
  position: absolute;
  top: 720px;
  right: 250px;}

.icegazouotokonoko{
  width: 150px;
  height: 150px;}


.acessicegazou{
  position: absolute;
  top: 800px;
  right: 1070px;}


  .acessicegazou{
    animation-name:updown1;   /* アニメーション名の指定 */
    animation-delay:1s;   /* アニメーションの開始時間指定 */
    animation-duration: 3s;   /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite; 
}
 
@keyframes updown1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

.cupice{ 
  position: absolute;
  top: 700px;
  right: 800px;
}

.cupice{
    animation-name:updown1;   /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 3s;   /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite; 
}
 
@keyframes updown1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

.acessfumei{
  position: absolute;
  bottom: -100px;
  left: 700px;
  font-size: 14px;
}

.acesstel0{
  position: absolute;
  bottom: -140px;
  left: 750px;
  color: #000000;
  border: 3px solid #abe4f1;
}
/*///////////////////////////////////////*/

/*/////////////⑨プライバシーポリシーページ////////////*/
/* プライバシーポリシー */
.policy_style {
  width: 100%;
  background-image: url(../img/24836785.png);
  background-size: cover;
  background-attachment: fixed;
}

.privacy_policy{
  padding: 100px;
}

.policy_title {
  width: fit-content;
  border: 3px solid #212121;
  border-radius: 15px;
  padding: 20px 40px;
  margin: 0 auto;
  background-color: white;
  z-index: 150;
  position: relative;
}

.policy_title h1{
    font-size: 36px;
    font-weight: bold;
}

.policy_item{
  width: min(80vw , 1200px);
  margin: -30px auto 0;
  padding: 50px;
  border: 3px solid #212121;
  border-radius: 15px;
  background-color: white;
  z-index: 50;
}

.policy_logo{
  margin: 0 auto;
  width: 400px;
  padding: 60px 0;
}

.policy_border{ 
  padding: 40px;
}

.policy_text{
  padding: 0 5vw 60px;
}

.policy_text h2 {
  font-size: 24px;
  font-weight: bold;
  padding: 40px 20px;
}

.policy_text p {
  font-size: 18px;
  padding-bottom: 60px;
  line-height: 2em;
}
/*///////////////////////////////////////*/