/* CSS Document  */

body{
background:#000000;
}

img{
border:none;
margin:0;
padding:0;
}

#container_2 {
	margin:auto;
	padding:auto;
	text-align:center;
	width: 900px;
}


#base_2 {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 1750px;
	text-align:center;

}

.list {

	margin:0;

}

.heimg_2 {
	padding:0 0 7px 0;
	text-align:center;
	width: 900px;
}

.txt11 {
color: #000000;
text-align: left;
font-size: 11px;
}

body{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; line-height: 28px; font-size: 16px;}

.cf:after {  display: block;  clear: both;  content: "";}

.contentsArea{ width: 698px; margin: 0 auto;}
.planArea{ width:672px; margin: 0 auto 24px;}
.planArea ul{padding:0; list-style: none;}
.planABox{padding:10px; margin-bottom: 4px; box-sizing: border-box; width: 100%;}
.planABoxA{ border:1px solid #70391d;}
.planABoxB{ border:1px solid #702029;}
.planABoxC{ border:1px solid #34206a;}
.planABox .planABoxAL{background: #1f1107; float:left;margin-right: 22px; padding: 14px; box-sizing: border-box;}
.planABox .planABoxBL{background: #26121a; float:left;margin-right: 22px; padding: 14px; box-sizing: border-box;}
.planABox .planABoxCL{background: #201026; float:left;margin-right: 22px; padding: 14px; box-sizing: border-box;}
.planABox .planABoxR{ float:left; color: #ffffff;box-sizing: border-box; text-align: left;}
.planABox .planABoxR span{color:#ff0000; text-decoration: underline;}
.planABox .planABoxR span strong{font-size: 20px;}
.planABox .planABoxR p{ text-align: right;margin: 0;}
.planABox .planABoxR a{ text-decoration:none; color: #cbbb0e;}

.attentionArea{width:672px; margin: 0 auto; color:#ffffff; text-align: left;}
.attentionArea .attentionTit{ font-size: 20px; margin: 0;}
.attentionArea .attentionTit span{ font-size: 12px;}
.attentionArea ul{list-style:none; padding: 0; margin: 0;}
.attentionArea ul li{ font-size: 12px;font-family: ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,游ゴシック,YuGothic,メイリオ,Meiryo,sans-serif; letter-spacing: -0.7px;line-height: 20px;}
.purple{color:#7e4edf;}
.orange{color:#cc6633;}
.pink{color:#a74576;}

.showArea{ background:url(img/bigbandBK01.jpg) top repeat-x;width:698px; margin: 35px auto 0;padding: 8px 0 0;}
.showArea h2{color: #c3a970; font-size:16px; text-align: center;}
.showArea ul{ list-style: none;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;display: flex; padding: 0; -webkit-justify-content: center; justify-content: center;}
.showArea ul li{width: calc(32% - 20px);margin: 0 7px 0 0;border-box; overflow: hidden; color: #ffffff;position: relative; border: 1px solid #353332;padding: 20px 7px; text-align: left;}
.showArea ul li:last-child{ margin-right: 0;}
.showArea ul li.comingsoon p{width: 90%; text-align: center; position: absolute; top:50%; color: #353332;}
.showBtnBox{ position:absolute; left: 0; bottom:20px; width: 100%; text-align: center;}
.showArea ul li p{margin:0;}
.showArea ul li h3{padding-bottom: 50px; line-height: 20px;margin: 10px 0;}
.showBtnBox span{font-size: 11px;}
.artistImg{width:200px;}

.longT{font-size: 14px;}
.fs13{ font-size:13px !important;}

#Header{margin:40px 0 50px;}

.snsBox{width: 698px; margin: 40px auto 0;}
.copyArea{ text-align: center; padding: 30px 0; color: #ffffff; font-size: 11px; border-top: 1px solid #ffffff; width: 698px; margin: 30px auto;} 
a{-webkit-transition: 0.5s ease-in-out;  -moz-transition: 0.5s ease-in-out;  -o-transition: 0.5s ease-in-out;  transition: 0.5s ease-in-out;}
a:hover{filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
.pcnone{display:none;}
.spnone{display:inherit;}

.tel a{color:#ffffff; text-decoration: none;}

.btn { background: #bdae99;background: -moz-linear-gradient(top, #bdae99 0%, #dbd4ca 16%, #bdae99 32%, #aa8a64 72%, #634b31 100%);background: -webkit-linear-gradient(top, #bdae99 0%,#dbd4ca 16%,#bdae99 32%,#aa8a64 72%,#634b31 100%);background: linear-gradient(to bottom, #bdae99 0%,#dbd4ca 16%,#bdae99 32%,#aa8a64 72%,#634b31 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdae99', endColorstr='#634b31',GradientType=0 );  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;  color: #311b03;  font-size: 13px !important;  padding: 5px 20%;  text-decoration: none;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-weight: bold;}
.showArea ul li a{color:#ffffff; text-decoration: none; display: block;height: 100%;}

a[href^="tel:"] { color:#ffffff; }
a[href^="tel:"]:hover { color:#ffffff; filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}

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

.contentsArea{width:100%;}
.planArea{ width:100%; margin: 0 auto 24px;}
.planABox .planABoxAL{float:none; text-align: center; width: 100%;padding:8px;}
.planABox .planABoxBL{float:none; text-align: center; width: 100%;padding:8px;}
.planABox .planABoxCL{float:none; text-align: center; width: 100%;padding:8px;}
.planABox .planABoxAL img,.planABox .planABoxBL img,.planABox .planABoxCL img{width:12%}
.planABox .planABoxR p{text-align: left !important;}
.planABox .planABoxR{text-align: left !important; font-size: 14px;}
.attentionArea{width: 100%; padding: 0 3%; box-sizing: border-box;}
.showArea{width:100%;}
.showArea ul{display:block;}
.showArea ul li{width:80%; text-align: center; margin: 0 auto 20px;}
.showArea ul li:last-child{margin-right:auto;}
.copyArea{width:100%;}
.snsBox{width:100%;}
.showArea h3,.showArea p{ text-align: left;}
.showArea img.artistImg{ width:100%;}
.planABox .planABoxR span strong{font-size:18px;}
.showArea h2{font-size: 18px;}
.showDay{font-size: 18px;margin-bottom: 8px;}
.pcnone{display:inherit;}
.spnone{display: none;}
}