@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500&display=swap');
/*
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●



	Naotaro Moriyama Official Site
	| 20th Anniversary Tour Subarasii Sekai DVD Special Page
	| style.css



●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Common

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body {
	color: #111;
	font-family: 'Noto Serif JP', serif;
	font-weight: 300;
	line-height: 1.8;
	background: #fff;
}
a {
	color: #111;
	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}
a:hover {
	opacity: .5;
}
img {width: 100%;}

p, h1, h2, h3, h4, h5, li, dt, dd {
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.pf-c {
	margin: 0 !important;
	padding: 0 !important;
  }
  
  .pc {
	display: block !important;
  }
  .sp {
	display: none !important;
  }

  @media only screen and (max-width: 1100px) {
	.pc {
	  display: none !important;
	}
	.sp {
		display: block !important;
	  }
  }
  @media(max-width: 573px){
	a[href^="tel:"]{
	  pointer-events: none;
	}
  }


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Contents

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	Key Visual　TRAILER

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
#visual {
	width: 100%;
	padding: 48px 36px 59px;
}
	@media screen and (max-width: 1100px) {
		#visual {
			padding: 20px 20px 30px;
		}
	}
	@media screen and (max-width: 573px) {
		#visual {
			padding: 50px 10px 0.7%;
		}
	}
	
	/* TRAILER VIDEO*/
	#visual .video_container {
		width: calc(100vw - 72px);
		max-width: 1160px;
		margin: 0 auto;
		position: relative;
	}
	
	#visual .video {
		width: 100%;
		height: auto;
		max-height: 653px;
		cursor: pointer;
	}
		@media screen and (max-width: 573px) {
			#visual .video_container {
				width: 100%;
			}
			#visual .video {
        		width: 100%;
        		padding-top: 56.25%;
       			background-size: cover;
        		background-position: center;
        		background-repeat: no-repeat;
			}
		}
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	Header

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
header {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 100;
	padding: 0 36px;
	background: #fff;
}
	#list header {
		font-size: 0 !important;
	}
	@media screen and (max-width: 573px) {
		header {
			height: auto;
			background: transparent;
		}
	}
	header h1 {
		font-size: 0 !important;
	}
		header nav#global_menu {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			width: 100%;
			max-width: 1160px;
			margin: 0 auto;
			padding: 28px 0;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}

		@media screen and (max-width: 1100px) {
			header nav#global_menu {
				padding: 20px 0;
			}
		}
			@media screen and (max-width: 573px) {
				header nav#global_menu {
					display: none;
				}
			}
			header nav#global_menu li {
				margin: 0 1.1vw;
			}
				header nav#global_menu li a {
					font-size: 1.8rem;
					font-weight: 200;
					line-height: 1;
				}

				@media screen and (max-width: 1100px) and (min-width: 574px) {
					header nav#global_menu li a {
						font-size: 1.3rem;
					}
				}

		header .toggle {
			display: none;
		}
		@media screen and (max-width: 573px) {
			header .toggle_conttainer {
				background: rgba(248, 248, 248, 0.7);
				height: 50px;
				width: 100%;
				position: fixed;
				top: 0;
				left: 0;
			}
			header .toggle {
				display: block;
				width: 52px;
				height: 50px;
				font-size: 1rem;
				text-align: center;
				position: absolute;
				top: 0;
				right: -1px;
				cursor: pointer;
			}
			/*header .toggle {
				display: block;
				width: 60px;
				height: 60px;
				font-size: 1rem;
				text-align: center;
				background: #a5a5a6;
				position: fixed;
				top: 0;
				right: 0;
				cursor: pointer;
			}*/
				header .toggle::before {
					display: block;
					content: "";
					width: 30px;
					height: 50px;
					background: url(../images/btn_open.png) center no-repeat;
					background-size: 100% auto;
					margin: 0 auto;
					margin-top: 0;
					margin-bottom: 0px;
				}
				/*header .toggle::before {
					display: block;
					content: "";
					width: 30px;
					height: 16px;
					background: url(../images/btn_open.png) center no-repeat;
					background-size: 100% auto;
					margin: 0 auto;
					margin-top: 12px;
					margin-bottom: 6px;
				}*/
				.is-menu header .toggle::before {
					background: url(../images/btn_close.png) center no-repeat;
					background-size: 100% auto;
				}
			}
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	Toggle Menu

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

header > .inner {
    width: 100%;
    max-width: 1160px;
    margin: auto;
}

.is-menu {
	overflow: hidden;
}
	@media screen and (max-width: 840px) {
		.is-menu nav[label="main"]::before {
			transform: rotate(14deg);
			background: #000;
		}
		.is-menu nav[label="main"]::after {
			transform: rotate(-14deg);
			background: #000;
		}
	}
	#menu_modal {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		overflow-y: scroll;
		display: none;
	}
		#menu_modal #overlay {
			width: 100vw;
			height: 100vh;
			background: rgba(0, 0, 0, .5);
			position: fixed;
			top: 0;
			left: 0;
		}
		#menu_modal > .inner {
			width: 100%;
			background: #f8f8f8;
			position: relative;
			z-index: 1;
		}
			#menu_modal .inner #modal_logo {
				width: 100%;
				padding: 60px 24px 30px;
				text-align: center;
			}
				#menu_modal .inner #modal_logo a {
					display: block;
				    width: 200px;
					height: auto;
					font-size: 0;
					background: url(../images/logo.png) center no-repeat;
					background-size: contain;
					margin: 0 auto;
					position: relative;
					aspect-ratio: 200 / 57;
				}
			#menu_modal .inner #modal_global_menu {
				width: 100%;
				padding: 0 24px 36px;
				text-align: center;
			}
				#menu_modal .inner #modal_global_menu li {
					margin-bottom: 10px;
				}
					#menu_modal .inner #modal_global_menu li:last-child {
						margin-bottom: 0;
					}
					#menu_modal .inner #modal_global_menu li a {
						font-size: 1.1rem;
					}


					.menu-btn {
						display: block;
						position: absolute;
						right: 0;
						top: 0;
						width: 24px;
						height: 24px;
						padding: 10px;
						text-align: center;
						text-decoration: none;
						color: #000;
						z-index: 10;
					}
					
					.header__content.open {
						height: 100%;
						z-index: 1;
						opacity: 1;
					}


