@charset "utf-8";
* { margin: 0; padding: 0; font-size: 13px; line-height: 2em;}
ul {list-style:none}
img {vertical-align: middle;}

html {
	text-align: left;
                                background: #e3c4d1 url(../images/bg.png) center top;
}
body {

	background: url(../images/nav_bg.png) repeat-x center top;
                                background-size: auto 118px;
	color: #362d1e;
	margin: 0 auto;
	padding: 0;
	font-size: 15px;
	line-height: 1.6em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
                                font-feature-settings: "palt";
}		
* html body {
	font-size: 100%;
	padding-left: 1px;
}
*:first child+html body {
	font-size: 100%;
}
*:first child+html body {
	padding-left: 1px;
}

a { word-break: break-all; }

a:link,
a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color:#936695;
	}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: inherit;
	color: #80adcb;
	}
a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	color: #d99ab4;
	}
a.btn {
                                font-size: 15px;
                                border: 2px solid #936695;/*線色*/
	font-weight: bold;
                                padding: 0.5em;/*文字周りの余白*/
                                border-radius: 5px;/*角丸*/
                                line-height: 1.2em;
                                background: #936695;
                                color: #fff;
                                display: block;
                                max-width: 450px;
                                text-align: center;
                                margin: 0 auto;
}
a:hover.btn {
                                background: #fff;/*線色*/
                                color: #936695;
	text-decoration: none;
}
img {
	border:0;
	max-width: 100%;
}
p {
	margin: 1em 0;
	padding: 0;
}
hr {
	clear: both;
	visibility: hidden;
}
hr.white {
	clear: both;
	visibility: visible;
                                height: 8px;
                                margin: 0;
                                padding: 0;
                                border: 0px none;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 5px;
}
h1 {
	line-height: 1;
                                font-family: 'Dancing Script', cursive;
                                text-align: center;
}
h2 {
	font-size: 30px;
	line-height: 1.333;
                                margin: 0 0 1em;
                                color: #80adcb;
                                font-weight: 400;
}

h3 {
	font-size: 20px;
	line-height: 1.2;
                                border: 1px solid;
                                border-width: 1px 0;
                                padding: 3px 0;
                                color: #d99ab4;
                                font-weight: 400;
}
h4 {
	font-size: 18px;
	line-height: 1.2;
                                padding: 5px 0;
                                color: #666;
                                font-weight: 400;
}
h5 {
	font-size: 20px;
                                font-weight: normal;
	line-height: 1.2;
                                border-bottom: 1px solid #ddd;
}
h6 {
	font-size: 16px;
                                font-weight: normal;
}
.little {
	font-size: 80%;
	line-height: 1.2;
	font-weight: normal;
}
.little br{
	font-size: 80%;
	line-height: 1.2;
}
.right {
	text-align: right;
}
.note {
                                color: #888;
}

iframe {
	max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.red {
	font-size: 100%;
                                color: #b60918;
	line-height: 1;
}



.pc {
	display: none
}


div#wrapp {
	position: relative;
	margin: 0 auto 50px;
	padding: 0 10px;
	clear: both;
}




div#SNS {
	position: fixed;
	top: -2px; right:5px;
	text-align: center;
	line-height: 0;
	margin: 0 auto;
	z-index: 12000;
	width: 205px;
}
#SNS ul li {
	width: 90px!important;
	margin: 0;
	float: left;
	text-align: left;
	line-height: 0;
	padding: 16px 0 0;
}
#SNS ul li.twitter {
	padding: 0 10px 0 0;
	margin: -5px 0 0 0;
}
iframe.twitter-share-button {
	padding: 20px 0 0;
	width: 90px!important;
}

