/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.main_bg{
	background-color:#000;
	}

.menutitle{
	color:#d6c597;
	font-size:18px;
	line-height:160%;
	font-family:ヒラギノ明朝 Pro W6, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, serif;
	text-align:center;
	}
		
.text12w{
	color:#FFFFFF;
	font-size:12px;
	line-height:150%;
	text-align:left;
	}
		
.text14w{
	color:#FFFFFF;
	font-size:14px;
	line-height:160%;
	text-align:left;
	}
	
.text16w{
	color:#FFFFFF;
	font-size:16px;
	line-height:160%;
	text-align:left;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; 
	}
	
.text12g{
	color:#DDDDDD;
	font-size:12px;
	line-height:150%;
	text-align:left;
	}
	
.text14g{
	color:#DDDDDD;
	font-size:14px;
	line-height:160%;
	text-align:left;
	}
	
.text18w{
	color:#FFFFFF;
	font-size:18px;
	line-height:160%;
	text-align:left;
	}

.fv {
	position: relative;
}

.header_fixed {
	position: absolute;
	top: 20px;
	left: 40px;
	padding: 0;
	transition: 0.3s ease;
}

.header_fixed h1 {
	margin: 0;
	padding: 0;
}
	

.mainImg{ text-align: center;}
.menuArea{ padding:15px; background:#e5d8c6; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
.menuArea .menuBox{ border: 3px solid #000000; padding: 2px;}
.menuArea .menuBox .menuBoxIn{ border: 1px solid #000000; padding: 50px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap{ text-align: center;}
.menuArea .menuBox .menuBoxIn .menuBoxCap h2{ font-size: 28px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap p.fs18{ font-size: 18px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap p.fs24{ font-size: 24px;}
.menuArea .menuBox .menuBoxIn .menuBoxCap .menuBoxCapTxt{ text-align: left;}
.date_note{ display: block;font-size: 14px;}
.parent-container{ border-top:3px solid #000000; padding-top:2px;border-bottom:3px solid #000000; padding-bottom:2px; margin-top:50px;}
.parent-container ul{ list-style: none; text-align: left; padding: 0px; margin: 0px;}
.parent-container ul li:first-child{ border-top:1px solid #000000; padding-top: 20px;}
.parent-container ul li{border-bottom:1px solid #000000; margin-bottom: 20px; padding-bottom: 20px;}
.parent-container ul li:last-child{margin-bottom:0px; }
.parent-container ul li span{ display: block; font-size: 20px;}
.parent-container ul li span.fs16{ font-size: 16px;}
.cf:after { content:""; display:block; clear:both;}
.creditTxt{ text-align: left; color: #ffffff; margin: 20px 0;}
.containerBottom{ background:#ffffff;}
.containerBottom .containerBottomIn{ margin: 0 auto; width:970px; }.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left: 10px; padding-right: 10px;}
.thumbnail{padding:14px;}
.thumbnail .caption{ padding: 0; text-align: left !important;}
.thumbnail .caption h3{ font-size:14px; font-weight:bold;}
.thumbnail .caption h4{ font-size:12px; font-weight:bold;}
.btn-primary{ background: #a0893a; color: #fffff; font-size:14px; font-weight:bold; border: none; margin-right: 5px;}
.btn{padding: 10px 18px;}
.btn-default { background-color: #fff; border: 2px #a0893a solid; color: #a0893a;}
.btn-primary:hover{ background: #b29b4d; }
.btn-default:hover {background-color: #fff; border: 2px #b29b4d solid; color: #b29b4d;}
.artistList ul{ list-style: none;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-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; padding: 0;}
.thumbnail{ border:none !important;padding: 14px 14px 50px;}
.artistList{ margin:0;}
.artistList ul li{position: relative; border: 1px #cccccc solid; margin:0 10px 10px 0; padding: 0px;width: 24.2%;}
.artistList ul li:nth-child(4n){ margin-right: 0;}
.container{padding:0;}
.btnBox{ position:absolute; bottom:10px;}

@media only screen and (max-width: 479px) {
	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
	.pc { display: none !important; }
	.sp { display: block !important; }
	/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.header_fixed {
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.header_fixed h1 img {
	height: 30px;
}
	

.mainImg img{ width:100%;}
.menuArea .menuBox .menuBoxIn{ padding:3%;}
.containerBottom .containerBottomIn{ width: 100%;}
.artistList ul li{ width:100%; margin: 10px 20px;}
.thumbnail .caption{text-align: center;}
.btnBox{position:inherit;}
.thumbnail{ padding:14px; margin: 0;}
.thumbnail .caption h3{text-align: center;}
.thumbnail .caption h4{text-align: center;}
.creditTxt { padding: 0 20px;}
.artistList ul li:nth-child(4n){margin: 10px 20px;}
.row{ margin: 0;}
.caution{ padding: 0 20px;}
.mainImg{ margin:  0 0px;}
}