.pc { display:inline }
.sp { display: none !important; }
.sp-sm-none { display:none; }


html {
    font-size: 62.5%;
    overflow-x: hidden;
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch；
    }
    
    body {
        font-family: 'Shippori Mincho', serif;
    font-size: 1.6em;
    line-height : 1.8;
    color : #fff;
    }
    h1{
    font-size: 5rem; /* 50px */
    }
    p{
    font-size: 1.9rem; /* 15px */
    }

    .justify{
        text-align: justify;
        text-justify: inter-ideograph;
    }

@media screen and (max-width: 768px) {
    html{
    font-size: 50px;

    }
    body{

    font-size: 0.28rem;
    }
    h1{

    font-size: 0.4rem;
  
    }
    p{
        font-size: 0.3rem;
    }
    }
    
    



table.prof {
    margin-left: 10%;
}
td {
    padding-right: 32px;
}
a:hover {
    opacity: 0.6;
}
.mb{
    margin-bottom: 5%;
}
.mb2{
    margin-bottom: 2%;
}
.wrap{

    width: 100%;
    margin:auto;
    background: #000;
}
#particles-js{ 
	position:fixed;
	z-index:2;
	width: 100%;
	height: 100%;
	
}
.header-logo {
    position: absolute;
    top: 0;
   left: 0;
    padding: 2%;
 
}
.sns-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2% 0;
   width: 228px;
    z-index: 999;
}
.sns-icon img {
    margin-right: 5%;
}
.section-inner{
    width: 1040px;
}
.main-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: url(../img/bg-main-img.png) no-repeat center center;
    background-size: cover;
    padding-top:  calc(1266 / 1961 * 100%);;
    
}
.main-box {
   max-width: 780px;
    margin: auto 0;
    position: absolute;
   z-index: 996;
    opacity: 0;
    padding: 5%;
    top: 30%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
}
.main-center img {
    width: 87%;
    margin-bottom: 5%;
}
.main-left{
    position: absolute;
    left: 2vw;
    top: 2vw;
    z-index: 11;
    width: 22%;
}
.main-center {
    width: 100%;
    margin: auto;
    padding-top: 13%;
}
.main-scroll {
    width: 70%;
    margin: auto;
    padding-top: 0%;
    position: relative;
}
h2.main {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 4rem;
    color: #f0df76;
    letter-spacing: 0.5em;
    margin-left: 2%;
    line-height: 7rem;
}

.main-catch p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 2.5rem;
    line-height: 7rem;
    letter-spacing: 0.3em;
}
.mt {
    margin-top: 3% !important;
    text-align: center;
    margin: 6% auto;
}
.small-box {
    max-width: 790px;
    margin: auto;
    padding: 4%;
    position: relative;
    z-index: 996;
    /* opacity: 0; */
}
p.day {
   
    font-size: 10rem;
    color: #f2e33c;
    text-align: center;
}
.b-bot {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 2%;
}
.b-bot p {
    text-align: center;
    font-size: 3rem;
}
.small-box img {
    margin: 0 auto;
}
.text-combine {
  
    text-orientation: upright;
  }
section.event_1{
    background: url(../img/bg-section-1.png) no-repeat;
    padding-top: calc(3589 / 1956 * 100%);
    background-size: contain;
}
.section-1{
    margin-top: -177%;

}
section.event_2{
    background: url(../img/bg-section-2.png) no-repeat;
    padding-top: calc(840 / 1960 * 100%);
    background-size: cover;
}
.section-2 {
    margin-top: -30%;
}
h2.event_2{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 4rem;
    color: #fff;
    margin: 0 auto;
    line-height: 8rem;
    letter-spacing: 0.5em;

}
section.event_3{
    background: url(../img/bg-section-3.png) no-repeat;
    padding-top: calc(2302 / 1961 * 100%);
    background-size: cover;
}
.section-3 {
    margin-top: -127%;
    position: relative;
    z-index: 999;
}
/* section.event_4{
    background: url(../img/bg-section-4.png) no-repeat;
    padding-top: calc(954 / 1960 * 100%);
    background-size: cover;
    position: relative;
} */
section.event_4{
    background-color:#f2d4bd;
    height: 800px;
    position: relative;
}
.section-4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

