@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}










/*タイトルと日付を非表示*/
.page .entry-title {
  display: none;
}

.page .date-tags {
display: none;
}


.site-name-text{
  display: none;
}

.archive-title {
 display: none;
 }

.page .entry-title{
margin-top: 0;
}

.logo.logo-header.logo-text {
    display: none;
}

.main {
    background: transparent;
   }


main#main {
    padding-top: 0;
}

footer#footer {
    display: none;
}

.header {
    height: 0;
}

/*パンくず位置*/    
.breadcrumb {
    text-align: right;
}

.go-to-top-button {
    border-radius: 0px;
}



/* .body {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-weight: 500;
    font-style: normal;
} */




body.public-page {
    background: linear-gradient(180deg, rgba(142, 210, 244, 1) 16%, rgba(20, 153, 181, 1) 42%, rgba(241, 145, 0, 1) 67%, rgba(232, 68, 0, 1) 90%);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% 100%;
}





/* Instagramアイコンのデザイン */
.instagram-link {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    background: #e84416;
    padding: 6px 8px;
    line-height: 0em;
    border-radius: 30px;
    transition: color 0.3s, transform 0.3s;
    text-decoration: none;
}

.instagram-link:hover {
	color: #fff;
  transform: scale(1.2); /* ホバー時に拡大 */
}




button.go-to-top-button.go-to-top-common.go-to-top-hide.go-to-top-button-icon-font {
    border-radius: 20px;
}




/*footer*/

.foot-1 {
    max-width: 700px;
    width: 90%;
    margin: 3em auto;
}

a.foot-btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
/* 	width: 120px; */
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #8ed2f4;
	background: #8ed2f4;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.foot-btn:hover {
	color: #8ed2f4;
	background: #fff;
}

p.copy {
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 3em;
}










/*coming soon*/

.mente-all {
    height: 100vh;
    position: relative;
}

.mente-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 70%;
}

.coming-soon {
    text-align: center;
    color: #00419c;
}

.coming-soon {
    font-size: 1.6rem;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: sans-serif;
    margin: 1em 0;
}


.dot-animation::after {
  content: "";
  display: inline-block;
  width: 1em;
  text-align: left;
  animation: dots 1.5s steps(3, end) infinite;
}

@keyframes dots {
  0%   { content: "";     }
  33%  { content: ".";    }
  66%  { content: "..";   }
  100% { content: "...";  }
}


































.movie_blk {
    max-width: 700px;
    width: 90%;
    height: 80vh;
    position: relative;
    margin: 3em auto 0 auto;
    border-radius: 30px 30px 0 0;
    border-top: 3px solid #004097;
    border-left: 3px solid #004097;
    border-right: 3px solid #004097;
}

.movie_blk video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 26px 26px 0 0;
}

img.moa-logo {
    max-width: 480px;
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
































.content {
    margin-top: 0px;
}

.main {
padding-top: 0;
}

.entry-content {
    margin-top: 0;
}


div#content-in {
    max-width: 700px;
    width: 90%;
    border-left: 3px solid #004097;
    border-right: 3px solid #004097;
    border-radius: 0 0 30px 30px;
    border-bottom: 3px solid #004097;
    background: #f9f5e5;
}



.main {
  --main-padding-x: 30px;
  --main-padding-y: 36px;
}

@media screen and (max-width: 834px) {
  .main {
    --main-padding-x: 16px;
    --main-padding-y: 32px;
  }
}


.about-title {
    background: #004097;
    width: calc(100% + (var(--main-padding-x) * 2));
    margin-left: calc(-1 * var(--main-padding-x));
    margin-right: calc(-1 * var(--main-padding-x));
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    padding: 0.3em 1em 1.3em 1em;
}

p.about-title-font-1 {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 7px;
    line-height: 1.3em;
}

p.about-title-font-2 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.about-in {
    margin: 2em 0;
}






.about-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.about-in {
    margin: 3em 0 0 0;
    position: relative;
    width: 100%;
    /* height: 600px; */
    padding-bottom: 7em;
}

.about-in p {
    margin-bottom: 1em;
}

.about-in img {
    width: 50%;
    max-width: 270px;
    position: absolute;
    bottom: -11px;
    right: -9px;
}








.transparent-img {
    position: relative;
    width: calc(100% + (var(--main-padding-x) * 2));
    margin-left: calc(-1 * var(--main-padding-x));
    margin-right: calc(-1 * var(--main-padding-x));
}

