@charset "UTF-8";

/*************************************************
			DefaultPropetyReset
*************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	list-style: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/*************************************************
			CommonPropetyPreset
*************************************************/

a{
	outline: 0;
	color: #D00;
	text-decoration: underline;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	}
a:hover,a:active{
	opacity: 0.7;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	}

.apeal01{color: #F00;}
.apeal02{color: #06F;}

.strong{font-weight: bold;}
.stronger01{font-size: 120%;}
.stronger02{font-size: 150%;}
.stronger03{font-size: 200%; line-height: 34px;}

.weaker01{font-size: 90%; font-weight: normal;}
.weaker02{font-size: 85%; font-weight: normal;}
.weaker03{font-size: 60%; font-weight: normal;}

.clear{clear: both;}

hr{
	height: 1px;
	border: none;
	border-top: 1px #DDD dotted;
	margin: 0 0 35px;
	}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

html{
	height: 100%;
	}

body{
	background: #000;
	font: 80%/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	height: 100%;
	-webkit-text-size-adjust:none;
	}


/*************************************************
			Header
*************************************************/

header{
	padding: 35px 0 10px;
	}

header #logo{
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
	}

#top header #logo{
	text-align: center;
	}

#top header #logo img{
	width: 600px;
	}
	
@media screen
and (max-width: 1000px){

header #logo{
	display: none;
	}
}

section#mainimg{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	}

section#mainimg img{
	width: 100%;
	}


/*************************************************
			gNav
*************************************************/


section#gNav{
	padding: 10px 0 30px;
	}

#top section#gNav{
	padding: 20px 0;
    text-align: center; 
	}
	
#top section#gNav li {  
	display: -moz-inline-box;  
	display: inline-block;  
	/display: inline;
	/zoom: 1;  
	}

section#gNav .inner{
	overflow: hidden;
	max-width: 980px;
	padding-left: 20px;
	}

section#gNav img{
	display: block;
	float: left;
	}
	

/*  for SP */

#spmenu{
	display: none;
	overflow: hidden;
	margin: -20px 0 0;
	}

#spmenu p.logo{
	float: left;
	width: 30%;
	margin: 10px 0 10px 20px;
	}

#spmenu p.logo img{
	width: 100%;
	}

#spmenu p.toggle{
	float: right;
	margin: 0 10px 10px 0;
	width: 46px;
	height: 46px;
	}

#spmenu p.toggle img{
	width: 100%;
	}

#spmenu .hidden{
	display: none;
	}

#spmenu #gNav-sp{
	width: 100%;
	clear: both;
	}

#spmenu #gNav-sp li a{
	display: block;
	width: 100%;
	background: #191919;
	border-bottom: #333 solid 1px;
	padding: 14px;
	text-decoration: none;
	color: #FFF;
	font-size: 120%;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	}

@media only screen and (max-width: 1000px) {

#spmenu{
	display: block;
	}
	
section#gNav{
	display: none;
	}

}




/*************************************************
			breadcrumb
*************************************************/


section#breadcrumb{
	background: url(../images/bg_breadcrumb.jpg) left top;
	margin: -15px 0 0;
	padding: 5px 0 8px;
	color: #000;
	}

section#breadcrumb .inner{
	max-width: 980px;
	padding-left: 20px;
	}

section#breadcrumb ul{
	overflow: hidden;
	}

section#breadcrumb li{
	margin: 0 10px 0 0;
	float: left;
	}

section#breadcrumb li:after{
	content:"\00a0\00a0\00BB";
	}

section#breadcrumb li:last-child:after{
	content:"";
	}

section#breadcrumb li a{
	color: #523644;
	}

@media only screen and (max-width: 1000px) {

section#breadcrumb{
	margin: -7px 0 0;
	}

section#breadcrumb li{
	font-size: 130%;
	}

}



/*************************************************
			Contents
*************************************************/

		
section{
	padding: 25px 0;
	}

section .inner{
	max-width: 1000px;
	margin: 0 auto;
	}

section #informaion li{
	overflow: hidden;
	}

section #informaion p{
	float: left;
	}

section #informaion p.date{
	margin: 0 10px 0 0;
	}
section #informaion a {
	color: #fff;
	
}
section #informaion a p {
	text-decoration: underline; 
}	
section.border01{
	border-top: #222 solid 1px;
	}

	
@media screen
and (max-width: 1000px){

section #informaion{
	padding: 0 20px;
	}

}
	
@media screen
and (max-width: 1000px){

section #informaion{
	font-size: 100%;
	}

section #informaion li{
	margin: 0 0 10px;
	}

section #informaion p{
	float: none;
	}

}

	
/* common */

section h2{
	color: #F00;
	font-weight: bold;
	font-size: 160%;
	line-height: 22px;
	margin: 0 0 10px;
	}

