@charset "shift-jis";
/* CSS Document */

#main {
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:62.5%;
	color:#333;
	background:#fff;
}
#main ol,#main ul,#main li {list-style:none;margin:0;padding:0;}
#main dl,#main dt,#main dd {margin:0;padding:0;}
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
#main img{max-width: 100%;height: auto;width:auto;line-height:0;}
#main p {margin-bottom:1em;margin-top: 0;padding:0;font-size:1.3em;line-height:1.8;}
#main dl , #main li {font-size:1.3em;}
#main strong {color:#fff;}
#main a { overflow: hidden; color:#0049a3;text-decoration: none;border:none;}
#main a:hover {color:#2d73ca;text-decoration:underline;}
#main a:hover img {opacity:.7;}
img {border-style:none;}

#main h1 {font-weight:normal;font-size:2em;line-height:1.2;}
#main h2 {font-weight:bold;font-size:1.8em;line-height:1.4;}
#main h3 {font-weight:normal;font-size:1.4em;line-height:1.6;}
#main h4 {font-weight:bold;font-size:1.3em;}

header:after,
#main div:after,
#main dl:after,
#main ul:after {
  content: "";
  display: block;
  clear: both;
}
#main h1 {font-family: "sansationbold", serif;border-left:4px solid #e50007;padding:5px 10px;margin-bottom:20px;}
#main .midashi {position:relative;}

#new_release {width:980px;margin:0 auto;margin-top:35px;position:relative;}
#new_release .tabNavi {position:absolute;top:7px;right:0;}
#new_release .tabNavi li {display:inline-block; vertical-align:middle;margin-left:5px;}
#new_release .tabNavi li a {background:url(../img/usr/icon01.png) no-repeat left center;background-size:13px;padding:5px 0 5px 16px;font-size:11px;color:#333;}
#new_release .releaseArea {width:480px;}
#new_release .releaseArea .genreTitle {padding:15px;border-top:3px solid #e50007;}
#new_release .releaseArea .genreTitle h2 {font-family: "sansationbold", serif;float:left;}
#new_release .releaseArea .genreTitle h2 span {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:.6em;font-weight:normal;padding-left:10px;}
#new_release .releaseArea .genreTitle .listBtn {width:82px;float:right;}
#new_release .releaseArea .product {width:130px;height:330px;display:block;float:left;border:1px solid #eee;padding:10px;margin:5px 11px 10px 0;position:relative;}
#new_release .releaseArea .product:nth-child(3n) {margin-right:0;}
#new_release .releaseArea .product .format {display:block;text-align:center;padding:3px 0;margin-bottom:10px;color:#fff;font-size:11px;}
#new_release .releaseArea .product .jacket {width: 130px;height: 130px;display: block;text-align: center;overflow:hidden;position: relative;}
#new_release .releaseArea .product .jacket img {position: absolute;top: 50%;left: 50%;transform : translate(-50%,-50%);}
#new_release .releaseArea .product h3 {font-size: 12px;line-height:1.3;}
#new_release .releaseArea .product p {font-size:11px;}
#new_release .releaseArea .product .detail {margin:5px 0;line-height:1.3;}
#new_release .releaseArea .product .button {position:absolute;bottom:5px;width: 94%;}
#new_release .releaseArea .product .button li {width: 94%;margin-right: 6px;float: none;}
#new_release .releaseArea .product .button li:last-child {margin-right:0;}
#new_release .releaseArea .product .button li a {display:block;}
#new_release .releaseArea .product .button li a img {width:100%;}
#new_release .releaseArea .more {text-align: center;}
#new_release .releaseArea .more img {width:42px;height:auto;margin:10px auto;}

#main #mask {width:1000px;  overflow:hidden;  margin:0 auto;padding-bottom: 50px; } 
#main #new_release .box .releaseArea {float:left;margin-right:20px;}
#panel-1,#panel-2,#panel-3,#panel-4,#panel-5 {float:left;}

#contents {width:980px;margin:30px auto 0;}
.leftContents {width:485px;float:left;}
.rightContents {width:480px;float:right;}

