@charset "utf-8";

@media screen and (max-width:768px)
{
	#disco2018
	{
		min-width: inherit;
		font-size: 80%;
		letter-spacing: 0;
	}
	
	#disco2018 .centerview
	{
		width: inherit;
	}
	
	#disco2018 .pc-only
	{
		display: none;
	}
	
	#disco2018 .sp-only
	{
		display: inherit;
	}
	
	#disco2018 img
	{
		width: 100%;
		height: initial;
	}
	
	#disco2018 .main-photo
	{
		margin-top: 6vw;
	}
	
	
	
	#disco2018 #disco-header .sp-photo
	{
		position: relative;
	}
	
	#disco2018 #disco-header .sp-photo .sp-text
	{
		position: absolute;
		left: 0;
		top: 58vw;
		
		width: 100%;
		text-align: center;
	}
	
	#disco2018 #disco-header .sp-photo .sp-text img
	{
		width: 72%;
	}
	
	#disco2018 #disco-header .sp-read
	{
		padding: 6vw 6vw 19vw;
		/* background: url(../images/sp/header_bg.jpg) no-repeat bottom; */
		background-size: 100% auto;
	}
	
	
	
	
	#disco2018 #disco-menu .item
	{
		float: left;
		width: 33.333%;
		height: inherit;
		padding: 3vw;
		
		text-align: center;
	}
	#disco2018 #disco-menu .item img
	{
		width: initial;
		height: 6.8vw;
	}
	
	#disco2018 #disco-menu .item .label
	{
		display: initial;
		padding-top: 0;
	}
	
	#disco2018 #disco-menu .wide-area:hover .item .cover
	{
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		border-radius: 0;
		opacity: 1;
	}
	#disco2018 #disco-menu .wide-area .item:hover .cover
	{
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;

		opacity: 1;
	}
	
	#disco2018 #disco-menu.fix
	{
		height: 11.6vw;
	}
	
	#disco2018 #disco-menu.fix .fix-area
	{
		top: 55px;
		min-width: inherit;
	}
	
	#disco2018 #disco-menu .bg
	{
		height: inherit;
	}	
	
	#disco2018 .group-title
	{
		padding-top: 6vw;
	}
	
	#disco2018 .group-title img
	{
		width: inherit;
		height: 14vw;
	}
	#disco2018 .group-title.type-02 img
	{
		height: 22.4vw;
	}
	
	#disco2018 .section-title
	{
		padding: 10vw 0 5vw;
		background: url(../images/sp/section_title_bg.png) no-repeat;
		background-size: 100% 4px;
		background-position: center bottom;
	}
	
	#disco2018 .section-read
	{
		width: inherit;
		line-height: initial;
		text-align: justify;
		margin: 5vw 8vw 0;
	}

/**/
	#disco2018 .section-read_1
	{
		width: inherit;
		line-height: initial;
		text-align: justify;
		margin: 5vw 8vw 0;
	}
/**/
	
	#disco2018 .program
	{
		margin: 8vw 8vw 0;
		width: inherit;
	}
	
	#disco2018 .program .title img
	{
		width: inherit;
		height: 14px;
	}
	
	#disco2018 .program .item+.item
	{
		margin-top: 4.5vw;
	}
	
	#disco2018 .program .item .value
	{
		margin-top: 2.5vw;
		font-size: 110%;
	}
	
	#disco2018 .program .item .value.special
	{
		line-height: 1.2em;
	}
	#disco2018 .program .item .value.special .line+.line
	{
		display: block;
		margin-top: 1.2em;
	}
	
	#disco2018 .program .item .value .ticket-link
	{
		margin: 4vw auto 2vw;
		width: inherit;
		font-size: 90%;
	}	
	
	
	
	
	
	#disco2018 #disco-event .line
	{
		margin: 8vw 8vw 0;
		width: inherit;
	}
	
	#disco2018 #disco-event .line .thumbs-title
	{
		padding: 6px 0px;
	}
	
	#disco2018 #disco-event .line .thumbs-title img
	{
		width: inherit;
		height: 14px;
	}
	
	#disco2018 #disco-event .line .thumbs
	{
		margin-top: 4vw;
	}
	
	#disco2018 #disco-event .line .thumbs .thumb
	{
		width: 33.33%;
	}
	
	#disco2018 #disco-event .line .thumbs .thumb .name
	{
		margin-top: 10px;
		font-size: 90%;
		letter-spacing: initial;
	}
	
	#disco2018 #disco-event .line .thumbs a.thumb:hover .image img
	{
		transform: none;
	}
	
	#disco2018 #disco-event .line .partition .left
	{
		float: inherit;
	}
	
	#disco2018 #disco-event .line .partition .right
	{
		margin-top: 8vw;
		float: inherit;
	}
	
	#disco2018 #disco-event .sections .section:nth-child(1)
	{
		background: url(../images/sp/event_section_bg_01_01.jpg) no-repeat bottom;
		background-size: 100% auto;
	}
	#disco2018 #disco-event .sections .section:nth-child(1) .bg
	{
		padding-bottom: 22vw;
	}
	#disco2018 #disco-event .sections .section:nth-child(2)
	{
		background: url(../images/sp/event_section_bg_01_02.jpg) no-repeat top;
		background-size: 100% auto;
	}
	#disco2018 #disco-event .sections .section:nth-child(2) .bg
	{
		padding-bottom: 22vw;
		background: url(../images/sp/event_section_bg_02_01.jpg) no-repeat bottom;
		background-size: 100% auto;
	}
	#disco2018 #disco-event .sections .section:nth-child(3)
	{
		background: url(../images/sp/event_section_bg_02_02.jpg) no-repeat top;
		background-size: 100% auto;
	}
	#disco2018 #disco-event .sections .section:nth-child(3) .bg
	{
		padding-bottom: 4vw;
		background: initial;
	}
	#disco2018 #disco-event .sections .section:nth-child(4)
	{
		background: initial;
	}
	#disco2018 #disco-event .sections .section:nth-child(4) .bg
	{
		padding-bottom: 10vw;
	}
	#disco2018 #disco-cafe .sections .section:nth-child(1) .bg
	{
		padding-bottom: 22vw;

		background: url(../images/sp/event_section_bg_04_01.jpg) no-repeat bottom;
		background-size: 100% auto;	
	}
	#disco2018 #disco-cafe .sections .section:nth-child(2)
	{
		background: url(../images/sp/event_section_bg_04_02.jpg) no-repeat top;
		background-size: 100% auto;
	}
	
	#disco2018 #disco-event .dj-title
	{
		margin-top: 10vw;
	}
	
	#disco2018 #disco-event .dj-list
	{
		width: inherit;
		margin: 7vw 6vw 0px;
	}
	
	#disco2018 #disco-event .dj-list .row+.row
	{
		margin-top: 1vw;
	}
	
	#disco2018 #disco-event .dj-list .row .date
	{
		float: inherit;
		width: inherit;
		height: inherit;
		
		padding: 2vw 0;
		font-size: 130%;
		line-height: 1em;
	}
	
	#disco2018 #disco-event .dj-list .row .date .week
	{
		display: initial;
		font-size: 80%;
		margin-top: inherit;
	}
	
	#disco2018 #disco-event .dj-list .row .thumbs .thumb
	{
		float: left;
		width: 33.33%;
		height: 34vw;
		position: relative;
	}
	#disco2018 #disco-event .dj-list .row .thumbs.four .thumb
	{
		width: 25%;
		
	}
	
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption
	{
		height: 50px;
	}
	
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption .name
	{
		margin-top: 10px;
		font-size: 100%;
		line-height: 1em;
	}
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption.two .name,
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption.sp-two .name
	{
		margin-top: 4px;
		font-size: 10px;
	}
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption.sp-fpm .name
	{
		margin-top: 4px;
		font-size: 10px;
		letter-spacing: 0;
	}
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption.sp-taku .name
	{
		white-space: nowrap;
		letter-spacing: 0;
	}
	
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .caption .website
	{
		bottom: 2px;
		font-size: 10px;
		letter-spacing: 0;
		line-height: 1em;
	}
	
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .image img,
	#disco2018 #disco-event .dj-list .row .thumbs .thumb:hover .image img
	{
		transform: scale(1.1);
	}
	
	#disco2018 #disco-event .dj-list .row .thumbs .thumb .image .copyright
	{
		bottom: 44px;
		padding: 0px;
		
		font-size: 10px;
	}
	
	
	#disco2018 #disco-event .ticket-links
	{
		margin: 6vw 8vw 0;
		width: inherit;
	}
	#disco2018 #disco-event .ticket-links .ticket-link
	{
		display: block;
		float: inherit;
		width: inherit;
	}
	#disco2018 #disco-event .ticket-links .ticket-link+.ticket-link
	{
		margin-top: 6vw;
	}
	
	
	#disco2018 #disco-event .performance-title
	{
		margin-top: 12vw;
	}
	
	#disco2018 #disco-event .dj-list.performance
	{
		margin: 7vw auto 0;
		width: 60%;
	}
	
	#disco2018 #disco-event .dj-list.performance .date
	{
		float: left;
		width: 50%;
		height: 28vw;
		padding-top: 9vw;
		
		font-size: 130%;
	}
	#disco2018 #disco-event .dj-list.performance .date .week
	{
		display: block;
		font-size: 80%;
	}
	
	#disco2018 #disco-event .dj-list.performance .thumbs
	{
		float: left;
		width: 50%;
	}
	
	#disco2018 #disco-event .dj-list.performance .thumbs .thumb
	{
		width: 100%;
		height: 28vw;
		
		overflow: hidden;
	}
	
	
	
	
	#disco2018 #disco-event .service
	{
		margin: 10vw 5vw 0;
		width: inherit;
		padding: 1px;
		background: url(../images/sp/event_service_bg.png);
		background-size: cover;
	}
	
	#disco2018 #disco-event .service .service-bg
	{
		padding: 7vw 6vw 5vw;
		font-size: 90%;
		line-height: 2em;
		background-color: #000;
	}
	
	#disco2018 #disco-event .service .title img
	{
		max-width: 195px;
	}
	
	#disco2018 #disco-event .service .read
	{
		margin-top: 4vw;
	}
	
	#disco2018 #disco-event .service .partition
	{
		margin-top: 6vw;
	}
	
	#disco2018 #disco-event .service .partition .left,
	#disco2018 #disco-event .service .partition .right
	{
		padding: 0 3vw;
	}
	
	#disco2018 #disco-event .service .last-text
	{
		margin-top: 5vw;
	}
	
	
	
	#disco2018 #disco-event .theater .logo
	{
		margin-top: 8vw;
	}
	
	#disco2018 #disco-event .theater .logo img
	{
		width: 16vw;
	}
	
	#disco2018 #disco-event .theater .title
	{
		margin-top: 8vw;
	}
	
	#disco2018 #disco-event .theater .title img
	{
		width: 65%;
	}
	
	#disco2018 #disco-event .theater .read
	{
		margin: 5vw 8vw 0;
		width: inherit;
		
		line-height: 2em;
	}
	
	#disco2018 #disco-event .playlister
	{
		margin: 0 auto;
		width: inherit;
	}
	
	#disco2018 #disco-event .playlister .image
	{
		margin-top: 6vw;
		text-align: center;
	}
	
	#disco2018 #disco-event .playlister .image img
	{
		width: 32vw;
	}
	
	#disco2018 #disco-event .playlister .partition
	{
		margin: 0 auto;
		max-width: 320px;
	}
	
	#disco2018 #disco-event .playlister .partition .list
	{
		box-sizing: border-box;
		width: 50%;
		margin-left: inherit;
		margin-top: 4vw;
		padding-left: 28px;
	}
	#disco2018 #disco-event .playlister .partition .list+.list
	{
		margin-left: inherit;
	}
	
	#disco2018 #disco-event .awa
	{
		margin: 8vw 3vw 0;
	}
	#disco2018 #disco-event .awa .link
	{
		top: 29.5vw;
	}
	#disco2018 #disco-event .awa .link img
	{
		width: 84vw;
	}
	
	#disco2018 #disco-event .disco-night
	{
		margin: 5vw 8vw 0;
		width: inherit;
	}
	#disco2018 #disco-event .disco-night .title
	{
		padding: 4vw;
		font-size: 16px;
		line-height: 1.2em;
	}
	#disco2018 #disco-event .disco-night .text
	{
		padding: 4vw 6vw;
		font-size: inherit;
	}
	#disco2018 #disco-event .disco-night+.section-read
	{
		margin-top: 5vw;
	}

/**/
	#disco2018 #disco-event .disco-night+.section-read_1
	{
		margin-top: 5vw;
	}
/**/
	
	
	#disco2018 #disco-cafe .cocktail
	{
		margin: 8vw 0 0;
		padding: 5vw 6vw 7vw;
		width: inherit;
		height: inherit;
		
		background-size: cover;
	}
	
	#disco2018 #disco-cafe .cocktail .title
	{
		padding: 6px 0;
	}
	
	#disco2018 #disco-cafe .cocktail .title img
	{
		width: inherit;
		height: 14px;
	}
	
	#disco2018 #disco-cafe .cocktail .read
	{
		margin-top: 28px;
	}
	
	#disco2018 #disco-cafe .cocktail .thumbs .item
	{
		margin-left: 0;
		margin-left: 3%;
		margin-top: 3.5vw;
		padding-top: 5vw;
		width: 26vw;
		height: 41vw;
	}
	
	#disco2018 #disco-cafe .cocktail .thumbs .item .image img
	{
		width: 80%;
	}
	
	#disco2018 #disco-cafe .cocktail .thumbs .item .name
	{
		position: absolute;
		left: 0px;
		top: 33vw;
		box-sizing: border-box;
		padding: 0 4%;
		
		font-size: 9px;
		letter-spacing: 0;
	}
	
	#disco2018 #disco-cafe .cocktail .last-text
	{
		margin-top: 20px;
	}
	
	
	
	#disco2018 #disco-share
	{
		margin-top: 12vw;
	}
	
	#disco2018 #disco-share .title img
	{
		width: 32%;
	}
	
	#disco2018 #disco-share .links
	{
		margin-top: 5vw;
	}
	
	#disco2018 #disco-share .links .item
	{
		padding-top: 5vw;
		width: 50%;
		height: 16vw;
	}
	
	#disco2018 #disco-share .links .item img
	{
		width: initial;
		height: 24px;
	}
	
	#disco2018 #disco-share .copyright
	{
		padding: 5vw 4vw;
	}
}