@charset "UTF-8";
/* -----------------------------------------------------------
   NEWS
------------------------------------------------------------*/
.News .box h2{
	display:block;
	background:url(../img/news_bar.jpg);
	margin-bottom:20px;
	}
.News .box h2 span{
	display:block;
	font-weight:normal;
	line-height:120%;
	color:#fff;
	}
.News  .inner p{
	font-size:85%;
	line-height:180%;
	padding:0 8px;
	}
.News .box{
	border-bottom:1px dotted #c99563;
	}
.News .box .date{
	font-size:90%;
	color:#b57a42;
	padding:10px 0 20px;
	float:right;
	}
.News .oa_date{
	color:#41a581;
	font-weight:bold;
	}
.News .program{
	color:#4180a5;
	font-weight:bold;
	}
.News #cau{
	font-size:75%;
	}

.News .exbox{
	color:#524330;
	background:#f1ede8;
	padding:20px 15px;
	}
.News .exbox h3{
	font-size:100%;
	padding:0 8px;
	color:#ce782a;
	line-height:140%;
	margin-bottom:10px;
	}
.News .exbox h4{
	font-size:90%;
	padding:0 8px;
	color:#524330;
	line-height:140%;
	margin-bottom:5px;
	}
.News .exbox p{
	line-height:150%;
	}
.News #leftBox .btn{
	text-align:center;
	}
.News #leftBox .cap{
	line-height:140% !important;
	text-align:center;
	font-size:80% !important;
	}

.News #lineDL .Img{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/line.png);
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:48.27%;
	}

.News #goods .Img1{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/goods_file.jpg);
	background-size:cover;
	background-repeat:no-repeat;

	}
.News #goods .Img2{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/goods_cookies.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	}
.News #lineKisekae .Img{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/line_kisekae.png);
	background-size:cover;
	background-repeat:no-repeat;

	}
.News #music_guidebook .Img1,.News #music_guidebook2 .Img1{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/guidebook.jpg?);
	background-size:cover;
	background-repeat:no-repeat;
	}
.News #music_guidebook .Img2{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/stecker.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	}
.News #novel .Img{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/novel.jpg?);
	background-size:cover;
	background-repeat:no-repeat;
	}
.News #novel2 .Img{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/novel2.jpg?);
	background-size:cover;
	background-repeat:no-repeat;
	}
.News #novel3 .Img{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/novel3.jpg?);
	background-size:cover;
	background-repeat:no-repeat;
	}
.News #soundtrack .Img{
	height:0;
	text-indent:-9999px;
	background-image:url(../news/img/soundtrack.jpg);
	background-size:cover;
	background-repeat:no-repeat;

	}

@media all and (min-width: 768px) {
.News #leftBox .inner{
	min-height:600px;
    height: auto !important;
    height:600px;
	}
.News #leftBox h1{
	background-image:url(../img/news_ti.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
.News .box h2 span{
	padding:14px;
	font-size:95%;
	}

.News #lineDL .Img{
	width:560px;
	margin:0 auto 20px;
	}
.News #lineKisekae .Img{
	width:198px;
	margin:0 auto 20px;
	padding-top:47.93%;
	}
.News #goods .Img1{
	width:400px;
	margin:0 auto 10px;
	padding-top:46.89%;
	}
.News #goods .Img2{
	width:250px;
	margin:0 auto 10px;
	padding-top:60%;
	}
.News #music_guidebook .Img1,.News #music_guidebook2 .Img1{
	width:200px;
	margin:0 auto 10px;
	padding-top:45.86%;
	}
.News #music_guidebook .Img2{
	width:250px;
	margin:0 auto 10px;
	padding-top:23%;
	}
.News #novel .Img{
	width:250px;
	margin:0 auto 10px;
	padding-top:62.85%;
	}
.News #novel2 .Img{
	width:250px;
	margin:0 auto 10px;
	padding-top:62.85%;
	}
.News #novel3 .Img{
	width:250px;
	margin:0 auto 10px;
	padding-top:62.85%;
	}
.News #soundtrack .Img{
	width:200px;
	float:right;
	padding-top:37.73%;
	}
}
@media all and (max-width: 767px) {
.News #leftBox .unit .inner{
	padding:20px;
	}
.News .box h2 span{
	padding:10px;
	font-size:85%;
	}
.News #lineDL .Img{
	width:100%;
	margin:0 auto 20px;
	}
.News #lineKisekae .Img{
	width:50%;
	margin:0 auto 20px;
	padding-top:70.2%;
	}
.News #goods .Img1{
	width:80%;
	margin:0 auto 10px;
	padding-top:54.4%;
	}
.News #goods .Img2{
	width:50%;
	margin:0 auto 10px;
	padding-top:69.04%;
	}
.News #music_guidebook .Img1,.News #music_guidebook2 .Img1{
	width:50%;
	margin:0 auto 10px;
	padding-top:66.65%;
	}
.News #music_guidebook .Img2{
	width:50%;
	margin:0 auto 10px;
	padding-top:25.59%;
	}
.News #novel .Img{
	width:50%;
	margin:0 auto 10px;
	padding-top:72.91%;
	}
.News #novel2 .Img{
	width:50%;
	margin:0 auto 10px;
	padding-top:72.91%;
	}
.News #novel3 .Img{
	width:50%;
	margin:0 auto 10px;
	padding-top:72.76%;
	}
.News #soundtrack .Img{
	width:50%;
	margin:0 auto 20px;
	padding-top:50%;
	}

}