#topics {width:445px;border:1px dotted #ccc;padding:20px;}
#topics .rss {position:absolute;right:0;top:5px;font-size:1.3em;}
#topics .rss a {background:url(../img/usr/top/rss.png) no-repeat 0 center;color:#e50007;padding:5px 0 5px 24px;}
#topics .selectbtn {margin-bottom:15px;}
#topics .selectbtn li {line-height:40px;border:1px solid #ccc;float:left;margin-left:-1px;}
#topics .selectbtn li a {display:block;color:#333;padding: 0 13px 0 14px;}
#topics .selectbtn li a:hover , #topics .selectbtn li a.active {background:#f3f3f3;color:#e50007;text-decoration:none;}

#topics .topicsArea {height:455px;overflow:auto;}
#topics .topicsArea li {position:relative;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ccc;}
#topics .topicsArea li .photo {display: inline-block; vertical-align:middle;margin-right:10px;width:55px;}
#topics .topicsArea li .detail {display: inline-block; vertical-align:middle;width: 270px;padding-right:10px;margin-top: -2px;}
#topics .topicsArea li .detail.sub {width:339px; margin-top: 0.5em;}
#topics .topicsArea li .detail h2 {font-size:1.1em; margin-top: 0.5em;}
#topics .topicsArea li p {font-size:1em;line-height:1.3;margin-bottom:0;}
#topics .topicsArea li a {text-decoration:none;}
#topics .topicsArea li a p {color:#333;margin: 0;line-height: 1.5;}
#topics .topicsArea li a p img {display: inline-block;width: auto;height: 15px;margin-top: -.2em;vertical-align: middle;}
#topics .topicsArea li .detail.sub img {display: inline-block;width: auto;height: 15px;margin-top: 0;vertical-align: middle;margin-left: .2em;}
#topics .topicsArea li a:hover h2 , #topics .topicsArea li a:hover p {color:#2d73ca;text-decoration:underline;}
#topics .topicsArea li .cat {display: inline-block; vertical-align:middle;}
/*
.releaseCat {background:#fce5e6;color:#e50007;}
.liveCat {background:#e5ecf6;color:#0049a3;}
.mediaCat {background:#ecf4e6;color:#44970d;}
.tokutenCar {background:#f6e8f3;color:#ab1e88;}
.eventCar {background:#fef2e9;color:#f77104;}
*/

#main #topics2,#main #topics3,#main #topics4,#main #topics5 { display:none; }

#main #pv {width: 485px;background: url(../img/usr/top/pv_back.png);
/*   padding-top:30px;*/
   margin-top:20px;position:relative;z-index: 1;}
#main #pv h1 {border:none;padding:0;width:200px;text-align:center;margin:0 auto 10px;}
#main #pv .pickup {position:absolute;top:-5px;left:-5px;}
#main #pv .pvArea {background:url(../img/usr/top/pv_frame.png) no-repeat 10px top;
padding-bottom: 5px;
}
#main div.slider {width:485px;display:block;margin:0 auto;}
#main div.slider .bx-wrapper {margin:0 auto;padding: 15px 0;}
#main ul.bxslider01 li {display:block;width:400px; /*height:auto;*/ height:200px;}
#main ul.bxslider01 li img {display:block;width: 355px;height: auto;padding: 0 75px;}
#main ul.bxslider02 li a {display:block;width:60px;height:60px;}
#main ul.bxslider02 li a img{display:block;width:60px;height:auto;}
#main div.controlWrap {width:485px;display:block;position:relative;margin:60px auto 0;background:#000;}
#main div.controlWrap p#PrevIcon a{
	display:block;
	width:15px;
	height:30px;
	position:absolute;
	background:url(../img/usr/top/arrow-prev.png) left center no-repeat;
	color:#fff;
	top:30px;
	left:20px;
	text-indent:-9999px;
}
#main div.controlWrap p#NextIcon a{
	display:block;
	width:15px;
	height:30px;
	position:absolute;
	background:url(../img/usr/top/arrow-next.png) left center no-repeat;
	color:#fff;
	top:30px;
	right:20px;
	text-indent:-9999px;
}
.bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: none;left: 0;background:none;}
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 75px;background: rgba(0, 0, 0 ,.75);width: 355px;font-size:1.2em;}


#main .banner_big {margin-bottom:20px;}
#main .bannerList {margin-bottom: 0;}
#main .bannerList li {width:230px;display:inline-block; vertical-align:top;margin-right:15px;margin-bottom:15px;}
#main .bannerList li:nth-child(even) {margin-right:0;}
#main .bannerList li p {font-size:1em;line-height:1.4;margin-bottom:0;}
#main .bannerList li a {color:#333;}
#main .bannerList li a:hover {color:#2d73ca;}
#main #highresoArea dl {display:inline-block;vertical-align:top;width:230px;}
#main #highresoArea dl.even {margin-left:10px;}
#main #highresoArea dt {float:left;margin-right: 10px;width: 80px;margin-bottom: 10px;}
#main #highresoArea dd {float:left;width:120px;}
#main #highresoArea dd p {font-size:1em;line-height:1.4;}

