.clearfloat { clear: both; }

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}

body {font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}

h1.title {
	font-size:46px;
	font-weight:bold;
	line-height:2.0em;
	letter-spacing:0.2em;
	color:#fff;
	width: 1000px;
	margin: 0 auto;
}

.txt_strong {
font-size: 36px; font-weight: bold;line-height: 1.5em; margin-bottom: 7px;"
}

.bz_box {width: 793px; margin: 0 auto;}

.links_img{width: 500px; margin: 0 auto;}

@media only screen and (max-width: 768px) {
h1.title {
	font-size:30px;
	font-weight:bold;
	color:#fff;
	line-height:2.0em;
	letter-spacing:0.2em;
	width: 100%;
}

.txt_strong {
font-size: 24px; font-weight: bold;line-height: 1.5em;}

.bz_box {width: 100%; margin: 0 auto;}
.links_img{width: 85%; margin: 0 auto;}
}





/****************************トップメニュー*******************************/
#menu{
  width: 100%;
  max-width: 1000px;
  margin:10px auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 31%;
  margin: 0;
  padding: 0;
  font-size:12px;
  letter-spacing:0.2em;
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #000;
  color:#AF1616;
}
#toggle{ 
 display: none;
}

/*
@media only screen and (max-width: 768px) {
    #menu li{
    width: 30%;
    border-top: 1px solid #1a99d2;
  }
}
*/