.transparent-img::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg, transparent 0 50%, #f9f4e2 80%);
}











/*info*/

.info-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.info-in {
    margin: 3em 0 0 0;
	position: relative;
    width: 100%;
}




p.info-in-font-1 {
    border: #e84416 3px solid;
    border-radius: 40px;
    text-align: center;
    color: #e84416;
    font-size: 1.3em;
    padding: 7px 0;
    font-weight: 700;
}

p.info-in-font-2 {
    font-size: 4.5em;
    margin-bottom: 0;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

p.info-in-font-3 {
    font-size: 1.5em;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.5;
}

p.info-in-font-4 {
    text-align: center;
}

p.info-in-font-5 {
    margin-bottom: 0;
    font-size: 2em;
    font-weight: 700;
    line-height: 1;
}

p.info-in-font-6 {
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}

.info-in-2-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.8em;
}

.info-in-2-flex-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 3px;
}

img.info-in-img-1 {
    padding: 0px 5px;
    max-width: 70px;
}



































/*ticket*/

.ticket-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.ticket-in {
    margin: 3em 0 0 0;
	position: relative;
    width: 100%;
}

.ticket-in-2-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}


.ticket-ribbon {
    display: inline-block;
    background: #00449e;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0.25em 1.2em 0.25em 0.4em;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, calc(100% - 0.8em) 50%, 100% 100%, 0 100%);
    line-height: 1.2;
}


p.ticket-in-font-3 {
    margin-bottom: 0;
    font-size: 2.5em;
    font-weight: 700;
}





.ticket-in-3 {
    text-align: center;
}

.ticket-in-4 {
    text-align: center;
}


img.ticket-title-img-1 {
    position: absolute;
    width: 32%;
    max-width: 150px;
    top: -4em;
    left: -0.5em;
}



.ticket-btn {
    display: inline-block;
    position: relative;
    padding: 0.7em 1em;
    width: 100%;
    max-width: 550px;
    margin: 2em 0 0.5em 0;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
    background: #e84300;
    border: 2px solid #fff;
    border-radius: 50px;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 内側の線を作成 */
.ticket-btn::before {
  content: "";
  position: absolute;
  top: 6px;   /* 内側の余白 */
  bottom: 6px;
  left: 6px;
  right: 6px;
  border: 2px solid #fff; /* 内側の白線 */
  border-radius: 999px;
  pointer-events: none; /* クリック操作を邪魔しない */
}

/* ホバー時のアニメーション */
.ticket-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
	color: #fff
}

/* クリック時の押し込み */
.ticket-btn:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}



































/*artist*/

.artists-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.artists-in {
    margin: 3em 0 0 0;
/*     padding: 3em 0 0 0; */
    position: relative;
    width: 100%;
/*     background-image: url(http://moa-fes-2025.local/wp-content/uploads/2025/08/back-img.jpg);
    width: calc(100% + (var(--main-padding-x) * 2));
    margin-left: calc(-1 * var(--main-padding-x));
    margin-right: calc(-1 * var(--main-padding-x)); */
}

    .artists-in-1-flex {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.artists-in-1-flex-in {
    width: calc(100% / 2 - 20px);
    margin: 0 10px;
    text-align: center;
}

p.artists-in-font-1 {
    text-align: center;
    line-height: 1.3;
    margin-top: 5px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.563rem, 0.982rem + 2.9vw, 2.375rem); /*25,38*/
}

p.artists-in-font-1.plusname {
    font-size: clamp(0.938rem, -0.089rem + 5.13vw, 2.375rem);
}

p.artists-in-font-1.hirafont {
    text-align: center;
    line-height: 1.3;
    margin-top: 5px;
    font-family: 'Zen Kaku Gothic Antique';
    font-weight: 600;
    font-style: normal;
    font-size: clamp(1.125rem, 0.5rem + 3.13vw, 2rem); /*18,32*/
}

p.artists-in-font-2 {
    text-align: center;
    line-height: 1.3;
    margin-top: 1.8em;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.563rem, 0.982rem + 2.9vw, 2.375rem);
}


.artists-top {
    margin-bottom: 0;
    width: calc(100% + (var(--main-padding-x) * 2));
    margin-left: calc(-1 * var(--main-padding-x));
    margin-right: calc(-1 * var(--main-padding-x));
}