.kitchen img{
    max-width: 740px;
    margin: 0 auto;
    padding: 3% 0 5% 5%;
}

.L-photo img,.R-photo img,.R-photo2 img {
    max-height: 420px;
}
.L-photo {
    position: absolute;
    top: -12%;
}

/* section.event_5{
    background: url(../img/bg-section-5.png) no-repeat;
    padding-top: calc(1020 / 1960 * 100%);
    background-size: cover;
    margin-top: 3%;
    position: relative;
} */
section.event_5{
    background-color:#c8d6e8;
    height: 800px;
    position: relative;

}

.section-5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
}
.R-photo,.R-photo2 {
    margin-top: -60%;
    right: 0;
    position: absolute;
} {
    margin-top: -60%;
    right: 0;
    position: absolute;
}


.text-box-5 {
    margin: 5% 3% 0 0;
    position: relative;
    z-index: 996;
    color: #444;
}
p.btn-text {
    text-align: center;
    font-size: 40px;
    color: #ffffff;
    margin-top: 5%;
}
.event {
    padding: 2%;
}
/* section.event_6{
    background: url(../img/bg-section-6.png) no-repeat;
    padding-top: calc(1025/ 1960 * 100%);
    background-size: cover;
    margin-top: 3%;
    position: relative;
} */
section.event_6{
    background:#d4b6d1;
    height: 800px;
    position: relative;
}
.section-6 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
}


/* section.event_7{
    background: url(../img/bg-section-7.png) no-repeat;
    padding-top: calc(1025/ 1960 * 100%);
    background-size: cover;
    margin-top: 3%;
    position: relative;
} */

section.event_7{
    background:#d4dfa5;
    height: 1050px;
    position: relative;
}
.section-7 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
}






/* .event img{
    max-width: 740px;
    margin: 0 auto;
    padding: 3% 3% 0% 0%;
} */
.event-p{
    padding-left: 0%;
    font-size: 18px;

}


p.profile {
    font-size: 14px;

}
h2.event-h {
    border-bottom: 1px solid;
    letter-spacing: 0.08em;
    margin-bottom: 2%;
    padding: 1% 0;
}
h2.event-h span {
    font-size: 1.2rem;
    margin-right: 3%;
}
section.event_8{
    background: url(../img/bg-section-8.png) no-repeat;
    padding-top: calc(1767/ 1960 * 100%);
    background-size: cover;
    position: relative;
}
.section-8 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

section.event_9{
    background: url(../img/bg-section-9.png) no-repeat;
    padding-top: calc(2314/ 1961 * 100%);
    background-size: cover;
    position: relative;
}
.section-9 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    z-index: 999;
}

