@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
@font-face {
	font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot');
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fontawesome-webfont.woff') format('woff'),
         url('../font/fontawesome-webfont.ttf') format('truetype'),
         url('../font/fontawesome-webfont.svg#GillSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: /*url(../img/bg.jpg) no-repeat top center*/ #FFFFFF fixed;
	color:#000000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.0rem;
	line-height:180%;
}

#header {
	margin: 30px 0px;
	text-align:center;
	position:relative;
}

#title {
	width:500px;
	text-align:center;
	margin:auto;
}
#snsBtn {
	position:absolute;
	top:0px;
	right:0px;
}
#snsBtn > div { width:30px; float:left;}

#main {
	width:960px;
	/*padding:10px;*/
	margin:auto;
	text-align:center;
	box-sizing:border-box;
	position:relative;
	height:auto;
}



#mainAd{
	position:absolute;
	top:0px;
	right:0px;
	
}

#mainLeft {
	float:left;
	width:50%;
}
#mainLeft > div { padding-right:10px;}
#mainRight {
	float:left;
	width:50%;
}
#mainRight > div { padding-left:10px;}

#sound {
	width:44px;
	margin:20px auto 10px auto;
	position:absolute;
	top:-15px;
	right:5px;
	z-index:3;
	
}

.button {
	width: 100px; 
	padding: 20px 30px; 
	background: #424242;
	text-align: center;
}

.button a{color: #FFFFFF; }

#rtc {
	width:960px;
	margin: 10px auto;
}

#rtc2 {
	width:100%;
}

#submit a{
	width:200px;
	height:50px;
	background:#097fab;
	color:
	#ffffff;
	padding:30px 60px 30px 60px;
	border-radius:10px;
	margin-top:20px;
	font-size:1.4em;
	}

#contents {
	width:960px;
	margin: 30px auto;
	padding:20px;
	box-sizing:border-box;
}

#sheel {
	position:absolute;
	top:-100px;
	left:-100px;
}

a { color:#002F62; text-decoration:none;}
a:hover { color:#2fa9d7; text-decoration: underline}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#contents a {font-size:0.85rem}

h2.conTitle { letter-spacing:0.1rem; font-size:2rem; font-family: 'Droid Serif', serif;}
h3.conTitle { letter-spacing:0.1rem; font-size:1.3rem; border-bottom:#000000 solid 1px; color:#000000}

h3.headLine { letter-spacing:0.1rem; font-size:1.3rem; border-bottom:#000000 dotted 1px; color:#000000; padding-bottom:8px;}


#topProfile {
	float:left;
	width:50%;
}
#topProfile > div { padding-right:20px;}

#topContact {
	float:left;
	width:50%;
}
#topContact > div { padding-left:20px;}
#topContact > div dd { margin-left:0;}

#footer {
	background:url(../img/footerbg.png);
	text-align:center;
	height:120px;
	line-height:120px;
}

table.toursche{
	width:100%;
	border: 0;
	border-collapse: collapse;
	box-sizing:border-box;
	vertical-align:middle;
}

.nonBorderT { border-top:none !important}


.schebot { margin-bottom:20px;}

/*One man-----------------------------------------------------*/

.oneman table   { width: 100%; }
.oneman tr  { margin-bottom:20px;}
.oneman th  { width:180px; padding: 10px; border: 1px solid #ddd; font-weight:bold; }
.oneman td  { width:780px; margin:10px; padding: 10px; border: 1px solid #ddd; text-align:center;}
.oneman th  { background: #595959; padding:10px; }


/*NAVI-----------------------------------------------------*/

.nav {
	background:url(../img/navibg.png) rgba(0,0,0,0.1);
}
#navigation ul { margin:14px 0 24px 0; padding:0}
#navigation li {
	list-style:none;
	margin:8px 0px;;
	display:inline-block;
	font-size:1.0rem;
	font-weight:bold;
	letter-spacing:0.05rem;
}
#navigation li a { display:block;padding:10px 15px;}
#navigation li a:hover { text-decoration:none;}


/*WhatsnewList-----------------------------------------------------*/

#whatsnewList ul {
	margin: 0;
	padding: 0;
}
#whatsnewList ul li {
	list-style: none;
	margin-left:10px;
	border-bottom:#292929 dotted 1px;
}
#whatsnewList ul li + li {
	margin-top: 16px;
}
#whatsnewList ul li a {
	color: #002F62;
}
#whatsnewList ul li a:hover {
	color: #6CCBF9;
	text-decoration: none;
}


/*News-----------------------------------------------------*/
dl#newsList {
	/*overflow: hidden;*/
}