img.artists-title-img-2 {
    position: absolute;
    width: 22%;
    max-width: 120px;
    top: -4.6em;
    right: -0.8em;
}

.artists-in-2 {
    padding-bottom: 12em;
}

img.faq-in-img-1 {
    width: 35%;
    max-width: 175px;
    position: absolute;
    bottom: 0;
    right: 10px;
    margin: 0 0 0 auto;
    display: block;
}

img.faq-in-img-2 {
    width: 40%;
    max-width: 140px;
    margin: 6em auto 10em auto;
    display: block;
}























/*faq*/
.faq-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}


/*アコーディオン*/
 
 @media screen and (min-width:769px){
.accordion-item {
    margin-bottom: 10px;
    position: relative;
/*     width: 80%; */
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 1px;
}

    .qa-1 {
        text-align: center;
        margin: 4em 0;
        /* padding: 0 0.5em; */
    }}

@media screen and (max-width:768px){
.accordion-item {
    margin: 1em auto;
    position: relative;
    width: 100%;
    letter-spacing: 0.5px;
    font-size: 1em;
}

.qa-1 {
        /* text-align: center; */
        margin: 4em auto;
        /* padding: 0px 1em; */
        /* max-width: 660px; */
    }}

.accordion-header {
    padding: 10px 20px 10px 0px;
    cursor: pointer;
    position: relative;
    color: #004097;
    font-weight: 600;
    text-align: left;
}