header {
	width: 100%;
                                position: relative;
                                background-size: 100%;
                                margin: 0 auto;
                                text-align: center;
                                padding: 50px 0 0;
}
header h1 {
                                margin: 30px auto 0;
                                position: relative;
                                z-index: 200;
                                padding: 0 10px;
}
#headertop {
	background: url(../images/header_kazari_top.png) repeat-x center top;
                                background-size: auto 30px;
                                height: 30px;
                                width: 100%;
                                position: relative;
                                z-index: 100;
                                margin: -15px auto 0;
}
#headertop2 {
                                height: 30px;
                                width: 100%;
                                position: relative;
                                z-index: 100;
                                margin: -15px auto 0;
}
#headerbottom {
	background: url(../images/header_kazari_bottom.png) repeat-x center top;
                                background-size: auto 30px;
                                height: 30px;
                                width: 100%;
                                position: relative;
                                z-index: 100;
                                margin: -30px auto 0;
}
#headerbottom2 {
                                height: 30px;
                                width: 100%;
                                position: relative;
                                z-index: 100;
                                margin: -30px auto 0;
}
img#index_photo {
                                width: 90%;
                                margin: -30px auto 0;
}
div#header_text {
                                position: absolute;
                                bottom: 30px;
                                left: 0; right: 0;
				text-align: center;
                                font-size: 15px;
                                font-weight: 700;
                                color: #fff;
                                line-height: 1.2;
                                text-shadow: 0 2px 3px rgba(110,76,90,0.8);
}
div#header_text br {
                                line-height: 1.2
}
#CDtitle {
                                font-size: 25px;
                                line-height: 1.2;
}
div#header_text a {
                                color: #fff;
                                line-height: 1.2;
                                display: block;
                                width: 60%;
                                margin: 0 auto;
}
div#header_text a:hover {
				text-decoration: none;
                                background: rgba(110,76,90,0.3);
}




div#header_text2 {
                                position: absolute;
                                bottom: 30px;
                                left: 0; right: 0;
				text-align: center;
                                font-size: 15px;
                                font-weight: 700;
                                color: #fff;
                                line-height: 1.2;
                                text-shadow: 0 2px 3px rgba(110,76,90,0.8);
}
div#header_text2 br {
                                line-height: 1.2
}
#CDtitle {
                                font-size: 25px;
                                line-height: 1.2;
}
div#header_text2 a {
                                color: #fff;
                                line-height: 1.2;
                                display: block;
                                width: 80%;
                                margin: 0 auto;
}
div#header_text2 a:hover {
				text-decoration: none;
                                background: rgba(110,76,90,0.3);
}




div#header_text3 {
                                position: absolute;
                                bottom: 10px;
                                left: 0; right: 0;
				text-align: center;
                                font-size: 15px;
                                font-weight: 700;
                                color: #fff;
                                line-height: 1.2;
                                text-shadow: 0 2px 3px rgba(110,76,90,0.8);
}
div#header_text3 br {
                                line-height: 1.2
}
#CDtitle {
                                font-size: 20px;
                                line-height: 1.2;
}
div#header_text3 a {
                                color: #fff;
                                line-height: 1.2;
                                display: block;
                                width: 80%;
                                margin: 0 auto;
}
div#header_text3 a:hover {
				text-decoration: none;
                                background: rgba(110,76,90,0.3);
}




section {
                                margin: -10px 2.5% 50px;
                                padding: 15px 10px;
                                background: #fff;
                                border-radius: 10px;
                                box-shadow: 0 5px 20px rgba(110,76,90,0.5);
                                position: relative;
}
div#kazari {
                                display: none;
}
div.contents {
	transition: .5s;
}
section h1#maintitle {
	background: url(../images/h1_bg.png) repeat-x left bottom;
                                background-size: auto 24px;
                                color: #936695;
                                font-weight: 400;
	text-align: center;
                                padding: 0 0 30px;
                                font-size: 45px;
                                margin: 0.5em auto;
                                line-height: 1em;
}

div.maincontents {
                                padding: 2em 0 0;
                                margin: 0 auto;
}
div#index_maincontents {
                                padding: 2em 0 0;
                                margin: 0 auto;
}




/* index ----------------------------------------*/
#whatsnew, #indexmovie {
                                margin:10px 2.5%;
                                padding: 15px 10px;
                                text-align: center;
                                line-height: 1.2;
                                background: #fff;
                                border-radius: 10px;
                                box-shadow: 0 5px 20px rgba(110,76,90,0.5);
                                
}
#whatsnew {
	background: #fff url(../images/index_wahtsnew.png) no-repeat right top;
                                background-size: 117px 129px;
                                
}
#indexmovie {
	background: #fff url(../images/index_movie.png) no-repeat right top;
                                background-size: 147px 125px;
                                
}
#whatsnew h2, #indexmovie h2{
                                margin: 0 0 0.2em;
                                font-family: 'Dancing Script', cursive;
                                color: #6d4a13;
                                text-align: left;
}