@media only screen and (max-width: 768px) {
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
	height:40px;
	line-height:20px;
    border-top: 1px solid #fff;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #000;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px 40px;
    border-bottom: 1px solid #000;
    color: #fff;
    text-align: left;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -11px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #000;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}


.main {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding:0;
  text-align: center;
}


/***********************************スライダー*****************************/
.slider {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
}

@media only screen and (max-width: 768px) {
.slider {
	width:100%;
	margin:0 auto;
	padding:10px 0;
}
}




/***********************************topへ*****************************/

.to_top {
	width:100px; margin:60px auto 0 auto;
}

@media only screen and (max-width: 768px) {
.to_top {
	width:50px; margin:30px auto 0 auto;
}
}





/******************************枠****************************/
.bk_area {
	width:100%;
	height:auto;
	padding:50px 0 200px 0;
	background-color:#222222;
	background-image: url(../images/bg_bk.png);
	background-repeat:repeat-x;
	background-position: top;
}

/*
.bk_area .title{
   width:483px;
   margin-bottom: 20px;
	box-sizing: border-box;
	text-align:left;
}
*/

.blue_area {
	width:100%;
	height:auto;
	padding:100px 0;
	font-size: 18px; line-height: 1.7em; text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,171f32+48,000000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(23,31,50,1) 48%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(23,31,50,1) 48%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(23,31,50,1) 48%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.blue_area .title{
	color:#000;
   width:900px;
	margin:0 auto;
	box-sizing: border-box;
	text-align:left;
}

.blue_area .att {font-size: 14px; width: 600px; text-align: left; margin: 0 auto;}

.width900 {
	width:900px; margin: 40px auto; text-align: center; font-size: 14px; color: #fff;
}

.tokuten {
	width:726px; margin: 20px auto 0 auto; text-align: left;
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
	line-height: 1.7em;
	text-align: center;
	letter-spacing: 0.2em;
}
.tokuten_title {
width: 726px;
margin: 0 auto;
}

.tokute_img {
width: 600px; margin: 10px auto;
}



@media only screen and (max-width: 768px) {
.bk_area {
	width:100%;
	padding:50px 3%;
	background-color:#222;
	background-image: url(../images/bg_bk.png);
	background-repeat:repeat-x;
	background-position: top;
	box-sizing: border-box;
	
}

.bk_area .title{
	width:100%;
   margin-bottom: 20px;
	box-sizing: border-box;
	text-align:left;
}

.blue_area {
	width:100%;
	padding:50px 3%;
	box-sizing: border-box;
	font-size: 14px; line-height: 1.7em; text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,171f32+48,000000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(23,31,50,1) 48%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(23,31,50,1) 48%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(23,31,50,1) 48%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.blue_area .title{
	text-align:left;
	color:#000;
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	text-align:left;
}

.blue_area .att {font-size: 12px; width: 90%; text-align: left; margin: 0 auto;}

.width900 {
	width:100%; margin: 20px auto;  text-align: center; font-size: 14px; line-height: 1.7em; letter-spacing: 0.2em; color: #fff;
}

.tokuten {
	width:100%; margin: 10px auto 0 auto; text-align: left;
	color: #fff;
	padding: 1%;
	box-sizing: border-box;
	line-height: 1.7em;
	text-align: center;
	letter-spacing: 0.2em;
	font-size: 14px;
}
.tokuten_title {
width: 100%;
margin: 0 auto;
}

.tokute_img {
width: 90%;
margin: 10px auto;
}

}




/*************************・E蝓璽江霾・*****************************/

.release {
	width:1450px; margin:0 auto;
}

.release_txtno {
	color:#FFF; font-size:14px; line-height:2.0em; letter-spacing:0.2em; text-align:left; padding-top:10px;
}

.release_txtno_b {
	color:#000; font-size:12px; line-height:2.0em; letter-spacing:0.2em; text-align:left; padding-top:10px;
}


.release_left {
	width:800px; margin-right:30px; float:left;
}

.release_jk {
	width:800px;
}

.release_txt {
	width:600px;
	float:left; color:#fff; font-size:16px; line-height:2.0em; letter-spacing:0.2em; text-align:left;
}

.supp {
	width:95%; background-color:#fff; border: #000 1px solid;color:#333; padding:10px; margin: 0 auto; box-sizing: border-box; letter-spacing:0.1em; font-size:12px;
}

.supp a {
	color:#000;
	text-decoration: underline;
	display:block;
}
.supp a:hover {
	display:block;
	color: gold;
}


.banner600 {
	width:600px; margin:30px auto 10px auto;
}

.banner400 {
	width:400px; margin:30px auto 10px auto;
}







@media only screen and (max-width: 768px) {
.release {
	width:100%;
}

.release_left {
	width:100%;
	padding:0;
	margin:0;
}

.release_jk {
	width:100%;
	margin:0 auto;
	padding:0 10%;
	box-sizing: border-box;
}

.release_jk_dvd {
	width:100%;
	height: 300px;
	margin:0 auto;
	padding:0 20%;
	box-sizing: border-box;
}


.release_txt {
	width:100%;
	padding:30px 20px 0 20px;
	font-size:16px;
	text-align: left;
	box-sizing: border-box; 
	color:#fff;
	line-height:2.0em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.banner600,
.banner400 {
	width:95%; margin:10px auto;
}
}








/*********************************カート*********************************/
.cart_b a {
	display:block;
	width:415px;
	border:#CE2729 1px solid;
	background-color:#CE2729;
	color:#fff;
	padding:30px 20px;
	box-sizing: border-box;
	text-align:center;
	font-size:30px;
	line-height: 1.0em;
	margin:50px auto 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイ・E・, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
  transition:background .3s;
  -webkit-transition:background .3s;
  	text-decoration: none;

}
.cart_b a:hover {
	background-color:#fff;
	color:#CE2729;
	border:#CE2729 1px solid;
}

@media only screen and (max-width: 768px) {
.cart_b a {
	width:95%;
	line-height:1.0em;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin:15px auto;
	padding: 20px 0;
	color:#000;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイ・E・, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}





/*************************フッター**********************/

#footer {
	width:100%; background-color:#000; /*margin-top:50px;*/ padding:50px 0; color:#FFF; text-align:center;
	font-size:12px; line-height:2.0em;
}

#footer a {
	color:#FFF;text-decoration:none;
}

#footer a:hover {
	color:#AF1616;
}

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

#footer {
	width:100%; background-color:#000; /*margin-top:50px;*/ padding:50px 20px; color:#FFF; text-align:center;
	font-size:12px; line-height:2.0em;box-sizing: border-box; 
}

#footer a {
	color:#FFF;text-decoration:none;
}

#footer a:hover {
	color:#AF1616;
}
}




