@charset "UTF-8";

/* style sheet [historical spcial page] */
html,body{
	font-family:'Hiragino Kaku Gothic Pro',	'ヒラギノ角ゴ Pro W3', 'Osaka',	'ＭＳ Ｐゴシック', sans-serif;
	color:#000;
	width:100%;
	height:100%;
	}
h1{
	text-indent:-9999px;
	}
h2{
	color:#000;
	}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

#mein{
	background-color:#fff;	
	margin:0 auto;
	}
#header{
	height:90%;	
	}
.nav{
	z-index:1000;
	width:100%;
	background-image: url("image/menu-bg.png");
	}
.nav a{
	text-decoration: none;
	color:#fff;
}
.nav a:hover{
	text-decoration: none;
	color:red;
}
.backtotop{
	position:absolute; bottom:0px; right:0px;
	display: block;
	float:right;
	color:#000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
}
.backtotop a{
	color:#000;
	text-decoration:none;
	position: relative;
	display: block;
	padding: 10px 25px 10px 20px;
}
.backtotop a::after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -3px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#copy{
	background-color:#000000;
	margin:auto;
	text-align:center;
	height:41px;
	line-height:41px;
	font-size:11px;
	color:#ffffff;
	clear:both;
	}
#copy a{
	color:#ffffff;
	text-decoration:none;
	}
#copy a:hover{
	color:#ffffff;
	}
#video .redio-right:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
@media screen and (min-width:1025px) {
/* device width 1025px 以上*/


/* section mein */
#mein{
	width:800px;
	height:100%;
	}
#header{
	width:800px;	
	}
#header .mein-img{
	margin:10% 0 0 0;
	float:left;
	}
#redio{
	height:200px;
	float:right;
	}
#redio img{
	}

/* Grobal Menu */
.nav{
	height:50px;
	position:absolute; bottom:0px; left:0px;
	}
.nav .ulmenu{
	width:800px;
	margin:0 auto;
}
.nav .limenu{
	font-size:85%;
	color:#fff;
	display:block;
	position:relative;
	float:left;
	padding:2% 0 5% 0;
}

.smart-nav{
	display:none;
}


/* section comment */
#comment{
	position:relative;
	font-size: small;
	background-image: url("image/bg.png");
	background-repeat: no-repeat;
	background-position: -20px 250px;	
	background-color:#fff;
	height:60%;
	min-height:600px;
	width:800px;
	margin:0 auto;
	padding:10% 1% 0 1%;
	}
#comment .name{
	text-align:right;
	
}
	
/* section disc deta  */
#deta{
	position:relative;
	font-size: small;
	background-color:#fff;
	height:70%;
	min-height:600px;
	width:800px;
	margin:0 auto;
	padding:10px 0 0 0;
	}
#deta ul{
	list-style-type: none;
}
#deta span{
	font-size:x-large;
	font-weight: bold;
	margin:0 0 0 -14px;
}
#deta img{
	max-width: 35%;
height: auto;

	float:left;
}
#deta .songlist{
	list-style-type: none;
	width:300px;
	float:left;
	font-size:small;
}



/* section tour schedule */
#tour{
	position:relative;
	font-size: small;
	background-image: url("image/bg.png");
	background-repeat: no-repeat;
	background-position: -20px 250px;
	background-color:#fff;
	height:100%;
	min-height:850px;
	width:800px;
	margin:0 auto;
	padding:10px 0 0 0;
	}
	
/* section music video */
#video{
	position:relative;
	font-size: small;
	background-image: url("image/bg.png");
	background-repeat: no-repeat;
	background-position: -20px 250px;
	background-color:#fff;
	height:160%;
	width:800px;
	margin:0 auto;
	padding:50px 0 0 0;
	}
#video .redio-left{
	width:350px;
	line-height:20px;
	float:left;
	padding:20px 0 0 0;
	}
#video .info{
	font-size: x-small;
	line-height:12px;
	}
#video .redio-right{
	width:350px;
	height:100%;
	padding:20px 0 0 0;
	}

#goods{
	position:relative;
	font-size: small;
	background-color:#fff;
	height:120%;
	min-height:850px;
	width:800px;
	margin:0 auto;
	padding:50px 0 0 0;
	}
	

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


}

@media screen and (min-width:641px) and (max-width: 1024px){
/* device width 641px以上 1024px以下*/


/* section mein */
#mein{
	width:620px;
	height:90%;
	}
#header{
	width:600px;
	}

#header img{
	max-width: 50%;
	height:auto;
	margin:15% 0 0 0;
	float:left;
	}
#redio{
	display:none;
}

	
/* Grobal Menu */
.nav{
	height:8%;
	position:absolute; bottom:0px; left:-1px;
	}
.nav .ulmenu{
	width:600px;
	margin:0 auto;
}
.nav .limenu{
	color:#fff;
	text-align:center;
	font-size:70%;
	display:block;
	position:relative;
	float:left;
	padding:2% 0 2% 0;
}
.smart-nav{
	display:none;
}