#whatsnew dl {
                               margin: 0;
                                font-weight: 400;
                                text-align: left;
}
#whatsnew dt {
                               margin: 0;
}
#whatsnew dd {
                                margin: 0 0 1em;
                                padding: 0 0 0.5em;
	line-height: 1.4em;
                                border-bottom: 1px dotted #e3c4d1;
}
#whatsnew dd:last-child {
                                margin: 0;
                                border-bottom: none;
}

footer {
	margin: 30px auto 0;
	padding: 30px 5px 80px;
	text-align: center;
	clear: both;
	line-height: 1em;
                                font-size: 13px;
}

footer small {
	line-height: 1em;
                                font-size: 13px;
}


footer a {
	font-size: 100%;
}

footer ul#link_btn {
                                width:95%;
                                padding: 10px 2.5%;
}
footer ul li {
	display: inline-block;
	margin: 5px 10px;
                                vertical-align: middle;
}
footer ul li a {
	display: block;
}
footer ul#sns-share li {
	margin: 30px 10px 10px;
}
footer ul#sns-share li img {
	width: 50%;
}






/* disco ----------------------------------------*/
#disco div.maincontents {
	line-height: 1.2;
}
div.discocontents,div.livecontents {
                                padding: 1em 0;
}
#disco h2, #live_event h2 {
                                font-family: 'Dancing Script', cursive;
                                margin: 0 auto;
	line-height: 1.4;
                                font-size: 60px;
                                padding: 0;
                                text-align: center;
}
#diconav {
                                text-align: center;
	line-height: 1.2;
}
#diconav a{
                                font-family: 'Dancing Script', cursive;
	line-height: 1.2;
                                font-size: 23px;
                                margin: 0 15px;
}
#single h2, #live h2 {
                                color: #80adcb;
}
#album h2, #event h2 {
                                color: #d99ab4;
}

#disco h3{
	line-height: 1.2;
                                font-weight: 400;
                                margin: 0 auto 0.5em;
                                padding: 0;
                                border-top: none;/*上線*/
                                color: #666;
                                border-bottom: 2px dotted
}
#disco h4 {
	font-size: 24px;
	line-height: 1.2;
                                border: 1px solid;
                                border-width: 1px 0;
                                padding: 3px;
                                color: #666;
                                font-weight: 400;
                                margin: 1em 0 0.5em;
}
#disco .day {
                                font-size: 18px;
	line-height: 1.4;
                                font-weight: 300;
                                color: #666;
                                display: block;
}

div.jacket {
                                margin: 0 auto 1em;
                                text-align: center;
}
div.jacket img{
                               width: 300px;
                                margin: 1em auto 0.25em;
                                border: 1px solid #ddd;
}
div.jacket2 {
                                margin: 0 auto 1em;
                                text-align: center;
}
div.jacket2 img{
                               width: 300px;
                                margin: 1em auto 0.25em;
                                border: 1px solid #ddd;
}

#disco ol {
                                margin: 0;
}
#disco ol li {
                                list-style-type: decimal;
                                margin: 1em 0 1em 2em;
}

#disco ul {
                                margin: 0;
}
#disco ul li {
                                list-style-type: disc;
                                margin: 1em 0 1em 2em;
}
ul.movie li{
                                text-align: center;
                                margin: 3em auto;
}
div.movie {
                                text-align: center;
                                margin: 3em auto;
}

#movie2 {
                                margin: 10px auto;
                                text-align: center;
                                margin: 3em auto;
}
#movie2 ul li {
                                margin: 0 auto 1rem;
                                max-width: 480px;
                                text-align: center;
                                list-style:none;
}
#movie2 ul li a {
                                background: #fff;
                                display: block;
}
.play-img {
  cursor: pointer;
  max-width: 480px;
  position: relative;
  width: 100%;
}
.play-img img {
  height: auto;
  width: 100%;
}
.hover-mask {
                                align-items: center; /* テキストの中央揃え */
                                justify-content: center; /* テキストの中央揃え */
                                display: flex; /* テキストの中央揃え */
                                position: absolute;
                                bottom: 0; left: 0; right: 0; top: 0;
                                opacity: 1;
                                transition: .6s all;
                                width: 100%;
                                height: auto;
                                background: rgba(255, 255, 255, .1);
}
.hover-mask:hover {
                                background: rgba(255, 255, 255, .4);
}
.hover-mask img.play {
                                width: 40px;
}