dl#newsList dt {
	width: 100px;
	float: left;
	clear: both;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:120%;
}

dl#newsList dt:last-child {
	margin-bottom: 0;
}

dl#newsList dd {
	padding: 0 0 10px 100px;
	margin:0 0 20px 0;
	border-bottom:1px dotted #666;
	line-height:120%;
}

dl#newsList dd a {
	display:block;
	cursor:pointer;
}
 
dl#newsList dd:last-child {
	/*margin-bottom: 0;*/
}

.newsTxt {
	border-bottom:#4E4E4E solid 1px;
	margin-bottom:50px;
	padding-bottom:50px;
}

.buyList > div {
	float:left;
	width:20%;
	box-sizing:border-box;
}

.newsImg {
	float:right;
	width:20%;
}
.new {
	padding:0px 4px;
	font-size:smaller;
	background:#B00002;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.txtTag {
	display:inline-block;
	padding:4px 6px;
	margin-bottom:4px;
	border:#FFFFFF solid 1px;
}
.txtLink a {
	display:inline-block;
	padding:6px;
	background:#097fab;
	color:#FFFFFF;
}
.txtLink a:hover {
	text-decoration:none;
	background: #08749B;
}
/*LIVE-----------------------------------------------------*/
dl.accordion { margin:0 auto 15px; padding:10px;}
dl.accordion dt {
    background:url(../img/open.png) 100% center no-repeat;
    border-bottom:1px dotted #565656;
	cursor:pointer;
	padding: 0px 30px 8px 0px;
	margin-bottom:8px;
	font-size:1rem;
	color:#FF0004;
}
dl.accordion dt div.day { float:left;line-height:110%;}
dl.accordion dt div.headline { float:left; margin-left:20px; line-height:110%;}
dl.accordion dt.open {
    background:url(../img/close.png) 100% center no-repeat;
	border-bottom:none;
}
dl.accordion dd {
	line-height:1.5;
	display:none;
	margin:0;
	margin-bottom:30px;
	border-bottom:1px solid #565656;
	line-height:180%;
	padding-bottom:30px;
}

.subInner {
	line-height:1.5;
	display:none;
	margin:0;
	margin-bottom:10px;
	border-bottom:1px solid #565656;
	line-height:180%;
	padding-bottom:10px;
}
.subContent { margin:0 auto; padding:10px;}
.subContent h4 {
    background:url(../img/open.png) 100% center no-repeat;
    border-bottom:1px dotted #565656;
	cursor:pointer;
	padding: 0px 20px 8px 0px;
	margin-bottom:8px;
	font-size:1rem;
	color:#002F62;
	font-weight:normal;
	display:block;
	clear:both
}

.subContent h4 .day { float:left;line-height:110%; width:12%}
.subContent h4 .headline { float:left; margin-left:20px; line-height:110%;width:85%}


.subContent h4.open {
     background:url(../img/close.png) 100% center no-repeat;
}

/*DISCO*/
.discBox {
	width:24%;
	margin-left:1%;
	float:left;
}

.discBox a {
	display:block;
	padding:5px;
	text-decoration:none;
}
.discBox a:hover {
	background:#363636
}


.discJk img { width:100%;}

.detailLeft {
	width:30%;
	margin-right:5%;
	float:left;		
}
.detailLeft img { width:100%;}

.detailRight {
	width:65%;
	float:left;		
}

ol.songlist>li {
	position:relative;
	/*border-bottom:#D4D4D4 dotted 1px;*/
	margin-bottom:6px;
	padding:6px 50px 6px 0px;
	border-bottom:#424242 dotted 1px;

}
ol.songlist{
	list-style:decimal-leading-zero !important;
}

div.song {
	
}

/*Movie*/
.youtubeBox { margin-top:28px;}
.ytThum { position:relative;}
.playBt { position:absolute; top:0; left:0;}
.ytMname {
	position:absolute; bottom:0px; left:0;
	background:url(../img/bgalp-b-50.png);
	padding:5px 10px;
	width:100%;
	box-sizing:border-box;
}
.ytMname h3 {
	color: #ffffff;
	line-height: 110%;
}

.sizechange {
	width:500px;
	height:281px;
}