.copy {
	width:100%; text-align:center; color:#FFF; font-size:12px; margin:20px auto;
}




/*アコーディオ・E
http://www.css-lecture.com/log/css3/css3-background.html*/
.acordion{
/*background-color:#000;*/
width:902px;
margin:0 auto;
}

.acordion_w{
background:#fff;
width:900px;
margin:0 auto;
}

.trigger{
	width:900px; padding:15px 0; text-align:center; background-color:#FFF; color:#000;font-weight:bold; font-size:18px; border:#000 1px solid; position: relative;
}
 
.trigger.active{
/*    border-radius:5px 5px 0 0;*/
    border-bottom:1px solid #000;
}
 
.acordion_tree{
    padding:5px;
	margin:0 auto;
}

/*
.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
	margin-right:15px;
    height:30px;
    width:100px;
    background:url(../images/open.png) no-repeat;
    -webkit-background-size:100px 20px;
}
*/

.open-close {
position: absolute;
top: 35%;
left: 85%;
background:url(../images/open.png) no-repeat;
-webkit-background-size:100px 20px;
height:30px;
width:100px;
}

.trigger.active .open-close{
    background:url(../images/close.png) no-repeat;
    -webkit-background-size:100px 20px;
}

.acordion_cont {
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	box-sizing: border-box;
	line-height:2.0em;
	font-size:12px;
	color:#FFF;
}









@media only screen and (max-width: 768px) {
/*アコーディオ・E
http://www.css-lecture.com/log/css3/css3-background.html*/
.acordion{
background:#043B83;
width:100%;
margin:0 auto;
}
 
.trigger{
	width:100%; padding:10px 0; text-align:center; background-color:#FFF; color:#043b83;font-weight:bold; font-size:18px;box-sizing: border-box; position: relative;
}
 
.trigger.active{
/*    border-radius:5px 5px 0 0;*/
    border-bottom:1px solid #cfcfcf;
}
 
.acordion_tree{
    padding:0;
	margin:0;
}

.open-close {
    height:11px;
    width:20px;
    background:url(../images/open_sp.png) no-repeat;
    -webkit-background-size:20px 11px;
	position: absolute;
	top: 40%;
	left: 90%;
}
 
 
.trigger.active .open-close{
    background:url(../images/close_sp.png) no-repeat;
    -webkit-background-size:20px 11px;
}

.acordion_cont {
    width:100%;
	margin:0 ;
	padding:0 20px;
	text-align:left;
	box-sizing: border-box;
	line-height:2.0em;
	font-size:12px;
	background-color:#000;
	color:#FFF;
}

}


/********************収録内容*********************/

main {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
} 
main div.disco {
  width: calc(32% - 10px);
  margin: 5px;
  padding: 10px 5px;
  background-color: #fff;
}

.discno {
font-size: 11px;
color: #aa9647;
text-align: left;
letter-spacing: 0.1em;
font-weight: bold;
}

.songtitle {
font-size: 11px;
color: #333;
text-align: left;
letter-spacing: 0.1em;
border-bottom: 1px solid #333;
padding-bottom: 5px;
}

.tracklist {
font-size: 11px;
color: #333;
text-align: left;
letter-spacing: 0.1em;
padding-top: 5px;
}


.livetitle {
font-size: 12px;
color: #333;
text-align: left;
letter-spacing: 0.1em;
padding: 5px 0;
}


main div.disco ol {
list-style-position: inside;
margin: 0;
padding: 0;
}

main div.disco li {
font-size: 11px;
color: #333;
letter-spacing: 0.1em;
padding: 0;
  text-indent:-1.5em;
  padding-left:1.5em;
}
.cont_img {
	width:130px;
	height:130px;
	margin:5px auto;
	position:relative;
}



@media only screen and (max-width: 768px) {
main {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
} 

main div.disco {
  width: 100%;
  margin: 5px;
  padding: 10px 5px;
  background-color: #fff;
}

main div.disco p {
font-size: 11px;
color: #333;
}

.cont_img {
	width:130px;
	height:130px;
	margin:5px auto;
	position:relative;
}
}