.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* info ----------------------------------------*/
#info ul {
  margin: 0 0 3em;
}

ul.liveContents li, #info ul li {
                                margin: 0 0 2em;
                                padding: 0 0 1em;
}
ul.liveContents li:last-child, #info ul li:last-child {
                                margin: 0 0 2em;
}

ul.disc {
                                list-style: disc;
                                margin: 0 0 0 1.2em;
}
ul.disc li {
                                margin: 0 0 0.5em;
}

ul.liveContents li dl {
                                margin: 1em auto 2em;
                                font-size: 18px;
}
ul.liveContents li dl dt {
                                font-weight: bold;
                                margin:0;
                                font-size: 18px;
}

ul.liveContents li dl dd {
                                margin:0 0 0.5em;
                                font-size: 18px;
}

ul.liveContents li h4 {
	font-size: 18px;
}

.marg {
				margin:0 1em 1em 0;
}


/* profile ----------------------------------------*/
section#profile h2 {
                                border-bottom: none;/*左線（実線 太さ 色）*/
                                margin: 0 0 1em;
}

section#profile ul li {
                                line-height: 1.4;
                                margin: 0 0 1em;
                                padding: 0 0 0.5em;
                                border-bottom: 1px dotted #e3c4d1;
}
section#profile ul li br {
                                line-height: 1.4;
}
section#profile ul li a {
                                line-height: 1.4;
}
div.photo {
                                margin: 0 auto 1em;
                                text-align: center;
}
div.photo img{
                                width: 300px;
                                border: 1px solid #ddd;
}





#page-top {
                                display: none;
}


/*768px以上 ----------------------------------------*/

@media screen and (min-width:768px){


.sp {
	display: none
}
.pc {
	display: block;
}

div#wrapp {
	clear: both;
}
header h1{
                                width: 521px;
                                padding: 0;
}
#headertop {
                                background-size: 768px auto;
                                height: 38px;
                                margin: -30px auto 0;
}
#headertop2 {
                                background-size: 768px auto;
                                height: 38px;
                                margin: -30px auto 0;
}
#headerbottom {
                                background-size: 768px auto;
                                height: 38px;
                                margin: -38px auto 0;
}
#headerbottom2 {
                                background-size: 768px auto;
                                height: 38px;
                                margin: -38px auto 0;
}
img#index_photo {
                                width: 700px;
                                margin: -38px auto 0;
}

div#header_text {
                                top: 280px;
                                bottom: auto;
                                left: auto; right: 40px;
                                font-size: 18px;
}

div#header_text2 {
                                top: auto;
                                bottom: 30px;
				text-align: center;
                                font-size: 18px;
}

div#header_text3 {
                                top: auto;
                                bottom: 10px;
				text-align: center;
                                font-size: 18px;
}

#CDtitle {
                                font-size: 30px;
}
div#header_text a {
                                width: auto;
                                padding: 5px;
}

div#header_text2 a {
                                width: 60%;
                                padding: 5px;
}

div#header_text3 a {
                                width: 60%;
                                padding: 5px;
}



#whatsnew, #indexmovie {
                                margin:10px auto;
                                width: 660px;
                                padding: 20px;
                                
}
#whatsnew h2, #indexmovie h2{
                                font-size: 45px;
}
iframe {
                                height: 280px;
}


section {
	width: 680px;
                                margin: -10px auto 0;
                                padding: 30px 20px 100px;
}
section h1#maintitle {
                                margin: 0.2em auto;
                                font-size: 80px;
}



ul.liveContents li dl {
                                margin: 1em auto 2em;
}
ul.liveContents li dl dt {
                                font-weight: bold;
                                margin:0;
                                width: 120px;
}

ul.liveContents li dl dd {
                                margin:-2em 0 0.5em 150px;
}