.accordion-header .arrow {
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.accordion-header .arrow::before {
    content: '+';
    font-weight: 900;
}

.accordion-header .arrow.up::before {
    content: '-';
    font-weight: 900;
}

.accordion-content {
  padding: 10px;
  display: none;
}

.accordion-content.active {
  display: block;
}

.accordion-content p {
    margin: 0;
    color: #e84416;
    font-size: 14px;
    text-align: left;
}




































/*access*/

.access-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.access-in {
    margin: 3em 0 0 0;
	position: relative;
    width: 100%;
}

p.access-in-font-1 {
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

p.access-in-font-2 {
    text-align: center;
    margin-bottom: 0;
}

img.access-in-img-2 {
    position: absolute;
    width: 25%;
    max-width: 110px;
    top: -6em;
    left: -0.8em;
}

img.access-in-img-1 {
    width: 25%;
    max-width: 100px;
    margin: 3em auto;
    display: block;
}

































.circular-button {
    position: fixed;
    width: 133px;
    height: 133px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    right: 10px;
    top: 10px;
}

.circle-text {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
animation: rotateText 15s linear infinite;
}

.circle-text p {
margin: 0;
position: absolute;
width: 100%;
height: 100%;
font-family: sans-serif;
color: white;
text-transform: uppercase;
font-size: 0.6em;
}

.circle-text p span {
position: absolute;
left: 50%;
transform-origin: 0 66.5px;
}

a.inner-circle {
    width: 100px;
    height: 100px;
    background-color: #ffda00;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #0054a3;
    color: #0054a3;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(15deg);
    line-height: 22px;
    text-decoration: none;
    text-align: center;
}

a.inner-circle:hover {
    color: #ffda00;
    border: 3px solid #ffda00;
    background-color: #0054a3;
    transition-delay: 0.1s;
}

@keyframes rotateText {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

































/*協賛*/

.sponsorship-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.sponsorship-in {
    margin: 3em 0 0 0;
	position: relative;
    width: 100%;
}

a.sponsorship-btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
/* 	width: 120px; */
	margin: auto auto 4em auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #e84416;
	background: #e84416;
	color: #f9f5e5;
	border-radius: 100vh;
	transition: 0.5s;
}
a.sponsorship-btn:hover {
	color: #e84416;
	background: #f9f5e5;
}


p.sponsorship-in-font-1 {
    text-align: center;
}


img.sponsorship-in-img-1 {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.specialseats-1 {
    margin-bottom: 5em;
}

p.specialseats-dj-font1 {
    font-size: clamp(0.75rem, 0.661rem + 0.45vw, 0.875rem); /*12,14*/
    text-align: center;
    margin-top: 5px;
    line-height: 1.4em;
}


p.about-title-2-font-1 {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 15px;
}

p.about-title-2-font-2 {
    margin-bottom: 0px;
    margin-top: -8px;
}

p.artists-in-font-2 {
    text-align: center;
    line-height: 1.3;
    margin-top: 2em;
    margin-bottom: 0;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.438rem, 0.946rem + 2.46vw, 2.125rem);
}
















/*表*/
.wp-block-table .has-fixed-layout {
    table-layout: auto;
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
    white-space: nowrap;
    table-layout: fixed;
}

table.has-fixed-layout {
    background: #fff;
}

table tr:nth-of-type(2n+1) {
    background-color: #fff;
}

table tr:nth-child(1) {
    color: #fff;
    background-color: #004097;
    font-weight: 600;
}

table:not(.has-border-color) :where(th, td) {
    border: 1px solid #004097;
}

table.has-fixed-layout {
    color: #000;
}

.main figure.wp-block-table {
    text-align: center;
}



.sponsorship-2 {
    margin-bottom: 4em;
}

img.sponsorship-1-img {
    width: 50%;
    max-width: 230px;
}

img.sponsorship-1-img:hover{ 
	opacity:0.5;
	transition:0.3s;
}

a.sponsorship-1-btn {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 80%;
    max-width: 200px;
    margin: 0.5em auto;
    padding: 0.3rem 1rem;
    font-weight: 500;
    background: #fff;
    border: 2px solid #fff;
    color: #000;
    transition: 0.5s;
    font-size: 12px;
}

a.sponsorship-1-btn:hover {
	color: #fff;
 	background: #c98f49; 
	border: 2px solid #fff;
}




a.btn_2 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 80%;
    max-width: 330px;
    margin: 1em auto 2em auto;
    padding: 1rem 3rem 1rem 2rem;
    font-weight: bold;
    background: #e84416;
    color: #f9f5e5;
    border-radius: 20px;
    position: relative;
    transition: 0.5s;
}
a.btn_2::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_2:hover {
	background: #e84416;
	color: #f9f5e5;
}

































/*主催*/

.organize-all {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 0;
}

.organize-in {
    margin: 3em 0 0 0;
	position: relative;
    width: 100%;
}

img.organize-img-1 {
    height: 45px;
}

img.organize-img-2 {
    height: 90px;
}

.organize-in-flex {
    text-align: center;
}

.organize-in-flex.organaizeer {
    margin-bottom: 3em;
}

.organize-in-flex p {
    margin-top: 5px;
    text-decoration: underline;
}

p.orga-title {
    background: #00419d;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    margin-top: 0;
}
































/*外文字*/
@media screen and (min-width: 835px) {
p.out-font-1 {
    position: absolute;
    top: 50%;
    right: -4.6em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-1 {
    position: absolute;
    top: 50%;
    right: -3.8em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-1 {
    display: none;
}
}






@media screen and (min-width: 835px) {
p.out-font-2 {
    position: absolute;
    top: 50%;
    right: -6.5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-2 {
    position: absolute;
    top: 50%;
    right: -5.6em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-2 {
    display: none;
}
}



@media screen and (min-width: 835px) {
p.out-font-3 {
    position: absolute;
    top: 50%;
    right: -5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-3 {
    position: absolute;
    top: 50%;
    right: -4.2em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-3 {
    display: none;
}
}


@media screen and (min-width: 835px) {
p.out-font-4 {
    position: absolute;
    top: 50%;
    right: -4em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-4 {
    position: absolute;
    top: 50%;
    right: -3em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-4 {
    display: none;
}
}



@media screen and (min-width: 835px) {
p.out-font-5 {
    position: absolute;
    top: 50%;
    right: -5.5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-5 {
    position: absolute;
    top: 50%;
    right: -4.5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-5 {
    display: none;
}
}




@media screen and (min-width: 835px) {
p.out-font-6 {
    position: absolute;
    top: 50%;
    right: -4.8em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-6 {
    position: absolute;
    top: 50%;
    right: -3.9em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-6 {
    display: none;
}
}



@media screen and (min-width: 835px) {
p.out-font-7 {
    position: absolute;
    top: 50%;
    right: -5.7em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 834px) and (min-width: 540px) {
p.out-font-7 {
    position: absolute;
    top: 50%;
    right: -4.8em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(90deg);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 0;
}
}

@media screen and (max-width: 539px) {
p.out-font-7 {
    display: none;
}
}


@media screen and (min-width: 835px) {
    p.out-font-8 {
        position: absolute;
        top: 50%;
        right: -6.7em;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: rotate(90deg);
        color: #fff;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 834px) and (min-width: 540px) {
    p.out-font-8 {
        position: absolute;
        top: 50%;
        right: -5.8em;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: rotate(90deg);
        color: #fff;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 539px) {
    p.out-font-8 {
        display: none;
    }
}














/*キッチンカー募集*/

img.kitchencar-img-1 {
    width: 90%;
    margin: 0 auto 3em auto;
    display: block;
}









/*前売りチケット取扱店*/

.ticket-shop {
    text-align: center;
    margin-top: 4em;
}

.ticket-shop-title {
    text-align: center;
    border: 2px solid;
    font-size: clamp(1.25rem, 1.071rem + 0.89vw, 1.5rem); /*20,28*/
    font-weight: 600;
    display: inline-block;
    padding: 5px 15px;
    margin: 1em auto;
}

.ticket-shop-in a {
    text-decoration: none;
    color: #004097;
}

.ticket-shop-in p {
    margin-bottom: 0;
}

p.ticket-shop-in-font1 {
    font-size: 24px;
    font-weight: 600;
}

.ticket-shop-in {
    border-left: 13px solid #e84416;
    padding-left: 10px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background: #fff;
    margin: 1.5em 0;
    text-align: left;
}







/*アートワーク*/
.faq-art-all {
    margin-bottom: 3em;
}

p.artwork-font1 {
  font-size: clamp(1.125rem, 0.857rem + 1.34vw, 1.5rem);
  text-align: center;
  margin-top: 1.8em;
  line-height: 1.4em;
}

.artists-in-1-flex-in-2 {
    width: calc(100% / 3 - 10px);
    margin: 0px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

p.artists-in-2-font-1 {
  text-align: center;
  line-height: 1.2;
  margin-top: 5px;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(1.563rem, 0.982rem + 2.9vw, 2.375rem); /*25,38*/
  margin-bottom: 0em;
}

.instagram-link-2 {
  /* display: inline-block; */
  font-size: 28px;
  color: #004097;
  padding: 6px 8px;
  line-height: 0em;
  border-radius: 30px;
  transition: color 0.3s, transform 0.3s;
}

.instagram-link-2:hover {
	color: #e84416;
  transform: scale(1.2); /* ホバー時に拡大 */
}














/*ダンスナンバー*/

.dancer-in-1-flex-in {
    width: calc(100% / 2 - 18px);
    margin: 2em 8px;
    text-align: center;
}

.dancer-in-1-flex-in ruby {
    text-align: center;
    line-height: 0;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.563rem, 0.982rem + 2.9vw, 2.375rem);
    margin-bottom: 0;
}

.dancer-in-1-flex-in rt {
    padding-bottom: 1px;
/*     padding-top: 5px; */
    font-size: 12px;
}

.dancer-in-1-flex-in rt.long-1 {
    padding-bottom: 1px;
    padding-top: 5px;
    font-size: clamp(0.5rem, 0.188rem + 1.56vw, 0.938rem); /*8,15*/
}

.dancer-in-1-flex-in ruby.long-rudy-1 {
    font-size: clamp(0.938rem, 0.179rem + 3.79vw, 2rem); /*15,32*/
}

.dancer-in-1-flex-in ruby.long-rudy-2 {
    font-size: clamp(1.438rem, 0.768rem + 3.35vw, 2.375rem); /*23,38*/
}

ruby.hiragana-ruby {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: clamp(1.313rem, 0.821rem + 2.46vw, 2rem); /*21,32*/
}

rt.hiragana-rt {
    font-weight: 400;
}

br.br-dance {
    margin-bottom: -5px;
}


@media screen and (max-width: 600px) {
.dancer-in-1-flex-in img {
    margin-bottom: 5px;
}
}

@media screen and (min-width: 601px) {
.dancer-in-1-flex-in img {
    margin-bottom: 5px;
}
}





p.dancer-font-1 {
    text-align: center;
    line-height: 1.3;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.563rem, 0.982rem + 2.9vw, 2.375rem);
    margin-bottom: 0;
}

p.dancer-font-2 {
    margin-bottom: 0;
    margin-top: 0em;
    font-size: 12px;
    line-height: 1.3em;
}

p.dancer-font-1.hiragana-ruby {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: clamp(1.313rem, 0.821rem + 2.46vw, 2rem); /*21,32*/
}






























/* .circular-button {
    display: none;
} */

.no {
    display: none;
}