@charset "utf-8";

:root{
	--commonPadding: 30px 0;
	--MainColor:#b66666;
}
.commonTtl{
	margin-bottom: 10px;
}
.commonTtl .deco{}
.commonTtl .deco img{
	width: 40%;
}
.commonTtl .main{
	font-size: 19px;
}
.commonTtl .sub{
	font-size: 14px;
	margin-top: 0;
}
.commonTtl .sub span{}
.commonTtl .sub span img{}
.commonTtl .sub span + span{}

/*-----------------------#MV*/
#MV{
	height: auto;
	display: block;
	padding: 0;
}
#MV .Inner{
	padding: 20px;
	margin: 0;
}
#MV .Inner h1{
	font-size: 25px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#MV .Inner h1:before,#MV .Inner h1:after{
	height: 15px;
}
#MV .Inner h1:before{}
#MV .Inner h1:after{}
#MV .Inner h1 span{}
#MV .Inner .txt{
	font-size: 14px;
	margin-bottom: 10px;
}
#MV .Inner .txt br{
	display: none;
}
#MV .Inner .btn a{
	padding: 13px 30px;
	font-size: 15px;
	display: block;
}
#MV .Inner .btn a:hover{}
#MV .Inner .btn a:after{}
#MV .Visual{
	max-width: inherit;
	width: 100%;
	min-width: 100%;
	height: 200px;
	margin-top: 30px;
}
#MV #container{}
#MV #theTarget{}
#MV #theTarget div{
	height: 100%;
}
#MV .skippr-nav-container{}
#MV .skippr-previous{}
#MV .skippr-arrow{
	width: 15px;
	height: 15px;
}
#MV .skippr-next{}
#MV #theTarget .MV01{}
#MV #theTarget .MV02{}
#MV #theTarget .MV03{}
#MV #theTarget .MV04{}
#MV #theTarget .MV05{}
#MV #theTarget .caption{
	font-size: 11px;
}

/*-----------------------Intro--*/
#Intro{}
#Intro .Inner{
	width: 90%;
	display: block;
}
#Intro .Inner .Main{margin: 0;}
#Intro .Inner .Main p{
	font-size: 14px;
}
#Intro .Inner .Main p + p{}
#Intro .Inner .Photo{
	width: 100%;
	margin-top: 20px;
}
#Intro .Inner .Photo .caption{}
#Intro .Inner .Photo img{}

/*----------------------------Spot-----*/
#Spot{}
#Spot .Inner{
	width: 90%;
}
#Spot .Inner:after{}
#Spot .Inner .Entry{}
#Spot .Inner .Entry .photo{
	margin-bottom: 10px;
}
#Spot .Inner .Entry .photo .caption{}
#Spot .Inner .Entry .photo .img img{}
#Spot .Inner .Entry .photo .icon{}
#Spot .Inner .Entry .photo .icon img{}
#Spot .Inner .Entry dl{}
#Spot .Inner .Entry dt{
	font-size: 17px;
}
#Spot .Inner .Entry dt span{}
#Spot .Inner .Entry dd{
	font-size: 14px;
}
#Spot .Inner .Entry + .Entry{}
#Spot .Inner .Main{
	display: block;
}
#Spot .Inner .Main + .Main{}
#Spot .Inner .Main h3{
	font-size: 19px;
	margin-bottom: 10px;
}
#Spot .Inner .Main:after{}
#Spot .Inner .Main .Entry{
	width: 100%;
}
#Spot .Inner .Sub:after{}
#Spot .Inner .Sub .Entry{}
#Spot .Inner .Sub .Entry .photo .icon{}


/*------------------------------#Event*/
#Event{}
#Event .Inner{
	width: 90%;
}
#Event .Inner dl{
	display: block;
}
#Event .Inner dt{
	display: block;
}
#Event .Inner dt .date{}
#Event .Inner dt .main{
	padding: 0;
	width: auto;
	padding-bottom: 4px;
}
#Event .Inner dd{
	padding: 0;
	padding-bottom: 3px;
}
#Event .Inner dl + dl{}
#Event .Inner .btn{
	width: 100%;
	margin-top: 7px;
}
#Event .Inner .btn a{}
#Event .Inner .btn a:hover{}
#Event .Inner .btn a:after{}
/*-----------------------------Item*/
#Item{
}
#Item .btn{
	width: 90%;
}
/*----------------------------------------------Qualita*/
#Qualita{
	padding: var(--commonPadding);
}
#Qualita h2{}
#Qualita .Inner{
	width: 90%;
	display: block;
}
#Qualita .Inner .main{
	padding: 0;
}
#Qualita .Inner .main .infoTxt{}
#Qualita .Inner .main .infoTxt dt{}
#Qualita .Inner .main .infoTxt dt span{}
#Qualita .Inner .main .infoTxt dd{}
#Qualita .Inner .main .btn{}
#Qualita .Inner .main .btn a{}
#Qualita .Inner .main .btn a:after{}
#Qualita .Inner .main .btn a:hover{}
#Qualita .Inner .photo{
	width: 100%;
	margin-top: 30px;
}
#Qualita .Inner .photo img{}


/*---------------------------------Contact*/
#Contact{background-image: url(/music/special/asset/newyear/images/about_02.jpg);
	padding: var(--commonPadding);
}
#Contact:before{content:"";background-color: rgb(0 0 0 / 60%);left: 0;top: 0;position: absolute;width: 100%;height: 100%;}
#Contact h2{
	position: relative;
}
#Contact .official{}
#Contact .official a{}
#Contact .official a:hover{}
#Contact .Inner{
	width: 90%;
	position: relative;
	padding-bottom: 0;
}
#Contact .Inner .caution{}
#Contact .Inner .tel{}
#Contact .Inner .tel dt{font-size: 18px;}
#Contact .Inner .tel dd{}
#Contact .Inner .tel dd strong{
	font-size: 34px;
}
#Contact .Inner .tel dd span{}
#Contact .Inner .tel .atte{}
#Contact .Inner .tel .txt{}
#Contact .Inner .btn{
	display: block;
	width: 100%;
}
#Contact .Inner .btn li{}
#Contact .Inner .btn li + li{
	margin: 0;
	margin-top: 10px;
}
#Contact .Inner .btn a{
	padding: 16px;
	font-size: 15px;
}
#Contact .Inner .btn a:after{}
#Contact .Inner .btn a:hover{}