div.buy {
                                clear: both;
}

#page-top {
	position: fixed;
	display: block;
	right: 30px;
	bottom: 20px;
	padding: 0;
	z-index: 777;
	height: 75px;
	width: 60px;
                                line-height: 1;
}
#page-top a {
                                font-size: 40px;
                                font-weight: 400;
	line-height: 1;
	padding: 10px 0 0;
	display: block;
	opacity: 0.8;
	color:#fff;
                                background: rgba(110,76,90,0.6);
	height: 50px;
	width: 60px;
                                border-radius: 30px;/*角丸*/
	text-align: center;
}
#page-top a:hover {
	opacity: 1;
	text-decoration: none;
}



}


/*980px以上 ----------------------------------------*/

@media screen and (min-width:980px){

div#SNS {
	top: 5px; 
}

header{
                                width: 980px;
                                padding: 80px 0 0;
                                
}
#headerContents {
                                margin: 0 auto;
}
header h1{
                                margin: 0 auto 0;
}
#headertop {
                                background-size: 980px auto;
                                height: 49px;
                                margin: -20px auto 0;
}
#headertop2 {
                                background-size: 980px auto;
                                height: 49px;
                                margin: -20px auto 0;
}
#headerbottom {
                                background-size: 980px auto;
                                height: 49px;
                                margin: -49px auto 0;
}
#headerbottom2 {
                                background-size: 980px auto;
                                height: 49px;
                                margin: -49px auto 0;
}
img#index_photo {
                                width: 890px;
                                margin: -49px auto 0;
}


div#header_text {
                                top: 280px;
                                left: auto; right:55px;
                                font-size: 21px;
}
div#header_text2 {
                                top: auto;
                                bottom: 50px;
				text-align: center;
                                font-size: 21px;
}
div#header_text3 {
                                top: auto;
                                bottom: 10px;
				text-align: center;
                                font-size: 21px;
}
#CDtitle {
                                font-size: 35px;
                                font-weight: 400;
}
div#header_text a {
                                font-weight: 300;
                                width: auto;
}
div#header_text2 a {
                                font-weight: 300;
                                width: 60%;
}
div#header_text3 a {
                                font-weight: 300;
                                width: 60%;
}


section {
                                margin: -20px auto 80px;
                                padding: 20px 20px 30px;
                                width: 850px;
}
div#kazari {
                                display: block;
                                width: 216px;
                                height: 211px;
                                position: absolute;
                                top: -80px; right: -50px;
				background: url(../images/kazari.png) no-repeat center center;
                                background-size: 216px auto;
}

section h1#maintitle {
                                margin: 0.5em auto;
                                padding: 0 0 30px 30px;
				text-align: left;
}
div.maincontents {
                                width: 700px;
                                margin: 0 auto;
                                padding: 2em 0;
}
div#index_maincontents {
                                width: 980px;
                                margin: 0 auto;
                                padding: 0;
}

#whatsnew {
                                width: 440px;
                                float: left;
                                margin: 25px 20px 0 0;
                                padding: 20px;
}
#indexmovie {
                                width: 440px;
                                float: left;
                                margin: 25px 0 0;
                                padding: 20px;
}

/* disco ----------------------------------------*/
div.discocontents,div.livecontents {
                                padding: 3em 0;
                                width: 700px;
                                margin: 0 auto;
}
#diconav {
                                text-align: right;
	line-height: 1.2;
                                position: absolute;
                                top: 50px; right: 180px;
}
div.jacket {
                                float: left;
                                width: 300px;
                                margin: 1em 20px 2em;
                                line-height: 1.2em;
}
div.jacket2 {
                                float: left;
                                width: 665px;
                                margin: 1em 20px 2em;
                                line-height: 1.2em;
}
div.cd_contents {
                                float: left;
                                min-width: 520px;
                                margin: 1em auto 0.5em;
                                
}



div.photo {
                                float: right;
                                width: 300px;
                                margin: 1em 20px 2em;
                                line-height: 1.2em;
}

}


.list{
	overflow: hidden;
}
.list li{
	transition: .5s;
}
.list-mv07 {
	opacity: 0;
	transform: translate(0,150px); 
	-webkit-transform: translate(0,150px); 
}
.mv07 {
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}