/* section comment */
#comment{
	position:relative;
	font-size:13px;
	background-color:#fff;
	height:90%;
	width:600px;
	margin:0 auto;
	padding:20% 0 0 0;
	}
#comment .name{
	text-align:right;
	
}
	
/* section disc deta  */
#deta{
	position:relative;
	background-color:#fff;
	height:90%;
	width:600px;
	margin:0 auto;
	font-size:13px;
	padding:50px 0 0 0;
	}
#deta ul{
	list-style-type: none;
}
#deta span{
	font-size:14px;
	font-weight: bold;
	margin:0 0 0 -14px;
}
#deta img{
	max-width: 35%;
height: auto;


	float:left;
}
#deta .songlist{
	
	list-style-type: none;
	width:200px;
	float:left;
	font-size:small;
}



/* section tour schedule */
#tour{
	position:relative;
	font-size:13px;
	background-color:#fff;
	height:100%;
	min-height:850px;
	width:600px;
	margin:0 auto;
	padding:50px 0 0 0;
	}
	
/* section music video */
#video{
	font-size:13px;
	background-color:#fff;
	height:150%;
	min-height:900px;
	width:600px;
	margin:0 auto;
	padding:50px 0 0 0;
	}
#video .redio-left{
	width:350px;
	line-height:20px;
	float:left;
	padding:20px 0 0 0;
	}
#video .info{
	font-size: x-small;
	line-height:12px;
	}
#video .redio-right{
	width:350px;
	height:90%;
		padding:20px 0 0 0;
	}
img{
	max-width: 100%;
height: auto;
}
#goods{
	position:relative;
	font-size: small;
	background-color:#fff;
	height:120%;
	min-height:850px;
	width:600px;
	margin:0 auto;
	padding:50px 0 0 0;
	}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
}


@media screen and (max-width: 640px){
/* device width 640px以下 */
	

img{
max-width: 80%;
height: auto;

}

/* section mein */
#mein{
width:90%;

	max-width:640px;
	}
#header{
	margin:0 0 0 1%;
	}
#header .mein-img{
	height:auto;
	margin:0 auto;
	}
#header img{
	max-width: 50%;
	margin:5% 0 0 20%;
	}
#redio{
	display:none;
}

	
/* Grobal Menu */
.nav{
	display:none;
	}
.smart-nav{
	background-image: url("image/menu-bg.png");
	background-color:#000;
	width:100%;
	position:absolute; top:0px; left:-1px;
}
ol ,ul{
	list-style:none;
}
#smart-menu{
	width:100%;
	margin:2% 0 2% -5%;
}
.archive{
	color:#fff;
	padding:5px 0 5px -10%;
	cursor:pointer;	
}
.subMenu{
	
	position:absolute; left:-6%;
}
.subMenu li{
	color:#fff;
	background-color:#000;	
	padding:5px 10px;
	border-bottom:1px solid #FFF;	
}
.subMenu li .coming{
	color:#00f;
}
.subMenu a{
	color:#fff;
	text-decoration: none;
}
.close{}

/* section comment */
#comment{
	position:relative;
	font-size:12px;
	background-color:#fff;
	margin:0 auto;
	padding:50px 10px 50px 10px;
	}
#comment .name{
	text-align:right;
}
	
/* section disc deta  */
#deta{
	position:relative;
	background-color:#fff;
	margin:0 auto;
	height:100%;
	font-size:13px;
	padding:50px 10px 50px 10px;
	}
#deta ul{
	list-style-type: none;
}
#deta span{
	font-size:14px;
	font-weight: bold;
	margin:0 0 0 -14px;
}
#deta img{
	max-width: 35%;
height: auto;


	float:left;
}
#deta .songlist{
	list-style-type: none;
	width:200px;
	float:left;
	font-size:small;
}



/* section tour schedule */
#tour{
	position:relative;
	font-size:11px;
	background-color:#fff;
	margin:0 auto;
	padding:50px 10px 50px 10px;
	}
	
/* section music video */
#video{
	font-size:11px;
	background-color:#fff;
	height:230%;
	margin:0 auto;
	padding:50px 0 0 0;
	}
#video .redio-left{
	width:90%;
	line-height:20px;
	float:left;
	padding:20px 0 0 0;
	}
#video .info{
	font-size: x-small;
	line-height:12px;
	}
#video .redio-right{
	width:90%;
	height:140%;
	padding:20px 0 0 0;
	}
#video img{
	max-width: 100%;
height: auto;
}
#goods{
	font-size:11px;
	background-color:#fff;
	height:120%;
	min-height:850px;
	width:800px;
	margin:0 auto;
	padding:50px 0 0 0;
	}
#goods img{
	max-width: 40%;
height: auto;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
}