html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;}legend{color:#000}

/* img { width: 100%; } */

body{
    font-family:-apple-system,HelveticaNeue,"Hiragino Kaku Gothic ProN","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"メイリオ",meiryo,sans-serif;
    width:100%;
    height:100%;
}


/* 共通 */
.contents_title {
	text-align: center;
	padding: 20px 0;
	margin: 10px 20px 0;
	font-weight: bold;
}
/* background: url(image/line_black.png) no-repeat center bottom;
background-size: 100% 1px; */
/* 共通 */



/* TOPページ */
#contents {
	width: 100%;
	margin:0 auto;
}

/* #header { height:70px;padding:10px auto; } */
#logo { height:100%; width:100%; padding:10px 0; text-align: center; }
#logo img { width:154px; } /*280px*/
#menu { margin: 0 auto; display: none; }
#menu ul li {
	padding: 20px 5px 3%;
	text-align: center;
	font-size: 1.2rem;
}
.inline-block { text-align: center; }
.inline-block li { display: inline-block; }
#menu ul li a {	text-decoration: none; }

#pickup .pc { display: none !important; }
#pickup .sp { display: block !important; }

#info_bar { margin: 15px 0 0; }
#info_bar .pc { display: none !important; }
#info_bar .sp { display: block !important; }

#whats_new { width: 100%; }
#whats_new dl {
	padding: 10px 20px;
	clear:left;
}
.tsutomu_sns {
	width: 100%;
	height:5vh;
	padding: 10px 0;
}
/* .tsutomu_sns img { height: 100%; } */
.tsutomu_sns span { padding-right: 1%; }
/* .tsutomu_sns span img { width: 100%; } */
.tsutomu_sns ul li {
	float:left;
	padding-right: 1%;
}

/* white-space: nowrap;
overflow: hidden;
height: 102px;
background: url(image/line_black.png) no-repeat center bottom;
background-size: 100% 1px; */

#whats_new dd { float: left; padding: 0 20px 0 0; }
#whats_new dd img { width: 100px; border: 1px solid #909090; }
#whats_new .event_image { padding: 0 10px 0 0; }
#whats_new .contents_type { font-weight: bold; }
#whats_new .event_contents { width: 100%; } /* calc(100% - 132px) */
#whats_new .contents_link { text-align: right; }

#discography { width: 100%; float: left; }
#discography dl { padding: 20px; width: calc(50% - 30px); float: left; }
#discography .event_image { padding: 0; }
.event_image img { width:100%; }
#discography dl.second { padding: 20px 20px 20px 0; }

#movie { width: 100%; }
#movie dl { padding: 20px 20px; line-height: 0; }
#movie dl dd { padding: 0 0 20px; }
#movie dl dd iframe { width: 100%; }

#footer { clear: left; width: 100%; padding: 100px 0 50px; text-align: center; }

#barnner_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#banner_area a img {
	width:100%;
	height: auto;
	aspect-ratio: 1 / 1;
}

@media screen and ( max-width:479px ) { 
    #banner_area a:nth-child(1) img {
        display: block; /* 1枚目の画像のみ表示 */
        width: 100vw; /* 画面幅100% */
    }
    #banner_area a:nth-child(2) img {
        display: none; /* 2枚目の画像を非表示 */
    }
	.contents_title {
		font-size: 9vw;
	}
}
/* TOPページ */




/* Liveページ */
#live_page dl {
	overflow: hidden;
	padding: 40px 20px;
	border-bottom: 1px solid #000;
	float: left;
	width: calc(100% - 40px);
	font-size:10px;
}
#live_page dl dd { width: 100%; }
#live_page dl .event_full_image { width: 100%; padding: 0 0 20px; }
#live_page dl .event_image { width: 100%; padding: 0 0 20px; }
#live_page dd .event_date { padding: 5px 0; border: 1px solid #000; text-align: center; width: 100%; clear: left; font-size: 1.2rem; }
#live_page dd .event_title { padding: 15px 0; font-size: 1.2rem; font-weight: bold; text-align: center; }
#live_page dd .event_contents { padding: 10px 0; font-size: 1.2rem; line-height: 1.8rem; font-feature-settings: 1; }
#live_page dl dd p { padding: 0 0 10px; }
#live_page .subtitle { text-align: center; font-size: 1.2rem; font-weight: bold; padding-bottom: 5px; }
#live_page dl .event_image_2col1 { width: 100%; margin: 0; padding: 0 0 20px; line-height: 0; }
#live_page dl .event_image_3col2 { width: 100%; margin: 0; padding: 0 0 20px; line-height: 0; }