section h2.year,
section h2.news_title{
	color: #FFF;
	font-weight: bold;
	font-size: 200%;
	line-height: 25px;
	font-style: italic;
	margin: 0 0 20px;
	padding: 10px 5px; 
	border-bottom: #222 solid 1px;
	}

section h3{
	font-weight: bold;
	font-size: 130%;
	margin: 0 0 5px;
	}

section h3.caution{
	color: #0FF;
	}

section h3 span.soldout{
	background: #F00;
	padding: 0 5px;
	font-size: 85%;
	font-weight: bold;
	}

section .block01,section .block02{
	margin: 0 0 30px;
	padding: 10px;
	}

section .block02{
	border: #FFF solid 1px;
	margin: 10px 10px 20px;
	}

section .block01 p,section .block02 p{
	margin: 0 0 10px;
	}

section .box01{
	margin: 0 0 25px;
	}

section .box01.edge{
	margin: 10px 0;
	padding: 20px 0 0;
	border-top: #333 solid 1px;
	}

section .box-2col{
	margin: 20px 0 25px -40px;
	overflow: hidden;
	}

section .box-2col > div{
	float: left;
	width: 45%;
	margin: 0 0 0 40px;
	}

section .box-2col h3{
	margin-bottom: 15px;
	}

section .box-2col p{
	margin-bottom: 20px;
	}

section .box-2col img{
	margin-bottom: 10px;
	border: #EEE solid 1px;
	}

section ol.tracklist{
	margin: 0 0 10px 25px;
	}

section ol.tracklist li{
	list-style-type: decimal;
	}

section ul.box-3col{
	margin: 20px 0;
	overflow: hidden;
	}

section .box-3col li{
	width: 32%;
	margin: 0 0 0 9px;
	float: left;
	}

section .box-3col li img{
	width: 100%;
	}

section .pagetop{
	text-align: right;
	margin: 0 0 30px;
	}


img.alignright{
	display: block;
	float: right;
	margin: 0 0 14px 14px;
	}

img.alignleft{
	display: block;
	float: left;
	margin: 0 14px 14px 0;
	}

	
/* biography */

.block01 ul.biography{
	margin: 0 0 30px;
	font-size: 110%;
	}

.block01 .biography li{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: #333 dotted 1px;
	overflow: hidden;
	}

.block01 .biography li p{
	float: left;
	}

.block01 .biography li p.date{
	font-weight: bold;
	margin: 0 20px 0 0;
	}


/* entryform */

.form-button{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #06C;
	padding: 2% 4%;
	display: block;
	margin: 0 auto 15px;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 130%;
	font-weight: bold;
	border-radius: 0.2em;
	}
	
.form-button:hover{
	opacity: 0.7;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	}
	
input,select.middle{
	padding: 8px;
	font-size: 110%;
	margin: 0 0 4px;
	}
input.short{
	width: 20%;
	}

input.middle{
	width: 50%;
	}

input.long{
	width: 90%;
	}

textarea{
	width: 90%;
	height: 200px;
	}

section .block01 .agreement{
	padding: 15px;
	border: #555 dotted 1px;
	width: 300px;
	height: 45px;
	margin: 0 auto 30px;
	text-align: center;
	font-size: 200%;
	}
select.middle {
	margin-bottom: 2px;
}

/*input[type=radio],*/ input[type=checkbox] {
	display: none;
	}

.radio, .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 12px 12px 12px 42px;
	vertical-align: middle;
	cursor: pointer;
	}

.radio:hover, .checkbox:hover {
	background-color: #333;
	}

.radio:after, .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: 1px solid #bbb;
	content: '';
	}

.radio:after{
	border-radius: 50%;
	border: 2px solid #bbb;
	width: 16px;
	height: 16px;
	}

.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #FFF;
	content: '';
	opacity: 0;
	}

input[type=radio]:checked + .radio:before {
	opacity: 1;
	}

.checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	margin-top: -9px;
	width: 8px;
	height: 12px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}

input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
	}



.table-form{
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px dotted #DDD;
	}

.table-form th{
	text-align: left;
	vertical-align: middle;
	padding: 20px 0;
	width: 28%;
	border-top: 1px dotted #DDD;
	}

.table-form th span{
	background: #FF0004;
	font-size: 75%;
	margin-left: 15px;
	padding: 2px 6px;
	color: #fff;
	white-space: nowrap;
	}

.table-form th span.optional{
	background: #06F;
	}

.table-form td{
	padding: 20px 0;
	border-top: 1px dotted #DDD;
	}
section .video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
section .video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
section .bnr-area{
	padding: 0 20px;
	text-align: center;
	}

section .bnr-area img{
	margin: 15px 0 0;
	}

