@charset "utf-8";

/*== 1180px以上の形状 */
@media screen and (min-width:1180px){

.global__navi-list li.sp_view{
    display: none;
}

.drawer-hamburger{
    display:none;
}
.drawer-nav{
    position: static;
    width: auto;
    height:auto;
    background: none;
    overflow: visible;
    right: 0 !important;
    margin-top: 16px;
}
.drawer-menu{
    padding:0;
    display:flex;
    align-items:flex-end;
}
.global__navi-list {
    display: flex;
    align-items: center;
}

.top__mv-item {
    max-width: 880px;
}

.artist__archive-list {
    column-count: 3;
    column-gap: 3%;
}

.program__single-artist_item {
    width: 31.3%;
    margin-right: 3%;
}

.program__single-artist_item:not(:nth-child(5n+1)) {
}

.program__single-artist_item:nth-of-type(2n) {
    margin-right: 3%;
}

.program__single-artist_item:nth-of-type(3n) {
    margin-right: 0;
}

.program__single-artist_item:nth-child(n + 3) {
    margin-top: 0;
}

.program__single-artist_item:nth-child(n + 4) {
    margin-top: 4%;
}

.top__mv-item {
    max-width: 1000px;
}

.header__inner{
    max-width: 1360px;
    width: 88%;
}

.top__mv-item {
    max-width: 1240px;
}

.global__navi-item {
    font-size: 1.4rem;
}

.top__about-head {
    font-size: 20px;
}

.top__about-body {
    font-size: 16px;
}

}