section.event_11,section.event_12{
    background:  #000;
 margin-bottom: 15%;
    position: relative;
}
section.event_10{
    background:  #000;
 margin-bottom: 15%;
    position: relative;
    height: 80vw;
}
.section-10 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    z-index: 999;
}
.Qa-Box {
    width: 80%;
    margin: 0 auto;
  }
  
  .Qa-Box .Qa dt,
  .Qa-Box .Qa dd {
    display: flex;
    align-items: baseline;
    margin: 30px 0;
  }
  
  .Qa-Box .Qa dt p {
    margin: 0;
    padding-left: 15px;
    font-weight: bold;
    width: 100%;
  }
  
  .Qa-Box .Qa dd p {
    margin: 0;
    padding-left: 15px;
    width: 100%;
  }
  
  .Qa-Box .Qa dt::before {
    content: "Q";
    display: flex;
    justify-content: center;
    align-items: center;
    background: #D65556;
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50px;
  }
  
  .Qa-Box .Qa dd::before {
    content: "A";
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6699B7;
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50px;
  }
  .sns-icon-f {
    padding: 2% 0;
    display: flex;
    justify-content: center;
    gap: 0% 1%;
  }
    

  @media screen and (max-width: 960px) {
    .Qa-Box {
      width: 95%;
    }
  }

  p.sponsor-name {
    text-align: center;
    font-size: 1.9rem;
    width: 100%;
}
p.sponsor-name-box {
    border: 1px solid;
    padding: 1% 3%;
    text-align: center;
    font-size: 0.7em;
    margin: 1%;
    color: #212529;
}
.spo-12 img {
    max-width: 32%;
    margin: auto;
}
.spo-6 img {
    max-width: 48.5%;


}
p.sponsor-name.pc{

    max-width: 48.5%;
}
.sponsor {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.sponsor-start {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.support p {
    text-align: center;
    margin: 2% 0 5% 0;
}
.support span {
    text-align: center;
    border: 1px solid;
    padding: 1% 6%;
}
.contact-text {
    background: #fff;
    color: #000;
    padding: 1%;
}
.contact-text p {
    text-align: center;
}

.sapporo {
    max-width: 960px;
    margin: 0 auto;
    opacity: 0;
    z-index: 997;
    position: relative;
}
.main-catch {
    position: relative;
    text-align: center;
    margin-top: 10%;
    padding: 8% 5%;
    display: flex;
    justify-content: center;
    margin-bottom: 16%;
}
img.left-img {
    position: absolute;
    top: 0;
    left: 0%;
}
img.right-img {
    position: absolute;
    top: 14%;
    right: 0%;
}

img.tower-img {
    position: absolute;
    bottom: 20%;
    left: 19%;
}    
.num-img {
    text-align: center;
    margin: 20% 0 5%;
}
.num-img img {
    max-width: 150px;
}
h3 {
    font-size: 2.1em;
    font-weight: 900;
    color: #f2e33c;
}
.tex-box p {
    color: #fff;
    font-size: 1.7em;
}

p.place {
    color: #fff;
    font-size: 1.7em;
    line-height: 1.2em;
}
span.info {
    margin-left: 16%;
    font-size: 18px;
}

span.week{
    ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 0.7em;
    letter-spacing: -0.4em;
    font-weight: 700;
}

span.day {
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: 0.08em;
}


p.uten {
    color: #fff;
    text-align: right;
}
/* .time-tex {
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    padding: 3%;
} */
.time-tex p {
    text-align: center;
    padding: 3%;
    font-weight: 700;
    font-size: 1.4em;
    
}
p.guest {
    color: #f2e33c;
    font-size: 1.5em;
    font-weight: 500;
}
p.prof {
    font-size: 0.9em;
    margin-left: 10%;
}
p.prof span {
    background: #fff;
    color: #212529;
    padding: 1px 10px;
    margin-right: 5px;
    font-size: 14px;
}
.guest {
    /* display: flex;
    align-items: flex-end; */
}
.underline {
    display: flex;
    border-bottom: 2px solid #fff;
}
.line-box {
    padding: 15% 5%;
    text-align: center;
    position: relative;
}
.line-02{
    position: relative;
    text-align: center;
}
img.line-02-lan{
    position: absolute;
    bottom: -23%;
    right: -15%;
}
img.line-03-lan1 {
    position: absolute;
    top: 5%;
    left: -10%;
}
img.line-03-lan2 {
    position: absolute;
    top: 89%;
    right: 10%;
}
p.line-c {
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}
p.line-c span {
    font-size: 1.5em;
    font-weight: bold;
    color: #f2e33c;
}
.hikikae p {
    padding: 5%;
    background: #f2e33c;
    border-radius: 7px;
    font-weight: bold;
    margin-right: 15px;
    text-align: center;
    color: #212529;
}
.hikikae02 p {
    color: #fff;
}
/* h2 {
    font-size: 2.3em;
    color: #fff;
    font-family: 'Shippori Mincho', serif;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 1.8;
} */


.tex-box {
    position: relative;
    margin-top: 5%;
}
.img-lantern {
    position: absolute;
    left: -9vw;
    top: -2vw;
    width: 12%;
}
.event-img {
    margin: 5% 0 10%;
}
.try-img {
    text-align: center;
    margin: 3% 0;
}
p.try-p {
    font-size: 3em;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 5%;
}
p.line-p {
    color: #f2e33c;
    font-size: 1.5em;
    font-weight: 500;
}
p.p-box {
    padding: 1%;
    background: #fff;
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: #212529;
}
p.photo {
    font-size: 1.4em;
}
img.event-photo {
    width: 80%;
}
.oubo-box{
padding: 3% 0;
 border-bottom: 1px solid #fff;
}

.oubo-h {
    text-align: center;
    margin-bottom: 3em;
    width: 100%;
}
p.oubo {
    display: flex;
    justify-content: center;
}


p.oubo {
    position: relative;
    display: inline-block;
    padding: 0 41%;
    font-size: 1.3rem;
  }
  
  p.oubo:before, p.oubo:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 41%;
    height: 1px;
    background-color: #fff;
  }
 
  p.oubo:before {
    left:0;
  }
  p.oubo :after {
    right: 0;
  }
/* .oubo-h p {
    text-align: center;
    background: #fff;
    position: absolute;
    top: -7%;
    padding: 1% 2% 0;
    font-weight: 700;
    font-size: 1.4em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #212529;
} */
p.oubo-tex {
    font-weight: 500;
    text-align: left;
    font-size: 1.2em;
}
.oubo-img::after {
    position: absolute;
    content: "";
    background-image: url(/img/arrow02.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 7%;
    right: 0;
    top: 5%;
    bottom: 0;
    margin: auto;
}
section.line-info {
    background: #06c755;
    padding: 3%;
    z-index: 996;
    position: relative;
}
section.green {
    background: #78c3a0;
    padding: 3%;
    z-index: 996;
    position: relative;
}
.p-box02 {
    background: #fff;
    padding: 4%;
} 
.tex-g {
    color: #2f9c73;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
li {
    list-style: disc;
}
ul {
    margin-left: 0.9em;
}
.p-box02 li {
    font-size: 0.9em;
}

p.blue-box {
    background: #4c8bca;
    padding: 0% 7%;
    color: #fff;
    font-size: 0.7em;
}
.sapo-box p {
    font-size: 0.8em;
}
.sapo-box {
    /* display: flex;
    height: 90px;
    align-items: center;
    justify-content: center; */
}
.sapo-box2 {
    display: flex;
    height: auto;
    align-items: flex-start;
    justify-content: center;
}
p.sapo {
    font-size: 0.9em;
    /* margin: 52px 0 0 10px; */
}
.sapo-box li {
    font-size: 0.8em;
}
section.sponsor {
    background: #fff;
    padding: 3%;
    position: relative;
    z-index: 996;
}
h4 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    margin: 3%;
    line-height: 1.5em;
}
.footer {
    background: #000;
    padding: 3%;
    position: relative;
    z-index: 999;
}
p.companysub {
    color: #fff;
    font-size: 0.8em;
}
p.companysub span {
    font-size: 1.2em;
}
p.company {
    color: #fff;
    font-size: 1.3em;
}
p.company-addr {
    color: #fff;
}
span.companysub{
    font-size: 1.5rem;
}
p.company-mail {
    color: #fff;
    font-size: 1.2em;
}
p.contact {
    color: #fff;
    border-bottom: 1px solid;
    font-size: 3rem;
}
.sop-tex {
    font-size: 1.7rem;
}
span.contact {
    padding: 1%;
    font-weight: bold;
    border: 1px solid #fff;
    /* font-size: 0.5em; */
    margin-right: 10px;
}

.fas.fa-angle-right {
    font-size: 3em;
    color: #fff;
}

img.btn-img {
    width: 60%;
    margin-top: 5%;
}
.app {
    padding: 2%;
}
.app-img {
    position: relative;
}
.app-img::after {
    position: absolute;
    content: "";
    background-image: url(/img/arrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 7%;
    right: -17px;
    top: 70%;
    bottom: 0;
    margin: auto;
}
.app-tex {
    color: #fff;
    width: 90%;
    text-align: center;
}
.app p {
    color: #fff;
}
.app-tex span {
    font-size: 1.5em;
    font-weight: bold;
}
p.g-title {
    padding: 0.3rem 1rem;
    color: #F2E33C;
    transform: skew(-15deg);
    background: #2F9C73;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    width: 80%;
    margin: auto;
    margin-bottom: 3%;
}
/* インスタボタン */
.insta_btn2{
    color: #FFF;
    border-radius: 7px;
    position: relative;
    display: inline-block;
    height: 50px;
    width: 230px;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
    overflow: hidden;
    text-decoration:none;
  }
  
  .insta_btn2:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  }
  
  .insta_btn2 .fa-instagram{
    font-size: 35px;
    position: relative;
    top: 4px;
  }
  
  .insta_btn2 span {
    display:inline-block;
    position: relative;
    transition: .5s
  }
  
  .insta_btn2:hover span{/*ホバーで一周回転*/
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
  }
/* 追従バナー */
.widget_sticky {
    transition: all .5s ease;
    /* display: block; */
    position: fixed;
    z-index: 99999;
    bottom: 0px;
    text-align: center;
    width: 100px;
    top: 10%;
    right: 0;
    transition-duration: 5s;
    max-height: 200px;
}
.fade.view {
    opacity: 1;
    transition: opacity 3s;
}
#sp_bottom_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
}
/* スクロールボタン */
a.scroll-a {
    padding-top: 0px;
    position: absolute;
    top: 35%;
    left: 50%;
}
span.scroll {
    position: absolute;
    top: 20vw;
    left: 50%;
    width: 2vw;
    height: 2vw;
    margin-left: -1vw;
    border-left: 0.5vw solid #fff;
    border-bottom: 0.5vw solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    opacity: 0;
    box-sizing: border-box;
    z-index: 999;
}
span.scroll:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
span.scroll:nth-of-type(2) {
    top: 21.5vw;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}
span.scroll:nth-of-type(3) {
    top: 23vw;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

@-webkit-keyframes sdb {
    0% {
opacity: 0;
    }
    50% {
opacity: 1;
    }
    100% {
opacity: 0;
    }
}
@keyframes sdb {
    0% {
opacity: 0;
    }
    50% {
opacity: 1;
    }
    100% {
opacity: 0;
    }
}
@keyframes zoom {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }

}
.fadeIn {
    animation-name:fadeIn;
    animation-duration:3s;
    animation-fill-mode:forwards;
    opacity: 0;
    }
@keyframes fadeIn{
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.is-show {
    opacity: 1;
  }

  .fadeInLeftTrigger,.fadeInTrigger{
    opacity: 0;

  }

  /* ページトップボタン */
 #pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    line-height: 1;
    z-index: 99;
}
#pagetop a {
    background: #f2e33c;
    text-decoration: none;
    color: #4b89c7;
    width: 80px;
    padding: 25px 5px;
    text-align: center;
    display: block;
    border-radius: 40px;
    opacity: 0.9;
    transition: all .3s ease;
}
#pagetop a:hover {
    text-decoration: none;
    opacity: .5;
}
/* ローディング画面 */
@keyframes slideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}
.loader-slide {
        width: 100%;
        height: 100%;
        background-color:  #0f1839;
}     
.open {
    animation-name: slideOut;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-delay: 1s;
}