@media only screen and (max-width: 1000px) {
	

section .block01,section .block02{
	font-size: 14px;
	line-height: 22px;
	}

img.sp{
	width: 100%;
	}

img.alignright,img.alignleft{
	float: none;
	margin: 0 auto 16px;
	}

section .box-2col{
	margin: 0;
	padding: 10px;
	}
section .box-2col img{
	display: block;
	margin: 0 auto 20px;
	}

section .box-2col > div{
	float: none;
	width: 100%;
	margin: 0;
	}


section .box-3col li{
	width: auto;
	margin: 0 0 20px;
	float: none;
	text-align: center;
	}

section .box-3col li img{
	width: 90%;
	}


/* biography */

.block01 .biography li p{
	float: none;
	}


/* entryform */

.table-form th span{
	margin-left: 5px;
	}

textarea{
	height: 100px;
	}

.form-button{
	padding: 5% 6%;
	}

input.middle{
	width: 70%;
	}

section .video {
	max-width: 92%;
	margin: 0 auto;
}

section .video iframe {
	width: 100%;
	}


section .bnr-area img{
	width: 100%;
	}

}


/* sns */

ul.sns{
    text-align: center;  
	}
	
ul.sns li {  
	display: -moz-inline-box;  
	display: inline-block;  
	/display: inline;
	/zoom: 1;  
	}

ul.sns li a {  
	display: block;
	width: 215px;
	color: #FFF;
	font-size: 90%;
	text-decoration: none;
	}

@media only screen and (max-width: 1000px) {
	
ul.sns li {
	margin: 0 0 16px;
	}

}
/* goods */
ul.goodslist li {
	padding-left: 20px;
}
p.cart-button span {
	display: block;
	margin: 10px 0 30px;
}
p.cart-button span a {
	background-color: #000066;
	padding: 20px 50px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.goods-cbox span label {
	font-weight: bold;
	font-size: 130%;
	margin: 0 0 5px;
}
.goods-cbox h3 {
	margin-bottom: 20px;
}
.goods-cbox input[type=checkbox] {
	display: inline;
	width: 18px;
    height: 18px;
}
.lastgig,.climax {
	float: left;
}
.lastgig {
	margin-right: 20px;
}
.lastgig span label {
	display: inline-block;
	width: 255px;
	height: 250px;
	background: url(../images/goods/thumb_lastgig.png) no-repeat bottom;
}
.climax span label {
	display: inline-block;
	width: 163px;
	height: 250px;
	background: url(../images/goods/thumb_climax.png) no-repeat bottom;
}
p.cart-button+span {
	font-size: 130%;
	font-weight:bold;
}
@media only screen and (max-width: 1000px) {
	.lastgig {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.goods-sp {
		margin: 0 20px !important;
	}
}
/* gigs */
ul.gigs-li li:before {
	content: "▼"
}
ul.gigs-li li {
	padding-left: 1em;
    text-indent: -1em;
}
/*************************************************
			Pagetop
*************************************************/

a#pagetop{
	display: block;
	padding: 10px 0 5px;
	background: #2C2C2C;
	}
	
a#pagetop .inner{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	}

/*************************************************
			Footer
*************************************************/

footer{
	background: #191919;
	padding: 25px 0 10px;
	}

footer .inner{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	color: #999;
	}

footer img{
	margin: 0 15px 0 0;
}
footer img:nth-of-type(1){
	width: 175px;
	height: 50px;
	}
	footer img:nth-of-type(2){
	width: 41px;
	height: 50px;
	}
.blinking{
	-webkit-animation:blink 1s ease-out infinite alternate;
    -moz-animation:blink 1s ease-out infinite alternate;
    animation:blink 1s ease-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.4;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.4;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.4;}
    100% {opacity:1;}
}


/*************************************************
			news pagenav
*************************************************/
.pagenav {
	border-top: 1px solid #fff;
	margin-top: 50px;
	padding-top: 10px;
}
.pagenav span {
	width: 33%;
	float: left;
}
.pagenav span.newslist {
	text-align: center;
}
.pagenav span.next {
	float: right;
	text-align: right;
}
div.y_video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 20px;
}
div.y_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
p.dateLabel {
	text-align: right;
	font-size: 150%;
}
/*************************************************
			notice_entry
*************************************************/
a.agreement {
display: block;
padding: 15px;
    border: #555 dotted 1px;
    width: 300px;
    height: 45px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 200%;
	color: #fff;
}
.agreeOpen .checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	margin-top: -9px;
	width: 8px;
	height: 12px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1;
}
.panel .form-button {
    text-align: center;
	width: 200px;
}
.goentry a {
	text-decoration: none;
}
.discography_jump li {
	float: left;
}
.discography_jump li:not(last-child) {
	margin-right: 10px;
}
.sp_on {
		display: none;
	}
@media only screen and (max-width: 1000px) {
	
	section .block01 .agreement,
	.panel .form-button {
	width: 75%;
	}
	.single_content img {
		max-width: 100%;
		height: auto;
	}
	.sp_on {
		display: block;
	}
}