/*Twitter widget*/
.timeline,.p-author .profile .p-name,.cards-base p,.cards-base p a,.timeline-header .summary,.timeline-header .summary a:link,.timeline-header .summary a:visited,.p-author a.profile:hover .p-name,.p-author a.profile:focus .p-name{color: #fff !important;}


/*CLASS*/


.formtxt { width:100%; color:#000000;}
.formtxtarea { height:150px;}
.btn {
	text-align:center;
	margin:auto;
	width:50%;
	font-size:larger;
	background:#D8D8D8;
	padding:8px;
	display:block;
	color:#000;
	border:none;
}

.btn:hover {
	text-align:center;
	margin:auto;
	width:50%;
	font-size:larger;
	background:#747474;
	padding:8px;
	display:block;
	color:#FFFFFF;
}

.larger { font-size:larger;}

.smaller { font-size:smaller;}

.pcDicpnon { display:none;}

.mb30 {margin-bottom:30px;}
.mb0 {margin-bottom:0px;}

.imgFit { width:100%;}

.tAc { text-align:center;}

.clr1 { color:#FF0004} 

.winWid { width:960px; margin:auto;}

.posRela { position:relative;}

.pcNon { display:none;} 
.back { float:right}
.back a {
	width:60px;
	height:60px;
	border-radius: 30px;
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px;
	background:#097fab;
	display:block;
	line-height:60px;
	text-align:center;
	color:#FFFFFF;
}



.bBorderDot { border-bottom:#464646 dotted 1px;} 
.indentleft {
	text-indent:-0.83rem;
	margin-left:0.83rem;
	line-height:120%;
}
.indentleft2 {
	text-indent:-0.83rem;
	margin-left:0.83rem;
}

/*-------------------------------------
　余白
-------------------------------------*/
.pr10 {
	padding-right: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pr80 {
	padding-right: 80px !important;
}
.pb80 {
	padding-bottom: 80px !important;
}
.pl80 {
	padding-left: 80px !important;
}
.pt160 {
	padding-top: 160px !important;
}
.pr160 {
	padding-right: 160px !important;
}
.pb160 {
	padding-bottom: 160px !important;
}
.pl160 {
	padding-left: 160px !important;
}
.tar {
	text-align: right !important;
}
.mt-30 {margin-top:-30px!important;}
.mr4 { margin-right:4px !important;}

/*-------------------------------------
　カラム
-------------------------------------*/

.inner {
	/*max-width:1200px;*/
	width: 100%;
	margin: 0 auto;
	padding: 10;
	box-sizing: border-box;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
  display: block;
  float: left;
  margin: 0;
  padding:0;
  box-sizing: border-box;
}
.col_1 {
  /*width: 80px;*/
  width: 8.33333333333333%;
}
.col_2 {
  /*width: 160px;*/
  width: 16.66666666666667%;
}
.col_3 {
  /*width: 240px;*/
  width: 25%;
}
.col_4 {
  /*width: 320px;*/
  width: 33.33333333333333%
}
.col_5 {
  /*width: 400px;*/
  width: 41.66666666666667%;
}
.col_6 {
  /*width: 480px;*/
  width: 50%;
}
.col_7 {
  /*width: 560px;*/
  width: 58.33333333333333%;
}
.col_8 {
  /*width: 640px;*/
  width: 66.66666666666667%;
}
.col_9 {
  /*width: 720px;*/
  width: 75%;
}
.col_10 {
  /*width: 800px;*/
  width: 83.33333333333333%;
}
.col_11 {
  /*width: 880px;*/
  width: 91.66666666666667%;
}
.col_12 {
  /*width: 960px;*/
  width: 100%;
  display:block;
}




@media screen and (max-width: 639px){
	#header {
		margin: 16px 0px;
	}
	#title {
		width:95%;
		text-align:left;
		margin:auto;
	}
	#main {
		width:98%;
		padding:10px;
		height:auto;
	}
	#mainAd {
		position:static;
	}
	
	#mainstatic {
		position:static;
	}
	
	#mainLeft {
		float: none;
		width:95%;
		margin:auto;
	}
	#mainLeft > div { padding-right:0px;}
	
	#mainRight {
		float: none;
		width:95%;
		margin:auto;
	}
	#mainRight > div { padding-left:0px;}
	#rtc {width:98%; margin:8px auto}
	#contents {
		width:96%;
		margin:16px auto;
	}
	dl.accordion dt div.day { float:none;line-height:110%;}
	dl.accordion dt div.headline { float:none; margin-left:0px; line-height:110%;}
	
	#topProfile {
		float: none;
		width:100%;
	}
	#topProfile > div { padding-right:0px;}
	
	#topContact {
		float:none;
		width:100%;
	}
	#topContact > div { padding-left:00px;}
	
	#footer {
		background:url(../img/footerbg.png);
		text-align:center;
		height:80px;
		line-height:80px;
		color:#000000;
	}
	#sound {
		opacity: 0.8;
		filter: alpha(opacity=80);	
	}
	
	/*One man-----------------------------------------------------*/