#loading{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 996;
	width: 100%;
	height: 100vh;
	transition: all 1s;
    background-color: #0f1839;
    animation: fadeUpAnime 3s;
}
#loading.loaded {
	opacity: 0;
	visibility: hidden;
}

.loading-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.loading-logo p{
    font-size: 3em;
    color: #fff;
}
.loading-logo img {
    width:45%;
}
/* 20221007追加修正 */
.time- img {
   
    margin: auto;
    position: relative;
}
.map {
    position: absolute;
    top: 36%;
    right: 0;
}
p.try-p span {
    font-size: 0.6em;
}
ul.t-icon li{
    background-image: url(/img/ex-nm01.svg);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 10%;
    line-height: 1.6em;

}
ul.t-icon02 li {
    background-image: url(/img/ex-nm02.svg);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 10%;
    line-height: 1.6em;
}
ul.t-icon03 li{
    background-image: url(/img/ex-nm03.svg);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 10%;
    line-height: 1.6em;
}
ul.t-icon p,ul.t-icon02 p,ul.t-icon03 p {
    font-size: 1.6em;
    font-weight: bold;
    margin-left: 2%;
}

.t-p p {
    font-size: 1em!important;
    margin-top: 12%;
    font-size: 1em;
    font-weight: normal!important;;
    color:#fff;
}
.theme {
    position: relative;
}