/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	Accordion Menu

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
.accordion-item {
	position: relative;
	max-height: 300px;
	overflow: hidden;
	transition: max-height 0.3s ease;
 margin-bottom: 10px;
}

 .content {
	 padding-bottom: 3%;
		margin-top: 2%;
	 line-height: 1.7;
 }
 .content p {
		font-size: 1.6rem !important;
 }
 .gradient-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 310px;
		background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
		transition: opacity 0.3s ease;
 }

 .read-more {
	 position: absolute;
	 bottom: 0;
	 left: 50%;
	 transform: translateX(-50%);
	 background-color: white;
	 border: 1px solid #111;
	 cursor: pointer;
	 font-family: inherit;
	 font-size: 1.6rem;
	 width: 300px;
	 height: 50px;
	 line-height: 41px;
	 transition: opacity 0.3s ease;

	 color: inherit !important;
	 -webkit-appearance: none;
	 text-decoration: none;
 }
 .read-more:hover {
	 opacity: 0.7;
 }

	/* 展開時のスタイル */
	.accordion-item.expanded {
	   max-height: 2000px;
	   margin-bottom: 20px;
	}
	.accordion-item.expanded .content {
		padding-bottom: 80px;
	}
	.accordion-item.expanded .read-more {
		bottom: 0px;
	}

	.accordion-item.expanded .gradient-overlay {
	    opacity: 0;
	}

	@media screen and (max-width: 1100px) {
		.content p {
			font-size: 1.4rem !important;
		}
	}

	@media screen and (max-width: 573px) {
		.accordion-item {
			max-height: 280px;
		 }
	 
		.content {
			margin-top: 2%;
			line-height: 1.8;
		}
		.content p {
			font-size: 1rem !important;
		}
		.gradient-overlay {
			height: 210px;
		}
		.read-more {
			width: 150px;
			height: 25px;
			font-size: 1rem;
			line-height: 20px;
			bottom: 1%;
		}
		.accordion-item.expanded .content {
			margin-bottom: 0;
			padding-bottom: 50px;
		}
	}