header{
	width:100%;
	position:fixed;
	top:0;
	background:#fff;
	z-index:9990;
}
header h1{
	text-align:center;
}
header p{
	position:absolute;
	top:16px;
	left:0px;
}
.menu-bg{
	position:absolute;
	top:10px;
	right:10px;
	background:#3dbbce;
	width:50px;
	height:50px;
	border-radius:50%;
}
.menu-btn, .menu-btn span{
	display:inline-block;
	transition: all .4s;
}
.menu-btn span {
	display: block;
}
.menu-btn{
	position: absolute;
	top:12px;
	right:9px;
	width: 32px;
	height: 26px;
	z-index:13;
	cursor:pointer;
}
.menu-btn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 1px;
}
/* 3本線 */
.menu-btn span:nth-of-type(1) {	top: 0; }
.menu-btn span:nth-of-type(2) {	top: 11px; }
.menu-btn span:nth-of-type(3) {	bottom: 0; }

/* menu on */

.menu-btn.menu-toggle span:nth-of-type(1) {
	width:80%;
	left:0%;
	-webkit-transform: translateY(11px) translateX(4px) rotate(-45deg);
	transform: translateY(11px) translateX(4px) rotate(-45deg);
}
.menu-btn.menu-toggle span:nth-of-type(2) {
	opacity: 0;
}
.menu-btn.menu-toggle span:nth-of-type(3) {
	width:80%;
	left:0%;
	-webkit-transform: translateY(-11px) translateX(4px) rotate(45deg);
	transform: translateY(-12px) translateX(4px) rotate(45deg);
}
header ul { display:none; }
header nav ul a{
	display:block;
	background:#fff;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	padding: 10px 0;
	text-align: center;
	color: #000;
}
header nav ul .active a { background-color:#9DD6DF; color: #fff; font-weight: bold; }



@media screen and ( min-width:480px ) { 
	* { font-size: 1em; }
	.contents_title { font-size: 2em; }
	
	#contents { width: 1280px; }
	#logo img { width: 280px; }
	header { display: none; }
	#menu { display: block; }
	#menu ul li { 
		width: 100px; 
		padding: 20px 20px;
		text-align: center;
		font-size: 1.2rem;
	}
	
	#pickup .pc { display: block !important; }
	#pickup .sp { display: none !important; }
	
	#info_bar .pc { display: block !important; }
	#info_bar .sp { display: none !important; }
	
	#whats_new { 
		width: 850px; 
		float: left;
	 }
	#whats_new .event_image { padding: 0 20px; }
	#whats_new .event_contents { width: 648px; }
	
	#discography { width: 430px; }
	#discography dl { padding: 20px 20px; width: 400px; }
	#discography .event_image { padding: 0 20px; }
	#discography dl.second { padding: 20px 20px; clear: left; }
	
	#movie { width: 850px; }
	#movie dl { margin-bottom: 200px; }
	#movie dl dd { width: 256px; padding: 0 21px 20px 0; float: left; }
	#movie dl dd.last { padding-right: 0; }
	#movie dl dd iframe { width: 256px; }
	
	
	#live_page dl dd { float: left; width: 830px; }
	#live_page dl .event_full_image { width: 1200px; padding: 0 20px 0 0; }
	#live_page dl .event_image { width: 350px; padding: 0 20px 0 0; }
	#live_page dd .event_date { padding: 5px 20px; display: inline-block; width: auto; }
	#live_page dd .event_title { padding: 15px 20px; text-align: left; }
	#live_page dd .event_contents { padding: 10px 20px; }
	#live_page dl dd p { padding: 0 0 10px; }
	#live_page .subtitle { font-size: 1.2em; padding-bottom: 5px; }
	#live_page dl .event_image_2col1 { width: 610px; float:left; }
	#live_page dl .event_image_2col1.clear { margin-left: 20px; }
	#live_page dl .event_image_3col2 { width: 400px; float:left; margin-right: 20px; }
	#live_page dl .event_image_3col2.clear { margin-right: 0; }
	
	/* .swiper-container {
		width: 720px;
		height: 720px;
	}
	.swiper-wrapper {
		width: 720px;
		height: 720px;
	}*/
	.swiper-slide img {
		width: auto;
		height: 720px !important;
	}/*
	.swiper-slide {
		width: 720px;
		height: 720px;
	} */
	#info_bar_att p.att_title {
		font-size: 2rem;
	}
	#info_bar_att {
		font-size: 1.2rem;
		text-align: center;
	}
	#info_bar_att p.att_text {
		padding: 10px 30px;
	}
	.tsutomu_sns {
		width: 1280px;
	}
	.tsutomu_sns span img {
		width: auto;
	}
	.tsutomu_sns span.wide img {
		width: auto;
		max-width: 30%;
	}
	#whats_new dl .event_contents2 {
		width: 100%;
	}
	#whats_new dl .event_contents2 {
		width: 648px;
	}
	#pickup .pc table,
	tr {
		width: 100%;
	}
	#pickup .pc td,
	.pc td iframe {
		width: 33%;
		height: auto;
	}
	.sp img {
		height: 100vw;
		width: 70vw;
	}
	#banner_area a img {
		max-width: 720px;
	    max-height: 720px;
		width: 49%;
		height: auto;
	}
	#banner_area {
		flex-wrap: nowrap;
	}
	#banner_area a img {
		flex: 1 1 auto;
	}

	
}