#main #bottomBnr {margin:25px auto;width:980px;}
#main #bottomBnr dl {border:1px solid #ccc;width:153px;height:210px;float:left;margin:0 10px 10px 0;}
#main #bottomBnr dl:nth-child(6n) {margin-right:0;}
#main #bottomBnr dt {border-bottom:1px solid #ccc;line-height: 0;padding: 10px;}
#main #bottomBnr dd {padding:10px;}
#main #bottomBnr dd h3 {padding:5px 0 10px;}
#main #bottomBnr dd h3 , #bottomBnr p {font-size:1em;line-height:1.4;}

/*関連会社*/
#main #bottomBnr_company {margin:0px auto;width:980px;}
#main #bottomBnr_company dl {border:1px solid #ccc;width:153px;height:210px;float:left;margin:0 10px 10px 0; background:#fff;}
#main #bottomBnr_company dl:nth-child(7n) {margin-right:0;}
#main #bottomBnr_company dt {border-bottom:1px solid #ccc;line-height: 0;padding: 10px;}
#main #bottomBnr_company dd {padding:10px;}
#main #bottomBnr_company dd h3 {padding:5px 0 10px;}
#main #bottomBnr_company dd h3 , #bottomBnr_company p {font-size:1em;line-height:1.4;}

#main #bottomBnr_company h1 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-left:4px solid #e50007;padding:5px 10px;margin-bottom:20px; font-weight:bold;}
#main #bottomBnr_company h1 span{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:.6em;font-weight:normal;padding-left:10px}

#main .affiliated_company{
	background:#e6f3f7;
	padding:25px 0 20px;
	margin-bottom:0px;
	box-sizing:border-box;
	}

/*関連会社*/

/*slider pro*/
#mainimg {width:100%;background: #000;position:relative;z-index:2;}
.slider-pro{height:auto;}
.slider-pro a:hover img.sp-image {opacity:.8}

.sp-grab , .sp-grabbing {cursor: pointer;}
.captionarea {width:1000px;margin:15px auto 0;}
.captionarea a {color:#fff;font-size:.7em;text-decoration:none;}
.captionarea a:hover {color:#aaa;}
.captionarea span {display:inline-block; vertical-align:middle;font-size:1.2em;}
.captionarea span.artistName {font-weight:bold;margin-right:1em;}
.captionarea span.artistLink {background:url(../img/usr/icon02.png) no-repeat 0 center;padding-left:10px;}

.slide_modal .moviearea {display: block; position: relative; max-width: 80%;margin:0 auto;}
.slide_modal .moviearea .movieflame {padding-top: 56.25%;}
.slide_modal .moviearea .movieflame iframe {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;border:none;}

.slide_modal .inline_btn {text-align:center;list-style:none;padding: 0;margin:20px 0 0;}
.slide_modal .inline_btn li {display: inline-block; vertical-align:top;}
.slide_modal .inline_btn li a {color:#fff;border:2px solid #fff;padding: 8px 0;width:12em;display: inline-block; vertical-align:top;text-align:center;margin:10px 6px 0;text-decoration: none;font-size: 13px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.slide_modal .inline_btn li a:hover {background:#4faccf;color:#fff;border:2px solid #4faccf;}
.slide_modal .inline_btn li .popup-modal-dismiss a:hover {background:#000;border:2px solid #000;}

@media screen and (max-width: 1366px) {
.captionarea {width:75%;}
.captionarea span {font-size:1.3em;}
}
@media screen and (max-width: 1266px) {
.captionarea {width:80%;}
.captionarea span {font-size:1.4em;}
}
@media screen and (max-width: 1166px) {
.captionarea {width:88%;}
.captionarea span {font-size:1.5em;}
}
@media screen and (max-width: 1066px) {
.captionarea {width:95%;}
.captionarea span {font-size:1.6em;}
}

.sp-bottom-thumbnails {margin-top: 0;padding: 10px 0;}
.sp-selected-thumbnail {border:1px solid #e50007;}