/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	Main

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
main {
	width: 100%;
	position: relative;
	z-index: 0;
}
	/*

		Main - Common

	*/
	section {
		width: 100%;
		padding: 0 4vw;
	}
		@media screen and (max-width: 573px) {
			section {
				padding: 0 10px;
			}
		}
		section > .inner {
			width: 100%;
			text-align: center;
			max-width: 840px;
			margin: 0 auto;
			padding: 103px 0 0;
		}
			@media screen and (max-width: 1100px) {
				section > .inner {
					padding: 34px 0;
				}
			}
			@media screen and (max-width: 573px) {
				section > .inner {
					padding: 30px 0 0;
				}
			}
		section h2 {
			display: block;
			font-size: 3.6rem;
			margin: 0 auto;
		}
			@media screen and (max-width: 1100px) {
				section h2 {
					font-size: 2rem;
				}
			}
			@media screen and (max-width: 573px) {
				section h2 {
					font-size: 1.8rem;
				}
			}
		section > .inner > div {
			text-align: left;
		} 
			section > .inner > div > div:first-child,
			section > .inner > div.item {
				margin-top: 40px;
			}
			section > .inner h2 + div > div:first-child,
			section > .inner h2 + div.item {
				margin-top: 25px;
			}
			@media screen and (max-width: 573px) {
				section > .inner > div > div:first-child,
				section > .inner > div.item {
					margin-top: 20px;
				}
				section > .inner h2 + div > div:first-child,
				section > .inner h2 + div.item {
					margin-top: 13px;
				}
			}

		section > .inner > div.item div.txt_area {
			width: 100%;
			max-width: 1160px;
		}
		section > .inner > div.item div.txt_area p {
			font-size: 1.6rem;
			line-height: 1.74;
    		letter-spacing: 0.015em;
			margin-bottom: 17px;
		}
		@media screen and (max-width: 1100px) {
			section > .inner > div.item div.txt_area p {
				font-size: 1.4rem;
			}
		}
			@media screen and (max-width: 573px) {
				section > .inner > div.item div.txt_area p {
					font-size: 1rem;
				}
			}
		
	
	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		LEAD

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	#lead > .inner {
		width: 100%;
		text-align: center;
		max-width: 1160px;
		margin: 0 auto;
		padding: 28px 0 30px;
	}

		#lead > .inner h2 {
			font-size: 4.8rem;
			color: #c32e0e;
			line-height: 1.5;
		}
		#lead > .inner h2 span {
			font-size: 3rem;
			color: #111;		
		}

		#lead > .inner h2 + div.item {
			margin-top: 25px !important;
		}

			#lead > .inner h2 + div.item > h3,
			#theater > div.inner > div.item > h3 {
				font-size: 2.4rem;
			}
		
			@media screen and (max-width: 1100px) {
				#lead > .inner h2 {
					font-size: 3.5rem;
				}
				#lead > .inner h2 span {
					font-size: 2rem;
				}
				#lead > .inner h2 + div.item > h3,
				#theater > div.inner > div.item > h3 {
					font-size: 1.8rem;
				}
			}
			@media screen and (max-width: 573px) {
				#lead > .inner {
					padding: 0.1%;
				}
				#lead > .inner h2 {
					font-size: 2.4rem;
					margin-bottom: 2%;
				}
				#lead > .inner h2 span {
					font-size: 1.5rem;		
				}
				#lead > .inner h2 + div.item {
					margin-top: 1.5% !important;
				}
				#lead > .inner h2 + div.item > h3,
				#theater > div.inner > div.item > h3 {
					font-size: 1.3rem;
				}
			}
		
	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		DVD

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	#dvd > .inner {
		width: 100%;
		text-align: center;
		max-width: 1540px;
		margin: 0 auto;
		padding: 0;
	}
		#dvd > .inner h2 {
			font-size: 0 !important;
		}
		section#dvd > .inner > div.item {
			margin-top: 0 !important;
			padding: 20px;
			border: solid 1px #111;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
    		-ms-flex-pack: start;
    		justify-content: start;
    		align-items: start;
		}
		section#dvd > .inner > div > div:first-child,
		section#dvd > .inner > div.item {
			margin-top: 0 !important;
		}
			section#dvd > .inner > div.item .dvd_img {
				width: 100%;
    			max-width: 720px;
				margin-right: 20px;
			}
				section#dvd > .inner > div.item .dvd_img .dvd_img_thum {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: space-between;
					-ms-flex-pack: space-between;
					justify-content: space-between;
					align-items: center;
					margin-top: 1.4%;
					gap: 1.4%;
					width: 100%;
					max-width: 720px;
				}
				section#dvd > .inner > div.item .dvd_img .dvd_img_thum img {
					flex-basis: calc((100% / 5) - 1%);
					min-width: 40px;
					max-width: 136px;
					height: auto;
					object-fit: cover;
				}

			section#dvd > .inner > div.item .dvd_detail {
				padding: 21px 40px;
				width: 100%;
				max-width: 760px;
				background-color: #f8f6f0;
			}
				section#dvd > .inner > div.item .dvd_detail .disc_block {
					margin-bottom: 10px;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block.disc_2 {
					margin-bottom: 15px;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .item_ttl {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: start;
					-ms-flex-pack: start;
					justify-content: start;
					align-items: center;
					padding: 2px 8px 3px;
					margin: 10px 0 5px;
					border: solid 1px #ccc3a6;
					font-size: 1.6rem;
					line-height: 1.33;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .item_ttl span {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: space-between;
					-ms-flex-pack: space-between;
					justify-content: space-between;
					align-items: start;
					min-width: 58px;
    				font-size: 1.8rem;
    				margin-right: 3%;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .section_title,
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail > .section_title {
					font-size: 1.8rem;
					text-align: center;
					border-bottom: solid 1px #111;
					padding-bottom: 5px;
					margin-bottom: 19px;

				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .track_list_area {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: space-between;
					-ms-flex-pack: space-between;
					justify-content: space-between;
					align-items: start;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .track_list {
					width: 50%;
				}
					section#dvd > .inner > div.item .dvd_detail .disc_block .track_list li {
						font-size: 1.6rem;
    					margin-bottom: 10px;
    					line-height: 1.1;
					}
				
				section#dvd > .inner > div.item .dvd_detail .disc_block .detail_txt {
					font-size: 1.4rem;
    				line-height: 1.4;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info,
				section#live_album > .inner > div.item > div.info_area .note {
					margin-top: 25px;
					text-align: center;
					line-height: 1;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info p,
				section#live_album > .inner > div.item > div.info_area .note p {
					font-size: 1.6rem;
    				display: inline-block;
					margin: 1% 0 0;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info span {
					display: block;
					line-height: 1.7;
					margin: 13px auto 17px;
					font-size: 1.3rem;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info .purchase_button,
				section#live_album > .inner > div.item > div.info_area .note .purchase_button {
					display: block;
					width: 300px;
					height: 50px;
					margin: 11px auto 0;
					background-color: #ccc3a6;
					font-size: 1.6rem;
					line-height: 50px;
				}

				@media screen and (max-width: 1100px) {
					section#dvd > .inner > div.item .dvd_detail {
						padding: 21px 20px;
    					min-width: 380px;
					}
					section#dvd > .inner > div.item .dvd_detail .disc_block .track_list li {
						font-size: 1rem;
						line-height: 1;
					}
					section#dvd > .inner > div.item .dvd_detail .disc_block .item_ttl {
						font-size: 1rem;
					}
					section#dvd > .inner > div.item .dvd_detail .disc_block .item_ttl span {
						min-width: 35px;
    					font-size: 1.2rem;
					}
					section#dvd > .inner > div.item .dvd_detail .disc_block .section_title,
					section#live_album > .inner > div.item > div.info_area > .livealbum_detail > .section_title {
						font-size: 1.3rem;
						padding-bottom: 0px;
    					margin-bottom: 12px;
					}
					section#dvd > .inner > div.item .dvd_detail .disc_block .detail_txt {
						font-size: 1rem;
					}
					section#dvd > .inner > div.item .dvd_detail .price_info,
					section#live_album > .inner > div.item > div.info_area .note {
						margin-top: 0;
					}
					section#dvd > .inner > div.item .dvd_detail .price_info p,
					section#live_album > .inner > div.item > div.info_area .note p {
						font-size: 1.2rem;
					}
					section#dvd > .inner > div.item .dvd_detail .price_info span {
    					font-size: 1.1rem;
					}
					section#dvd > .inner > div.item .dvd_detail .price_info .purchase_button,
					section#live_album > .inner > div.item > div.info_area .note .purchase_button {
						width: 240px;
    					height: 35px;
    					font-size: 1.2rem;
    					line-height: 34px;
					}
				}
			
			@media screen and (max-width: 573px) {
				section#dvd > .inner {
					padding: 4.5% 0 5%;
				}

				section#dvd > .inner > div.item {
					display: block;
					margin-top: 0;
					padding: 10px;
					border: solid 1px #111;
				}
				
				section#dvd > .inner > div.item .dvd_detail {
					padding: 6.2% 20px;
					margin-top: 3%;
					min-height: unset;
					min-width: unset;
				}
					section#dvd > .inner > div.item .dvd_detail .disc_block {
						margin-top: 3%;
					}
				section#dvd > .inner > div.item .dvd_detail .disc_block .item_ttl {
					display: block;
					padding: 1% 1.5% 1.2%;
					margin: 3.5% 0 2%;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .item_ttl span {
					display: block;
    				font-size: 1.1rem;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .section_title,
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail > .section_title {
					font-size: 1.1rem;
					padding-bottom: 0.5%;
					margin-bottom: 3%;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .track_list_area,
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail > .track_list_area {
					display: block;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .track_list,
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail .track_list {
					width: 100%;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .track_list li {
					margin-bottom: 2.5%;
				}
				section#dvd > .inner > div.item .dvd_img .dvd_img_thum {
					margin-top: 5px;
    				gap: 5px;
    				width: 63px;
				}
				section#dvd > .inner > div.item .dvd_img .dvd_img_thum img {
					min-width: unset;
				}
				section#dvd > .inner > div.item .dvd_detail .disc_block .detail_txt {
					font-size: 0.8rem;
					line-height: 1.4;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info,
				section#live_album > .inner > div.item > div.info_area .note {
					margin-top: 4%;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info p,
				section#live_album > .inner > div.item > div.info_area .note p {
					margin: 0.7% 0;
					font-size: 1rem;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info span {
					margin: 9px auto 15px;
					font-size: 0.8rem;
				}
				section#dvd > .inner > div.item .dvd_detail .price_info .purchase_button,
				section#live_album > .inner > div.item > div.info_area .note .purchase_button {
					width: 150px;
					height: 25px;
					margin: 4.5% auto 0;
					font-size: 1rem;
					line-height: 24px;
				}
			}
			

	

				
	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		 TOKUTEN

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/
	#tokuten > .inner {
		width: 100%;
		text-align: center;
		max-width: 1160px;
		margin: 0 auto;
		padding: 46px 0 0!important;
	}
		#tokuten > .inner h2 {
			font-size: 3rem;
		}
		#tokuten > .inner .item {
			padding: 40px;
			border: solid 1px #111;
		}
		section#tokuten > .inner > div.item {
			margin-top: 29px !important;
		}

		@media screen and (max-width: 1100px) {
			#tokuten > .inner h2 {
				font-size: 1.8rem;
			}
		}
			@media screen and (max-width: 573px) {
				section#tokuten > .inner {
					padding: 0 !important;
				}
				#tokuten > .inner h2 {
					font-size: 1.5rem;
					line-height: 1;
				}
				#tokuten > .inner .item {
					padding: 10px;
				}
				section#tokuten > .inner > div.item {
					margin-top: 4% !important;
				}
			}
			
			
	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		THEATER

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	#theater > .inner {
		width: 100%;
		text-align: center;
		max-width: 1160px;
		margin: 0 auto;
	}
			/*劇場・ファンクラブ　サブタイトルボーダー*/
			#theater > .inner > div.item > h3.bordered_title,
			#fanclub > .inner > div.item > h3.bordered_title {
				position: relative;
				width: 100%;
				text-align: center;
				margin: 0 0 42px;
				padding: 10px 0 0 15px;
				display: inline-block;
				font-size: 2.4rem;
				text-align: center;
			}
			#theater > .inner > div.item > h3.bordered_title::before,
			#theater > .inner > div.item > h3.bordered_title::after,
			#fanclub > .inner > div.item > h3.bordered_title::before,
			#fanclub > .inner > div.item > h3.bordered_title::after {
				content: "";
				position: absolute;
				width: 100%;
				height: 1px;
				background-color: #000;
				left: 0;
			}
			#theater > .inner > div.item > h3.bordered_title::before,
			#fanclub > .inner > div.item > h3.bordered_title::before {
				top: 0;
			}
			#theater > .inner > div.item > h3.bordered_title::after,
			#fanclub > .inner > div.item > h3.bordered_title::after {
				bottom: -12px;
			}

			#theater #visual {
				padding: 0;
			}
			#theater > .inner > div.item .video_container {
				position: relative;
    			width: 100%;
    			max-width: 1160px;
    			margin: 0 auto 22px;
    			padding-bottom: calc(653 / 1160 * 100%);
    			height: 0;
			}
			#theater > .inner > div.item .video {
				position: absolute;
    			top: 0;
    			left: 0;
    			width: 100%;
    			height: 100%;
    			object-fit: cover;
			}
			#theater > .inner > div.item > .schedule,
			#fanclub > .inner > div.item > .schedule {
				width: 100%;
				max-width: 1160px;
				margin: 54px auto 0;
				padding: 58px 58px 52px;
				border: solid 1px #111;
			}
				#theater > .inner > div.item > .schedule h4,
				#fanclub > .inner > div.item > .schedule h4,
				#fanclub > .inner > div.item > .another_info h4 {
					margin-bottom: 16px;
					font-size: 2.4rem;
    				line-height: 1;
    				text-align: center;
				}
				#fanclub > .inner > div.item div.txt_area p.ticketfee span {
					display: block;
				}
				#theater > .inner > div.item > .schedule .schedule_wrapper {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
    				flex-direction: column;
    				align-items: center;
					width: 100%;
					max-width: 1040px;
				}
				#theater > .inner > div.item > .schedule .schedule_wrapper .schedule_inner {
					width: 100%;
				}
				#theater > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl,
				#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl {
					display: -webkit-box;
    				display: -ms-flexbox;
    				display: flex;
    				-webkit-box-pack: center;
    				-ms-flex-pack: center;
    				justify-content: center;
    				align-items: center;
    				width: 100%;
    				padding: 17px 0 18px;
    				border-bottom: 1px solid #f1eee4;
    				font-size: 1.6rem;
				}
				#theater > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl:last-of-type,
				#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl:last-of-type {
					border-bottom: none;
				}
				#theater > .inner > div.item > .schedule .theater_contact a {
					text-decoration: underline !important;
				}
					#theater > .inner > div.item > .schedule .schedule_inner dl dt {
						width: 50%;
						max-width: 150px;
						text-align: left;
					}
					#theater > .inner > div.item > .schedule .schedule_inner dl dd {
						width: 50%;
						text-align: left;
						max-width: 290px;
						margin: 0;
						padding-left: 50px;
					}
				#theater > .inner > div.item > .schedule .theater_contact {
					margin-top: 20px;
					background-color: #f8f8f8;
					padding: 40px 0 20px;
				}
					#theater > .inner > div.item > .schedule .theater_contact p {
						margin-left: 42px;
						margin-bottom: 24px;
						font-size: 1.6rem;
						line-height: 1.6;					
					}
			#theater > .inner > div.item > .another_info,
			#fanclub > .inner > div.item > .another_info {
				margin-top: 70px;
    			padding: 60px;
    			background-color: #f8f6f0;
			}
				#theater > .inner > div.item > .another_info h4,
				#fanclub > .inner > div.item > .another_info h4 {
					margin-bottom: 16px;
					font-size: 2.4rem;
					line-height: 1;
					text-align: center;
				}
				#theater > .inner > div.item > .another_info h4 {
					margin-bottom: 35px;
				}
				#theater > .inner > div.item > .another_info > .txt_area,
				#fanclub > .inner > div.item > .another_info > .txt_area {
					margin-top: 0;
				}
				section > .inner > div.item div.txt_area p.separate::before,
				section > .inner > div.item div.txt_area p.separate::after {
					content: "=====";
					display: block;
				}

				@media screen and (max-width: 1100px) {
					#theater > .inner > div.item > .another_info h4,
					#fanclub > .inner > div.item > .another_info h4 {
						font-size: 2rem;
					}
					#theater > .inner > div.item > h3.bordered_title,
					#fanclub > .inner > div.item > h3.bordered_title {
						font-size: 1.7rem;
						line-height: 1.6;
					}
					#theater > .inner > div.item .video_container {
						margin: 0 auto 4%;
					}
					#theater > .inner > div.item > .schedule h4,
					#fanclub > .inner > div.item > .schedule h4{
						font-size: 1.6rem;
						line-height: 1.5;
						margin: 5% 0 4%;
					}
					#fanclub > .inner > div.item > .another_info h4 {
						font-size: 1.8rem;
					}
					/*#theater > .inner > div.item > h3 {
						margin: 3% 0;
					}*/
					#theater > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl,
					#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl {
						font-size: 1.4rem;
					}
					#theater > .inner > div.item > .schedule .theater_contact {
						padding: 27px 0 5px;
					}
					#theater > .inner > div.item > .schedule .theater_contact p {
						font-size: 1.3rem;
					}
					#theater > .inner > div.item > .another_info,
					#fanclub > .inner > div.item > .another_info {
						margin-top: 50px;
						padding: 50px 60px 40px;
					}
			}

			@media screen and (max-width: 573px) {
				#theater > .inner {
					padding: 6% 0 0;
				}
				#theater > .inner > div.item {
					margin-top: 4%;
				}
				#theater > .inner > div.item > .accordion-item {
					margin-bottom: 6%;
				}
				#theater > .inner > div.item > h3.bordered_title,
				#fanclub > .inner > div.item > h3.bordered_title {
					margin: 0 0 6%;
					padding: 2.2% 0 0;
					font-size: 1.2rem;
					line-height: 1.4;
				}
				#theater > .inner > div.item > h3.bordered_title::after,
				#fanclub > .inner > div.item > h3.bordered_title::after {
					bottom: -20%;
				}
				/*#theater > .inner > div.item > h4,
				#fanclub > .inner > div.item > h4 {
					font-size: 1.4rem;
				}
				#theater > .inner > div.item .video_container {
					margin: 0 auto 3%;
				}
				#theater > .inner > div.item > h4 {
					margin-top: 4%;
					margin-bottom: 1%;
					font-size: 1.3rem;
					line-height: 1.6;
				}*/
				#theater > .inner > div.item > .schedule, #fanclub > .inner > div.item > .schedule {
					margin: 7% auto 0;
					padding: 6% 5% 8%;
				}
				#theater > .inner > div.item > .schedule h4, #fanclub > .inner > div.item > .schedule h4,
				#fanclub > .inner > div.item > .another_info h4 {
					margin-bottom: 0;
					font-size: 1.3rem;
				}
				#theater > .inner > div.item > .schedule .schedule_wrapper {
					display: block;
    				flex-direction: column;
    				align-items: center;
					width: 100%;
					max-width: 1040px;
				}
				#theater > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl,
				#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl {
					align-items: start;
    				padding: 5.5% 0 0;
    				font-size: 1rem;
				}
				#theater > .inner > div.item > .schedule .schedule_inner dl dt {
					width: 30%;
				}
				#theater > .inner > div.item > .schedule .schedule_inner dl dd {
					width: 70%;
					padding-left: 3px;
				}
				#theater > .inner > div.item > .schedule .theater_contact {
					margin-top: 5%;
					padding: 2.5% 4%;
				}
				#theater > .inner > div.item > .schedule .theater_contact p {
					margin-left: 0;
					margin-bottom: 0;
					font-size: 1rem;
					line-height: 1.8;
				}
				#theater > .inner > div.item > .another_info,
				#fanclub > .inner > div.item > .another_info {
					margin-top: 30px;
        			padding: 25px 20px;
				}
				#theater > .inner > div.item > .another_info h4,
				#fanclub > .inner > div.item > .another_info h4 {
					margin-bottom: 16px;
					font-size: 1.3rem;
				}
				#theater > .inner > div.item > .another_info > .txt_area,
				#fanclub > .inner > div.item > .another_info > .txt_area {
					margin-top: 0;
				}
			}

	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		 FANCLUB

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	.w_bold {font-weight: 600 !important;}
	.c_blue {color: #005ab4;}
	.c_red {color: #c32e0e;}

	#fanclub > .inner {
		width: 100%;
		text-align: center;
		max-width: 1160px;
		margin: 0 auto;
		}
		
		#fanclub > .inner > div.item > h3.bordered_title {
			margin: 0 0 34px;
			padding: 23px 0 8px 15px;
			line-height: 1;
		}
		#fanclub > .inner > div.item > h3.bordered_title.with_image img {
			vertical-align: middle;
			margin-right: 25px;
			width: 36px;
		}

		#fanclub > .inner > div.item > h4 {
			font-size: 2rem;
			margin-bottom: 18px;
		}
		#fanclub > .inner > div.item > .txt_area {
			margin-top: 0;
		}
		#fanclub > .inner > div.item > .schedule {
			padding: 58px 58px 52px;
		}
			#fanclub > .inner > div.item > .schedule > .schedule_wrapper {
				margin-top: 0;
			}
				#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl {
					-webkit-box-pack: space-between;
 					-ms-flex-pack: space-between;
    				justify-content: space-between;
					padding: 20px 0 21px;
				}
		
					#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dt {
						text-align: left;
						width: 20%;
						max-width: 140px;
					}
					#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dt + dd  {
						text-align: left;
						width: 60%;
						max-width: 560px;
					}
					#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dd + dd {
						text-align: left;
						font-size: 1.2rem;
    					line-height: 1.6;
    					width: 20%;
    					max-width: 200px;		
					}

					@media screen and (max-width: 1100px) {
						#fanclub > .inner > div.item > h3.bordered_title {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack: center;
							justify-content: center;
							align-items: center;
							text-align: left;
							padding: 18px 0 8px 15px;
							line-height: 1.6;
						}
						#fanclub > .inner > div.item > h3.bordered_title.with_image img {
							margin-right: 20px;
        					width: 28px;
						}
						#fanclub > .inner > div.item > h4 {
							font-size: 1.6rem;
						}
						#fanclub > .inner > div.item > .schedule {
							padding: 58px 28px 52px;
						}
						#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl {
							-webkit-box-pack: space-between;
							 -ms-flex-pack: space-between;
							justify-content: space-between;
							align-items: flex-start;
							flex-wrap: wrap;
						}
						#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dt {
							width: 25%;
    						max-width: 130px;
						}
						#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dd + dd {
							margin-left: 41%;
						}
					}
						@media screen and (max-width: 573px) {
							#fanclub > .inner > div.item > h3.bordered_title {
								margin: 0 0 5%;
   								padding: 10px 0 2px 0;
    							line-height: 1.3;
							}
							#fanclub > .inner > div.item > h3.bordered_title.with_image img {
								margin-right: 10px;
								width: 18px;
							}
							#theater > .inner > div.item > h4,
							#fanclub > .inner > div.item > h4 {
								font-size: 1.1rem;
							}
							#fanclub > .inner > div.item > .schedule {
								padding: 7% 6% 5%;
							}
							#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl {
								padding: 5% 0 3.5%;
							}
							#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dt {
								text-align: left;
								width: 30%;
							}
							#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dt + dd {
								text-align: left;
								width: 70%;
								line-height: 1.4;
								margin-bottom: 1.5%;
							}
							#fanclub > .inner > div.item > .schedule .schedule_wrapper .schedule_inner dl dd + dd {
								text-align: left;
								font-size: 0.8rem;
								line-height: 1.5;
								width: 70%;
								margin-left: 32%;
							}
							#fanclub > .inner > div.item > .another_info > div.txt_area p {
								margin-bottom: 2%;
							}
							#fanclub > .inner > div.item > .another_info > div.txt_area p > a {
								font-size: 0.8rem;
							}
						}


	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		LIVE Album

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	#live_album > .inner {
		width: 100%;
		text-align: center;
		max-width: 1320px;
		margin: 0 auto;
	}
		section#live_album > .inner > div.item > div.txt_area {
			margin: 0 auto;
		}
		section#live_album > .inner > div.item > div.info_area {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: flex-start;
    		-ms-flex-pack: flex-start;
    		justify-content: flex-start;
			align-items: flex-start;
			border: solid 1px #111;
			margin-top: 54px;
			padding: 20px;
			width: 100%;
		}
			section#live_album > .inner > div.item > div.info_area > .livealbum_img {
				width: 100%;
				/*max-width: 570px;*/
				max-width: 740px;
				margin-right: 20px;
				/*border: solid 1px #dddddd;*/
			}
			section#live_album > .inner > div.item > div.info_area > .livealbum_detail > .section_title {
				font-size: 1.8rem;
				text-align: center;
				border-bottom: solid 1px #111;
				padding-bottom: 5px;
				margin-bottom: 19px;

			}
			/*section#live_album > .inner > div.item > div.info_area > .livealbum_detail > .track_list_area {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: space-between;
				-ms-flex-pack: space-between;
				justify-content: space-between;
				align-items: start;
			}*/
			section#live_album > .inner > div.item > div.info_area > .livealbum_detail .track_list {
				width: 100%;
			}
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail li {
					font-size: 1.6rem;
					margin-bottom: 10px;
					line-height: 1.1;
				}
			section#live_album > .inner > div.item > div.info_area > .livealbum_detail {
				/*padding: 60px 40px;*/
				padding: 20px 40px 25px;
				width: 100%;
				/*max-width: 690px;*/
				max-width: 520px;
				background-color: #f8f6f0;
				min-height: 570px;
			}
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail > h4.item_ttl {
					font-size: 2.4rem;
					margin-bottom: 12px;
					/*letter-spacing: -0.05em;*/
					text-align: center;
					line-height: 1.4;
				}
				section#live_album > .inner > div.item > div.info_area .note {
					margin-top: 20px;
				}
					section#live_album > .inner > div.item > div.info_area .note p {
						margin-bottom: 6px;
					}

				@media screen and (max-width: 1100px) {
					#live_album > .inner {
						margin: 0 auto;
					}
					section#live_album > .inner > div.item > div.info_area > .livealbum_detail {
						padding: 20px;
    					max-width: 690px;
    					min-width: 340px;
    					min-height: unset;
					}
					section#live_album > .inner > div.item > div.info_area > .livealbum_detail > h4.item_ttl {
						font-size: 2rem;
					}
					section#live_album > .inner > div.item > div.info_area > .livealbum_detail li {
						font-size: 1rem;
						line-height: 1;
					}
					section#live_album > .inner > div.item > div.info_area .note {
						margin-top: 12px;
					}
				}
				@media screen and (max-width: 573px) {
				#live_album > .inner {
					padding: 7% 0 0;
				}
				section#live_album > .inner > div.item {
					margin-top: 3% !important;
				}
				section#live_album > .inner > div.item > div.info_area {
					display: block;
					margin-top: 4%;
					padding: 10px;
					margin-right: 0;
					width: 100%;
				}
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail {
					margin-top: 3%;
        			min-width: unset;
        			min-height: unset;
				}
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail > h4.item_ttl {
					font-size: 1.3rem;
					margin-bottom: 2%;
					text-align: center;
					line-height: 1.6;
				}
				section#live_album > .inner > div.item > div.info_area > .livealbum_detail li {
					margin-bottom: 2.5%;
				}
				section#live_album > .inner > div.item > div.info_area .note {
					margin-top: 4%;
				}
				section#live_album > .inner > div.item > div.info_area .note p {
					margin-bottom: 0;
				}
				section#live_album > .inner > div.item > div.info_area .note .purchase_button {
					margin: 3% auto 1%;
				}
			}




	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		ニュース

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	/*#news > .inner {
		width: 100%;
		text-align: center;
		max-width: 1160px;
		margin: 0 auto;
	}

		#news .item {
			width: 100%;
			max-width: 1160px;
			margin: 0 auto;
			overflow: hidden;
		}
		
		#news .news_list {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			flex-direction: column;
			align-items: start;
			overflow-y: scroll;
			scrollbar-width: thin;
			height: 190px;
			border: solid 1px #111;
			padding: 34px 40px 36px 58px;
		}
		
		#news .news_item {
			display: flex;
    		font-size: 1.6rem;
    		letter-spacing: 0.01em;
    		margin-bottom: 13px;
		}
		
		#news .news_item .date {
			width: 130px;
			text-align: left;
			margin-right: 25px;
		}
		
		#news .news_item .text {
			flex: 1;
			text-align: left;
		}*/
		
		/* Chrome、Safari */
		#news .news_list::-webkit-scrollbar {
			width: 14px; /* スクロールバーの幅 */
			visibility: visible; /* スクロールバーを常に表示 */
		}
		
		#news .news_list::-webkit-scrollbar-track {
			background-color: #f5f5f5;
		}
		
		/* スクロールバーのハンドル部分 */
		#news .news_list::-webkit-scrollbar-thumb {
			background-color: #888;
		}
		
		/* マウスオーバー時のスクロールバーのハンドルの色 */
		#news .news_list::-webkit-scrollbar-thumb:hover {
			background-color: #555;
		}
		
		/*@media screen and (max-width: 1100px) and (min-width: 574px){
			#news .item {
				margin-top: 25px;
			}
			#news .news_list {
				margin-top: 0px !important;
			}
		}
		@media screen and (max-width: 573px) {
			section#news > .inner {
				padding: 5.5% 0 0;
			}
			#news .news_list {
				height: 143px;
				padding: 3% 4% 4% 3.5%;
			}
			#news .news_item {
				font-size: 1rem;
			}			
			#news .news_item .date {
				width: 18%;
				margin-right: 4%;
			}
			#news .news_item .text {
				line-height: 1.3;
				letter-spacing: 0.04em;
			}
		}*/
			
			