.oneman { margin: 0 auto; width:100%; }
    .oneman th {
		width:100%;
		padding:0;
		padding-top: 10px;
		padding-bottom: 10px;
		display:block;		
		}
    .oneman td{
        width: 100%;
        display: block;
		padding:0;
		padding-top: 10px;
		padding-bottom: 10px;
		margin:0;
    }




/*NAVI-----------------------------------------------------*
	
	/*NAVI*/
	#snsBtn { margin-right:3px;}
	#snsBtn > div { width:24px; float:left;}
	#navigation { display:none;}
	#mobile-header{
		display: block;
		position: absolute;
		background: #470071;
		height: 30px;
		width:30px;
		top:10px;
		right:3px;
		text-align: center;
	}
	.page {
		background: #097fab !important;
		top:36px !important;
		right:3px;
	}
	#mobile-header a{
		display: block;
		position: relative;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		box-sizing:border-box;
	}
	#mobile-header a:before {
		font-family: 'FontAwesome';
		content:"\f0c9";/* FontAwesomeフォントコード */
		color: #ffffff; /* アイコンの色 */
		font-size: 180%;
		line-height:30px;
		height: 30px;
		width:30px;
	}
	
	/*Movie*/
.youtubeBox { margin-top:28px;}
.ytThum { position:relative;}
.playBt { position:absolute; top:0; left:0;}
.ytMname {
	position:absolute; bottom:0px; left:0;
	background:url(../img/bgalp-b-50.png);
	padding:5px 10px;
	width:100%;
	box-sizing:border-box;
}
.ytMname h3 {
	color: #ffffff;
	line-height: 110%;
}
.sizechange {
	width:100%;
}
	
	.buyList > div {
		float:left;
		width:25%;
		box-sizing:border-box;
	}
	
	.newsImg {
		float: none !important;
		width:50%;
		margin:auto;
	}
	dl#newsList dt{
	width:100% !important;
	display:block;
	float: none;
	padding: 0 0 0px 0px;
	}
	dl#newsList dd{
	width:100% !important;
	display:block;
	padding: 0 0 10px 0px;
	}
	/*LIVE*/
	.subContent h4 .day { float:none;line-height:110%; width:100%}
	.subContent h4 .headline { float:none; margin-left:0px; line-height:110%;width:100%}
	/*DISCO*/
	.discBox {
		width:48%;
		margin:1%;
		float:left;
	}
	.detailLeft {
	width:96%;
	margin:auto !important;
	float: none;	
	}
	.detailLeft img { width:100%;}
	.detailRight {
	width:96%;
	margin:auto !important;
	float: none;		
}
	
	/*CLASS*/
	.section { /*border-bottom:#D4D4D4 solid 1px;*/ padding-bottom:20px; margin-bottom:20px; width:100%;}
	.imgFitSP { width:100%;}
	.imgFitSP80 { width:80%;}
	.spDispnon {
		display:none;
	}

	.winWid { width:100%; margin:auto;}
	.posRela { position:relative;}
	.spBorderB { border-bottom:#D4D4D4 solid 1px; padding-bottom:20px; margin-bottom:20px;}

	/*-------------------------------------
　カラム
-------------------------------------*/

.inner{
	width:100%;
	max-width:600px;
	padding:0 15px;
}
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
  display: block;
  float: none;
  margin: 0;
  padding:0;
  box-sizing:border-box;
}
.col_1 {
  width: 100%;
}
.col_2 {
  width: 100%;
}
.col_3 {
  width: 100%;
}
.col_4 {
  width: 100%;
}
.col_5 {
  width: 100%;
}
.col_6 {
  width: 100%;
}
.col_7 {
  width: 100%;
}
.col_8 {
  width: 100%;
}
.col_9 {
  width: 100%;
}
.col_10 {
  width: 100%;
}
.col_11 {
  width: 100%;
}
.col_12 {
  width: 100%;
}

/*-------------------------------------
　余白
-------------------------------------*/

.pt20 {
	padding-top: 0 !important;
}
.pr20 {
	padding-right: 0 !important;
}
.pb20 {
	padding-bottom: 0 !important;
}
.pl20 {
	padding-left: 0 !important;
}
.pl40 {
	padding-left: 0 !important;
}
.mt-30 {margin-top:0px!important;}
}
@media screen and (min-width: 640px){
.pcDispnon {
	display:none;
}

}
.clearfix { *zoom: 1; }
.clearfix:before,.clearfix:after { display:table; line-height:0; content: ""; }
.clearfix:after { clear:both; }