.theme-tree {
    position: absolute;
    bottom: 0;
    right: 0;
}
.y-line {
    padding: 5%;
    border-bottom: 2px solid #f2e33c;
    border-top: 1px solid #f2e33c;
}
.y-line p {
    font-size: 1.5em;
    color: #f2e33c;
    text-align: center;
}
@media screen and (min-width: 1500px) {
    /* .main-image {
        padding-top: 64.5%;
        
    } */

    /* .main-left{
        width: 25%;
    }
    .main-center {
        width: 52%;
    }
    .main-scroll {
        width: 52%;
    } */

}




@media screen and (max-width: 1200px) {
    /* .main-image {
        padding-top: 75%;
    } */
    .tex-box {
        max-width: 680px;
    }
    .main-box {
        max-width: 450px;
    }
    section.event_8 {
       
        padding-top: 110%;
        background-size: cover;
        position: relative;
    }
    section.event_10 {
      
        height: 130vw;
    }
}




/* ーーーーーーーーーーーーーーーーーーーーーーー768px */


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

.order1{
    order: 1;
}
.order2{
    order: 2;
}
p.btn-text {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin-top: 5%;
}
    .header-logo {
  
        width: 121px;
    }
    .five {
        padding: 0 15%;
    }
    h2.main {

        font-size: 1rem;
        color: #f0df76;
        line-height: 1.5rem;
    }
    h2.event_2 {
        font-size: 0.8rem;
        line-height: 2;
        letter-spacing: 0.5em;
    }
    p.day {
        font-size: 1rem;
      
    }
    .b-bot p {
        text-align: center;
        font-size: 0.4rem;
    }
 
    
    p.profile {
        font-size: 13px;
    }
    .mt {

        text-align: center;
        margin: 5% auto;
    }
    .main-catch p{
        font-size: 0.5rem;
        line-height: 1rem;
    }
    .spo-12 img {
        margin: auto;
        max-width: 100%;
    }

    .spo-6 img {
        margin: auto;
        max-width: 100%;
    }
    section.line-info {
        background-color: #fff;
    background-image: url(/img/line-bg.png);
    background-size: cover;
    padding: 7.8125% 0 8%;
    }
    h3.line-o {
        color: #ffc107;
        text-align: center;
        padding: 3%;
    }
    .main-box {
        max-width: 320px;
    }
    .main-catch img {
        width: 80%;
    }
    .L-photo img, .R-photo img,.R-photo2 img {
        max-height: 200px;
    }
    .R-photo2 {
        margin-top: -102%;
        right: 0;
        position: absolute;
    }
    section.event_4,  section.event_5,  section.event_6, {
        height: 140vw;
        position: relative;
    }
    .section-4 {
        top: 50%;
        left: 50%;
        z-index: 999;
        
    }
    .kitchen img {
        width: 100%;
     
    }
    .section-5 {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .event {
        padding: 0 7% 5%;
    }
    .text-box-5 {
        padding: 0;
    }
    
    .text-box-5 p {
        /* font-size: 13px; */
    }
    .section-6 {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 999;
    }
    .section-7 {
        position: absolute;
        top: 50%;
        left: 50%;

    }
.event-p {
        max-width: 740px;
        margin: auto;
        padding: 0;
        font-size: 16px;
    }
    .event img {
        width: 100%;
       
    }
    .section-8 {
        position: absolute;
        top: 60%;
        left: 50%;
       
    }
    p.try-p {
        font-size: 3em;
        color: #fff;
        text-align: center;
        line-height: 1.3;
        font-weight: 700;
        margin-bottom: 10%;
    }
    
    .section-9 {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .section-10 {
        position: absolute;
        top: 50%;
        left: 50%;
    }
    section.event_10{
        background:  #000;
     margin-bottom: 15%;
        position: relative;
        height: 200vw;
    }
    h2.event-h span {
        font-size: 12px;
    }
    img.left-img {
        max-width: 65px;
    }
    img.right-img {
        max-width: 50px;
    }
    img.tower-img {
        bottom: 25%;
        left: 10%;
        max-width: 110px;
    }
.sop-tex {
        font-size: 13px;
    }
    .num-img img {
        max-width: 80px;
    }
    img.event-photo {
        width: 60%;
    }
    .tex-box p {
        font-size: 1em;
    }
    p.place {
        font-size: 1em;
    line-height: 1.5em;
    }
    span.info {
        margin-left: 10%;
        font-size: 0.9em;
    }
    h2 {
        font-size: 1.1em;
        line-height: 1.8em;
    }
    h3 {
        font-size: 1.5em;
    }
    p.contact {
        color: #fff;
        border-bottom: 1px solid;
        font-size: 17px;
        text-align: center;
    }
    span.companysub {
        font-size: 0.8em;
    }
    .app-img::after {
       display: none;
     
    }
    p.guest {
        font-size: 1.1em;

    }
    .guest {
        display: flex;
        align-items: flex-end;
    }
    
    p.prof {
        margin-left: 0;
    }
    img.line-02-lan {
        max-width: 110px;
    }
    img.line-03-lan1 {
        max-width: 164px
    }
    .hikikae p {
        padding: 2%;
        color: #212529;
    }
    .hikikae02 p {
        text-align: center;
    }
    p.line-p {
        font-size: 1em;
        
    }
    p.try-p {
        font-size: 2em;
    }
    p.line-c span {
        font-size: 1.2em;

    }
    .small-box {
        width: 100%;
    }
    .app-img {
        text-align: center;
    }
    .app p {
       text-align: center;
    }
    .app-tex {
        margin: auto;
        width: 70%;
    }
    .try-img {
        margin: auto;
        max-width: 186px;
        margin-bottom: 3%;
    }
    p.photo {
        font-size: 1em;
    }
    .oubo-h p {
        top: -2%;
        font-size: 1.2em;
       
    }
    .oubo-h {
        margin-bottom: 50px;
    }
    .oubo-img::after {
        display: none;
    }
    p.oubo-tex {
        font-size: 1em;
        text-align: center;
    }
    .p-box02 {
        margin-bottom: 5%;
    }
    p.p-box {
        font-size: 1.3em;
    }
    p.g-title {
        width: 100%;
        font-size: 1.3em;
    }
    p.sponsor-name {
        font-size: 0.7em;
    }
    .footer {
        margin-bottom: 139px;
    }
    p.company {
        font-size: 1em;
    }
    span {
        font-size: 13px;
    }
    p.company-mail {
        font-size: 1em;
    }
    ul.t-icon ,ul.t-icon02 ,ul.t-icon03  {
        margin-left: 0;
    }
    ul.t-icon p, ul.t-icon02 p, ul.t-icon03 p {
        font-size: 1em;
}
ul.t-icon li,ul.t-icon02 li,ul.t-icon03 li {
    padding-left: 13%;
    line-height: 1em;
    background-size: 10%;
}
ul.t-icon img,ul.t-icon02 img,ul.t-icon03 img {
    max-height: 25px;
}
.t-p p {
    font-size: 0.5em!important;
    margin-top: 12%;
    font-size: 1em;
    font-weight: normal!important;
    color: #fff;
}
.theme-tree img {
    max-width: 20px;
}
.y-line p {
    font-size: 1em;
    color: #f2e33c;
    text-align: center;
}
/* section.event_8 {
    background: url(../img/bg-section-8-sp.png) no-repeat center top;
    padding-top:234% ;
    background-size: contain;
    position: relative;
    margin-bottom: 40%;
}
section.event_9 {
    background: url(../img/bg-section-9-sp.png) no-repeat;
    padding-top: calc(6678/ 1500 * 100%);
    background-size: cover;
    position: relative;
} */
}
/* ------------------------------------500px */


@media screen and (max-width: 500px) {
  
.sp-sm-none { display:block; }
.sp-sm { display:none; }
    h2 {
        font-size: 1em;
    letter-spacing: 0.4em;
}
.b-bot p {
    text-align: center;
    font-size: 18px;
}

p.day {
    font-size: 43px;
}
h2.main {
    font-size: 23px;
    color: #f0df76;
    line-height: 1.5;
}
svg.sekai.mb {
    width: 50%;
    margin: 5%auto;
}
h2.event_2 {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.5em;
}
.lantern-img{
    width: 50%;

}
.section-3 {
    margin-top: -135%;
}
.section-2 {
    margin-top: -35%;
}
.w-80{
    width: 80%;
    margin: auto;
}
.main-catch {
    padding: 10% 0;
}
.main-box {
    max-width: 280px;
}
.main-image {
    padding-top: 145%;
}
a.scroll-a {
    padding-top: 80px;
    position: absolute;
    top: 72%;
    left: 50%;
}
span.scroll {
    position: absolute;
    top: 10vw;
    left: 50%;
    width: 4vw;
    height: 4vw;
    margin-left: -2vw;
    border-left: 1vw solid #f2e33c80;
    border-bottom: 1vw solid #f2e33c80;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    opacity: 0;
    box-sizing: border-box;
    z-index: 999;
}
span.scroll:nth-of-type(2) {
    top: 12.5vw;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}
span.scroll:nth-of-type(3) {
    top: 15vw;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
p.try-p {
    font-size: 1.4em;
}
p.p-box {
    font-size: 1em;
}
.app-tex span {
    font-size: 1.4em;
}
.app-tex {
   width: 100%;
}
.main-catch p {
    font-size: 1em;
    line-height: 2em;
}
img.left-img {
    max-width: 40px;
}
img.right-img {
    max-width: 27px;
    top: 10%;
}
img.tower-img {
    bottom: 23%;
    left: 0%;
    max-width: 86px;
}
.img-lantern {
    position: absolute;
    left: 63vw;
    top: -6vw;
    width: 12%;
}
.img-lantern.tree{
    position: absolute;
    left: 63vw;
    top: -24vw;
    width: 12%;
}
th, td {
    display: block;
}
span.info {
    margin-left: 17%;
    font-size: 0.6em;
}
img.line-02-lan {
    max-width: 49px;
    right: -5%;
}
img.line-03-lan1 {
    max-width: 96px;
    left: -5%;
}
.tex-box p {
    font-size: 0.9em;
}
.text-center {
    font-size: 13px;
}
.line-box {
    padding: 15% 5%;
    text-align: center;
    position: relative;
}
.underline {
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin: 0;
}
p.sponsor-name-box {
    border: 1px solid;
    padding: 4% 0%;
    text-align: center;
    font-size: 7px;
}

p.sponsor-name {
    line-height: 1.5em;
    font-size: 0.9em;
    width: 100%;
}
.footer {
    margin-bottom: 59px;
}

element.style {
}
.mb {
    margin-bottom: 5%;
}
section.event_1 {
    background: url(../img/bg-section-1sp.png) no-repeat top center;
    /* padding-top: 506%; */
    background-size: cover;
}
.section-1 {
    height: 490vw;
}
section.event_3 {
 
    margin-bottom: 10%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.contact-text {
    padding: 2% 10%;
}
.row>*{
    padding: 0 1%;
}
.company {
    display: grid;
}
span.contact {
    padding: 1px 1px;
    margin-right: 0;
    text-align: center;
}
span.companysub {
    font-size: 0.8em;
}
#pagetop a {
    width: 48px;
    padding: 10px 1px;
    border-radius: 0px;
    
}
p.company-mail {
    font-size: 1em;
}
.footer {
    padding: 5% 0% 13%;
}
.sns-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2% 0;
    width: 50%;
    z-index: 999;
}
.sns-icon img {
    margin-right: 2%;
}
section.event_4 {
    background-color: #f2d4bd;
    height: 600px;
    position: relative;
}
section.event_6 {
    background: #d4b6d1;
    height: 600px;
    position: relative;
}
section.event_7 {
    background: #d4dfa5;
    height: 1140px;
    position: relative;
}
section.event_8 {
    background: url(../img/bg-section-8-sp.png) no-repeat center top;
    padding-top:234% ;
    background-size: contain;
    position: relative;
    margin-bottom: 40%;
}
section.event_9 {
    background: url(../img/bg-section-9-sp.png) no-repeat;
    padding-top: calc(6678/ 1500 * 100%);
    background-size: cover;
    position: relative;
}
section.event_10 {
    background: #000;
    margin-bottom: 15%;
    position: relative;
    height: 340vw;
}
#pagetop {
    position: fixed;
    bottom: 75px;
    right: 0px;
    font-size: 14px;
    line-height: 1;
    z-index: 99;
}}