/*-----------------------------------------
		Umbraco用CSS
-----------------------------------------*/

#news > .inner {
	width: 100%;
	text-align: center;
	max-width: 1160px;
	margin: 0 auto;
}

	#news .item {
		width: 100%;
		max-width: 1160px;
		margin: 0 auto;
		margin-top: 25px;
		overflow: hidden;
		
	}
	
	#news ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		align-items: start;
		overflow-y: scroll;
		scrollbar-width: thin;
		height: 190px;
		border: solid 1px #111;
		padding: 34px 40px 36px 58px;
	}
	
	#news ul li a div {
		display: flex;
		font-size: 1.6rem;
		letter-spacing: 0.01em;
		margin-bottom: 13px;
	}
	
	#news ul li a div .date {
		width: 130px;
		text-align: left;
		margin-right: 25px;
	}
	
	#news ul li a div .title {
		flex: 1;
		text-align: left;
	}
	
	/* Chrome、Safari */
	#news .news_list::-webkit-scrollbar {
		width: 14px; /* スクロールバーの幅 */
		visibility: visible; /* スクロールバーを常に表示 */
	}
	
	#news .news_list::-webkit-scrollbar-track {
		background-color: #f5f5f5;
	}
	
	/* スクロールバーのハンドル部分 */
	#news .news_list::-webkit-scrollbar-thumb {
		background-color: #888;
	}
	
	/* マウスオーバー時のスクロールバーのハンドルの色 */
	#news .news_list::-webkit-scrollbar-thumb:hover {
		background-color: #555;
	}
	
	@media screen and (max-width: 1100px) and (min-width: 574px){
		#news .item {
			margin-top: 25px;
		}
		#news ul {
			margin-top: 0px !important;
		}
	}
	@media screen and (max-width: 573px) {
		section#news > .inner {
			padding: 5.5% 0 0;
		}
		#news .item {
			margin-top: 0;
		}
		#news ul {
			height: 143px;
			padding: 3% 4% 4% 3.5%;
			margin-top: 13px;
		}
		#news ul li a div {
			font-size: 1rem;
		}			
		#news ul li a div .date {
			width: 18%;
			margin-right: 4%;
		}
		#news ul li a div .title {
			line-height: 1.3;
			letter-spacing: 0.04em;
		}
	}

		/*#news ul {
			width: 100%;
		}
	
		@media screen and (max-width: 573px) {
			#news ul {
				padding: 0 30px;
			}
		}
	
		#news ul li a div {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: start;
			-ms-flex-pack: start;
			justify-content: flex-start;
			-webkit-box-align: start;
			-ms-flex-align: start;
			align-items: flex-start;
			width: 100%;
		}
	
		#news ul li a div .date {
			width: 130px;
			font-size: 2rem;
			font-weight: 400;
		}
	
		@media screen and (max-width: 573px) {
			#news ul li a div .date {
				width: 100%;
				font-size: 3.85vw;
			}
		}
	
		#news ul li a div .title {
			width: calc(100% - 130px);
			font-size: 2rem;
			font-weight: 400;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
		}
	
		@media screen and (max-width: 573px) {
			#news ul li a div .title {
				width: 100%;
				font-size: 3.85vw;
			}
		}
	
		#news ul li a:hover div .title {
			opacity: .7;
		}
	
		#news ul li .text {
			width: 100%;
			display: none;
			font-size: 2rem;
			font-weight: 400;
		}
	
		@media screen and (max-width: 573px) {
			#news ul li .text {
				font-size: 3.85vw;
			}
		}*/


	/*
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

		スペシャル

	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	*/

	#special > .inner {
		width: 100%;
		text-align: center;
		max-width: 1160px;
		margin: 0 auto;
		padding: 100px 0;
	}
			section#special > .inner > div.item .special_img {
				margin-top: 40px;
			}
			@media screen and (max-width: 1100px) {
				#special > .inner {
					padding: 40px 0 10px;
				}
			}
			@media screen and (max-width: 573px) {
				section#special > .inner {
					padding: 20px 0 45px;
				}
				section#special > .inner > div.item .special_img {
					margin-top: 4%;
				}
			}
			
			

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

	Footer

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
footer {
	width: 100%;
	padding-top: 96px;
	padding-bottom: 30px;
	text-align: center;
}	
	@media screen and (max-width: 573px) {
		footer {
			padding-top: 30px;
			padding-bottom: 20px;
		}
	}
	footer .copyright {
		font-weight: 200;
	}

	@media screen and (max-width: 573px) {
		#theater::before,
	#fanclub::before,
	#live_album::before,
	#news::before,
	#special::before{
	content: "";
	display: block;
	height: 50px;
	margin-top: -50px;
	visibility: hidden;
	}
		}