@media all and (max-width : 1180px ){

.sns_header{
	display: none;
}

.drawer-hamburger{
	width: 80px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0;
	top:0;
	right: 4% !important;
	transform: translate(0);
}
.drawer-hamburger p{
	font-weight: bold;
    margin-right: 6px;
    color: #000;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after{
	width: 26px;
	height: 3px;
}
.drawer-hamburger-icon{
	margin-top: 5px;
	margin-bottom: 5px;
}
.drawer-hamburger-icon:before{
	top: -8px;
}
.drawer-hamburger-icon:after{
	top: 9px;
}

.drawer--right .drawer-nav{
    width: 40%;
    right: -40%;
    border-left: solid 2px;
    box-sizing: border-box;
}

.drawer__sns-list{
	display: block;
}

.drawer__sns-list li{
    width: 40px;
    margin: 0 8px;
}

.drawer__sns-list li img{
    width: 100%;
    height: auto;
}

.sns_header{
    display: none;
}

nav li.has-child ul {
    width: 100%;
    text-align: left;
}

.global__navi-item + .global__navi-item {
    margin: 0 16px;
}

.drawer-nav{
	background-color: #f5f5f5;
}

.drawer-menu{
	padding:50px 0 135px;
	position: relative;
	background-color: #f5f5f5;
}

.global__navi-list{
	font-size: 1.3rem;
	padding-right: 0;
	text-align: center;
}

.global__navi-item + .global__navi-item{
    margin: 0px 6% !important;
}

.global__navi-link{
	display: inline-block;
	padding:1em 2em;;
}

.drawer__sns-list{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.drawer__sns-twitter .drawer__sns-picture{
	width: 20px;
}
.drawer-overlay{
	display: none!important;
}

ul.global__navi-list li{
	margin-right: 0;
}

nav ul.global__navi-list li.has-child::before{
  left: 32%;
}

nav ul.global__navi-list ul li.has-child::before{
	transform: rotate(135deg);
	left:20px;
}
    
nav ul.global__navi-list li.has-child.active::before{
    transform: rotate(-45deg);
}

}


@media all and (max-width : 1024.9999px ){

	.inner__01{
		padding:0 3%;
	}

}


@media all and (max-width : 880px ){
	.header__logo-picture{
		width: 200px;
	}
}





@media all and (max-width : 767.9999px ){

.top__ticket-item .top__ticket-title {
    display: block;
}

.icon_release {
    display: inline-block;
    margin-top: 8px;
}

.top__ticket-item .post_detail {
    display: block;
}

.post_detail-left dl dt{
    float: unset;
    width: auto;
}

.post_detail-left dl dd{
	padding-left: 0;
}

.post_detail-inner {
    display: block;
    width: 100%;
}

.post_detail-right{
    text-align: center;
    max-width: unset;
    margin-top: 24px;
}

.page__wrap-ticket_archive .c__under-wrap {
    width: 96%;
}

.post_detail-thumbnail {
    max-width: unset;
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
}

.footer_inner {
    display: block;
}

.footer_inner-top {
    display: block;
    width: 100%;
}

.footer_inner ul {
    width: 100%;
}

.footer_inner-bottom {
    width: 100%;
}

.footer_inner .program_middlelink {
    margin-left: 8px;
}

.footer_inner .program_titlelink {
    margin-left: 8px !important;
}

.footer_inner .program_smalllink {
    margin-left: 12px;
}

.c__head-under .c_head-en {
    font-size: 2.8rem;
    line-height: 1;
}

.page__wrap-artist_archive .c__head-under {
    border-bottom: double 4px #000;
    margin-bottom: 24px;
    display: block;
    padding-bottom: 12px;
}
	
nav ul{
  display: block;
}
  
nav li.has-child ul,
nav li.has-child ul ul{
	position: relative;
	left:0;
	top:0;
	width:100%;
	visibility:visible;
	opacity:1;
	display: none;
	transition:none;
}

.drawer--right .drawer-nav{
	width:100%;
	right:-100%;
}

.global__navi-item_inner .bigcategory{
	width:100px;
}

.swiper-button-prev,
.swiper-button-next {
  top: 42%;
}

.swiper-button-prev{
	left: 0;
}

.swiper-button-next{
  right: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.top__ineterview-image {
    width: 88% !important;
    margin: 0 auto;
    padding-top: 55%;
}

.drawer--right .drawer-nav {
    border-left: none;
}

body {
	font-size: 1.2rem;
}
.c__inner{
	padding:0 6%;
}
.c__column-two{
}
.c__column-two_inner{
	display: block;
}
.c__column-main{
	width: 100%;
}
.c_head-en {
}
.c__head-under .c_head-ja {
    font-size: 1.2rem;
}
.c_head-ja{
	font-size: 1rem;
}
.c__box-01{
	border-width: 2px;
}
.c__column-aside{
	width: 100%;
	margin-left: 0;
	margin-top: 8%;
}
.header{
	padding:15px 0;
	height: 64px;
}

#contents {
    padding-top: 64px;
}
.c__news-list{
	padding:0 5%;
	padding-top:1.2em;
}
.c__news-date{
	font-size: 1.1rem;
}
.c__news-twitter{
	padding-top: 24px;
}
.c__news-twitter iframe{
	height: 1000px!important;
}
.footer{
	padding: 48px 0 36px;
}
.footer__navi-list{
	flex-wrap: wrap;
	margin:-0.5em;
}
.footer__navi-item{
	margin:0.5em 0;
}
.footer__logo-picture{
	width: 120px;
}
.footer__copyright{
	font-size: 1.1rem;
}
/*--------------------------------------------

	 TOP

--------------------------------------------*/
.top__mv-item{
	width: 100vw;
	padding: 0 4px;
}
.top__about{
	padding: 32px 0 24px;
}
.top__about-head{
	font-size: 15px;
}
.top__about-body{
	display: block;
}
.top__about-sentences{
	line-height: 1.72;
	padding-right: 0;
	padding-top: 0.64em;
}
.top__about-btn{
	width: 100%;
    margin-top: 1.6em;
    margin-left: auto;
}
.top__about-btn_link{
	width: 72%;
    display: block;
    margin: 0 auto;
}
.top__ineterview-head {
    margin: 0;
    width: 100%;
}
.top__program-body{
}
.top__program-list{
}
.top__program-item{
	padding: 0 4% 32px;
}
.top__program-title{
	font-size: 1.4rem;
    padding: 8px 4%;
    margin-bottom: 24px;
}
.top__program-title img {
    width: 100%;
}
.top__program-column{
	flex-direction:column-reverse;
	align-items: center;
}
.top__program-text p + p{
}
.top__program-column .top__program-text{
	width: 100%;
	line-height: 1.72;
	padding-right: 0;
}
.top__program-column .top__program-image{
	width: 50%;
}
.top__program-stage_list{
}
.top__program-stage_item,
.top__program-stage_item:first-child{
	padding:24px 0;
	flex-direction: column-reverse;
	align-items: center;
}
.top__program-stage_item .top__program-title_in{
	font-size: 1.8rem;
}
.top__program-stage_item .top__program-text,
.top__program-danceitis .top__program-stage_item .top__program-text{
	width: 100%;
	padding-right: 0;
	padding-top: 1em;
}
.top__program-stage_item .top__program-image{
	width: 100%;
}
.top__program-stage_desc,
.top__program-danceitis .top__program-stage_item:nth-child(1) .top__program-stage_desc{
	padding-top: 0.8em;
}
.top__program-award{
}
.top__program-award .top__program-image{
	margin-top: 16px;
}
.top__program-danceitis > .top__program-image{
	max-width:90%;
	margin:0 auto;
	margin-top: 16px;
}
.top__program-danceitis .top__program-stage_list{
	padding-top: 0;
}
.top__program-danceitis .top__program-stage_item .top__program-image{
	width: 100%;
}
.top__program-danceitis .top__program-stage_item .top__program-title{
	font-size: 1.6rem;
}
.top__program-danceitis .top__program-stage_item .top__program-operating{
	font-size: 1.5rem;
}
.top__ineterview{
	padding:40px 0 45px;
	border-bottom: 1px solid #000;
}
.top__ineterview-inner{
}
.top__ineterview-head_en{
	font-size: 2rem;
}
.top__ineterview-body{
	padding-top: 12px;
}
.top__ineterview-list{
	display: block;
}
.top__ineterview-item{
	width: 100%;
}
.top__ineterview-item:nth-child(2n){
	margin-left: 0%;
}
.top__ineterview-item:nth-child(n+2){
	margin-top: 8%;
}
.top__ineterview-date{
	font-size: 1.1rem;
}
.top__ineterview-title{
	font-size: 1.3rem;
}
.top__note{
	padding:40px 0;
	line-height: 1.92;
}
.c__under-wrap {
    padding-top: 24px;
}
.footer__navi {
    width: 100%;
}
/*--------------------------------------------

	 PROGRAM SINGLE

--------------------------------------------*/

.single-program #contents {
    padding-top: 56px;
}

.program__single-title{
	font-size: 1.8rem;
	padding: 8px 16px;
    margin-bottom: 16px;
}
.program__single-artist_head {
    display: block;
}
.program-sabtext h4 span {
    font-size: 2rem;
}
.c__head.program__single-reserve_head {
    display: block;
    padding-bottom: 8px;
}

.program__single-reserve .c_head-en {
    font-size: 2rem;
}

.program__single-mv{
	margin-top: 20px;
}
.program__single-description{
	margin-top: 24px;
}
.program__single-artist_body{
	margin-top: 20px;
}
.program__single-artist_item{
	width: 100%;
    margin-bottom: 8%;
    margin-right: 0;
}
.program__single-artist_name br{
}
.program__single-artist_item:nth-child(n+4){
	margin-top: 5%;
}
.program__single-artist_item:not(:nth-child(5n+1)){
	margin-left: 0%;
}
.program__single-artist_item:not(:nth-child(3n+1)){
}
.program__single-reserve{
	margin-top: 40px;
}
.single-program .about_wrap {
    display: block;
}
.single-program .about_wrap .headline {
    width: 100%;
    min-width: unset;
    margin-bottom: 16px;
}
.single-program .about_wrap .detail_block {
    width: 100%;
}
.single-program .page__wrap .c__inner {
    width: 80%;
    padding: 24px 4%;
}
.program__single-reserve_body {
    padding: 0;
}
.program__single-description div{
	max-width: 100%;
}
/*--------------------------------------------

	 ARTIST ARCHIVE

--------------------------------------------*/
.artist__archive-navi_list{
	margin:-0.3em;
}
.artist__archive-item .joined_program-block {
    margin-top: 8px;
    line-height: normal;
}
.artist__archive-navi_link {
    padding: 0.2em 1em;
}
.artist__archive-navi_item{
	margin:0.3em;
}
.artist__archive-cts {
    padding-top: 0;
}
.artist__archive-item{
	width: unset;
}
.artist__archive-item:not(:nth-child(3n+1)){
}
.artist__archive-item:not(:nth-child(2n+1)){
}
.artist__archive-item:nth-child(n+3){
}
.artist__archive-name{
	font-size: 13px;
}
.artist__archive-list {
    column-count: 1;
}

.artist__single-wrap .middle_block {
    display: block;
    width: 100%;
}

.artist__single-wrap .middle_block figure {
    width: 100%;
    margin-bottom: 24px;
}

.artist__single-wrap .middle_block .artist__single-desc {
    width: 100%;
}

/*--------------------------------------------

	 ARTIST SINGLE

--------------------------------------------*/
.artist__single-wrap .c__inner {
	width: 80%;
    padding: 24px 4%;
}
.artist__single-program_item{
    display: block;
}
.artist__single-title {
    font-size: 1.8rem;
    padding-bottom: 1.2em;
    text-align: left;
    padding-top: 0;
}
.artist__single-desc{
}
.artist__single-program{
	margin-top: 36px;
}
.artist__single-program_body{
	padding: 0;
}
.artist__single-program_list{
	padding: 0 0 16px;
}
.artist__single-program_link{
    flex-direction: column-reverse;
    align-items: center;
}
.artist__single-program_text{
	width: 100%;
    padding-right: 0;
    padding-top: 0;
}
.artist__single-program_title{
	font-size: 1.5rem;
}
.artist__single-program_desc{
}
.artist__single-program_image{
	width: 100%;
}
.artist__single-interview{
	margin-top: 40px;
}
.artist__single-interview_body{
	padding-top: 0;
}
/*--------------------------------------------

	 INTERVIEW ARCHIVE

--------------------------------------------*/
/*--------------------------------------------

	 INTERVIEW SINGLE

--------------------------------------------*/
.interview__single-title{
	font-size: 1.8rem;
    line-height: 1.4;
}
.interview__single-subtile{
	font-size: 1.4rem;
}
.interview__single-interviewee{
	margin-top: 40px;
	padding: 16px 6%;
}
.interview__single-interviewee_image{
	width:28%;
}
.interview__single-interviewee_text{
	width:72%;
	padding-left:1.6em;
}
.interview__single-interviewee_head .c_head-en{
	font-size:1.8rem;
}
.interview__single-interviewee_name{
	font-size: 1.3rem;
}

.interview__single-cts table,
.interview__single-cts tr,
.interview__single-cts td{
width: 100%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}

.interview__single-mv{
	width: 100%;
}

/*--------------------------------------------

	 NEWS SINGLE

--------------------------------------------*/
.news__single-title{
	font-size: 1.6rem;
}

.news__single-wrap .middle_block .c__inner_right {
    margin-left: 0;
}

.page__wrap-news_single .c__inner {
    width: 80%;
    padding: 24px 4%;
}

.news__single-cts{
}

.news__single-wrap .middle_block{
	display: block;
}

.news__single-wrap .middle_block .c__inner_right{
	width: 100%;
	margin-bottom: 24px;
}

.news__single-wrap .middle_block .c__inner_left{
	width: 100%;
}

/*--------------------------------------------

	 NEWS LIST

--------------------------------------------*/

.post-type-archive-news .top__ineterview-image {
    width: 100% !important;
}

.post-type-archive-news .interview__archive-list {
	display: flex;
}

.post-type-archive-news .top__ineterview-item {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 40px;
}

.post-type-archive-news .top__ineterview-item:nth-of-type(3n){
	margin-right: 6%;
}

.post-type-archive-news .top__ineterview-item:nth-of-type(2n){
	margin-right: 0;
}

.post-type-archive-news .top__ineterview-item:nth-child(n+2) {
    margin-top: 0;
}

.page-template-page-about .c__head.c__head-under {
    display: block;
    padding-bottom: 12px;
}

.program_01_button_block{
	display: flex;
	flex-direction: column;
}

.program_01_button_block .top__program-btn{
	margin-right: 0;
}

.interview__single-cts tr {
    display: flex;
    flex-direction: column;
}

.c__head-under {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
}

.public__archive-list {
    gap: 0 6%;
}

.public-item {
    width: 47%;
    margin-bottom: 8%;
}

.public-item h3 {
    margin-bottom: 8px;
    line-height: 1.6;
}

.public-item .top__ineterview-image {
    width: 100% !important;
    box-sizing: border-box;
}

.public__archive-body h2 {
    font-size: 1.6rem;
}

.public-item p.button a {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    font-size: 1rem;
}

.public__single-wrap .c__inner {
    padding: 24px 4%;
    width: 80%;
}

.public__single-title {
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 24px;
}

.public__single-description {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.public__single-detail-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.public__headline h2 {
    font-size: 1.6rem;
}

.topprogram__title {
    padding: 12px 6%;
    line-height: 1.2;
    margin-bottom: 0;
}

.topprogram__block-detail {
    padding: 0 6% 48px;
}

.top_program_category {
    font-size: 1.4rem;
}

.topprogram__title h3 {
    font-size: 2.8rem;
}

.clause .topprogram__block-detail-inner {
    display: flex;
    flex-direction: column;
}

.clause .topprogram__block-detail img.top_program_image {
    width: 72%;
    order: 1;
    margin: 0 auto 24px;
}

.clause .top_project_detail {
    order: 2;
    width: 100%;
}

.clause .topprogram__title h3 {
    font-size: 1.8rem;
    line-height: 1.4;
    width: 100%;
}

.clause .topprogram__title {
    padding: 0 6%;
}

.single-program .top_program_subtitle {
    font-size: 1.8rem;
}

.single-program .top_program_category {
    font-size: 1.6rem;
}

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 0;
}

.topprogram__block-detail img.top_program_image {
    margin-top: 24px;
}

.facebook_wrap {
    overflow: hidden;
}

.fb-page,
.fb-page span,
.facebook_wrap iframe{
	width: 100% !important;
	height: 500px !important;
}

.detail_block div{
	width: auto !important;
}

.public__single-detail-item .detail_block {
    max-width: 100%;
}

.public__single-description-text tr {
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.public__single-description-text tr td {
    width: 100% !important;
    height: auto !important;
}

.public__single-description-text tr td img{
    width: 100%;
}

.program__single-description table,
.program__single-description tr,
.program__single-description td{
	height: auto !important;
}

.program__single-description tr {
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.program__single-description tr td {
    width: 100% !important;
    height: auto !important;
}

.program__single-description tr td img {
    width: 100%;
}

.single-program .about_wrap {
    margin-top: 24px;
}

/*--------------------------------------------

	2024追記

--------------------------------------------*/
.reportpage_archive .public-item {
    width: 47%;
    position: relative;
    margin-bottom: 16%;
}

.reportpage_block {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.reportpage_block_left {
    width: 100%;
}

.reportpage_block .post_thumbnail {
    width: 64%;
    padding-top: 64%;
}

.reportpage_block_right {
    width: 100%;
}

.reportpage_block_detail h3 {
    font-size: 16px;
}

.reportpage_archive .report_select {
    top: -18px;
}

.link_button_report a {
    border: none;
    padding: 0;
    text-decoration: underline;
    line-height: 1.4;
}

.reportpage_block_left_thumbnail {
    padding-top: 40% !important;
    width: 40% !important;
}

.reportpage_block_left_detail {
}

.reportpage_programnamelink {
    margin-top: 12px;
    margin-bottom: 12px;
}

.link_button_report {
    margin-top: 12px;
}

.header__logo {
    top: 16px;
}

.report__nav-year {
    overflow-x: scroll;
    padding-top: 8px;
    width: 108%;
    padding-bottom: 20px;
}

.report__nav-year::-webkit-scrollbar{
  display: none;
}

.report__nav-year ul {
    gap: 10px;
    margin-bottom: 0;
}

.artist__archive-navi_list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.dropdown-toggle {
    display: block; /* 800px以下で表示 */
}

.dropdown-checkbox:checked ~ .artist__archive-navi_list {
    display: flex;
    gap: 20px;
    padding: 16px;
}

.artist__archive-navi_item {
    width: 100%;
}

.artist__archive-navi_link {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
}

.artist__archive-navi_link:last-child {
    border-bottom: none;
}

.reportpage_archive .artist__archive-navi_link {
	background-color: unset;
    padding: 0;
}

.current .artist__archive-navi_link {
    color: #000;
    opacity: 0.5;
}

.reportpage_programnamelink_list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 12px;
}

.reportpage_programnamelink_list .link_button_report {
    margin-top: 0;
}

.reportpage_programnamelink_list .link_button_report a {
    transition: all .3s;
    padding: 6px 8px;
    border-radius: 6px;
}















}/*=========== M E D I A Q U E R Y ==========*/