@charset "UTF-8";

/*
--------------------------------------------------
  (c)2015 avex music creative inc. All rights reserved.
--------------------------------------------------*/

/* general
--------------------------------------------------*/
html {
	margin:0;
	padding:0;
	min-height:620px;
	height:100%;
}
body {
	height:100%;
}

img,
a img,
a:visited img {
text-decoration:none;
border:none;
}
a img:hover { opacity:0.7;}

a:focus { border:none;}

ul { list-style-type:none; margin:0; padding:0;}

main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
display: block
}

#wrap { width:100%; margin:0; padding:0; position:relative; overflow:hidden;}
#wrap .header_bg { width:53px; height:51px; background: url(../images/common/header_bg.png) no-repeat; position:absolute; top:2px; right:2px;}

#contentswrap { width:960px; margin:0 auto 100px auto; overflow:hidden; min-height:820px;}
#contentsLeft { width:200px; float:left;}
#contentsRight { width:730px; float:right;}

/*-- header --*/
#header { width:100%; background:#FFF; z-index: 10000;}
#header #navi01 { width:180px; background:#FFF; z-index: 10000;}
#header #navi02 { width:180px; background:#FFF; z-index: 10000;}

#logo { width:100%; margin:0 0 30px 0; z-index: 10000;}
#logo img { width:80%;}

#header a:link { text-decoration:none; border:none;}

#header #navi01 #headerInner { width:200px; margin:0;}
#header #headerInner ul li { }
#header #navi01 #headerInner nav { width:180px;}
#header #navi01 #headerInner nav ul li {/*argin-right:2px;*/}
#header #headerInner nav ul li img {}
#header #headerInner #sns { width:125px; float:right;}
#header #headerInner #sns ul li { margin-right:5px;}

#header .mocanomasan img { width:70%;}

#header .fixed {position: fixed; /*left: 0; top: 0;*/ width:200px; top: 0;
    left: 50%; margin: 0 0 0 -480px;}

#header .fixed_navi02 {position: fixed; /*left: 0; top: 0;*/ width:200px; top: 550px;
    left: 50%; margin: 0 0 0 -480px;}



#contentsRight #top { height:150px; padding: 25px 0 0 0; position:relative;}
#contentsRight #top h1 { width:230px; float:left;  margin-top: 25px; border-bottom:8px solid #000;}
#contentsRight #top .sns_bg { width:57px; height:84px; background: url(../images/common/header_sns_bg.png) no-repeat; position:absolute; top:50px; right:65px; z-index:-5;}
#contentsRight #top .mr_50 { margin-right:50px;}
#contentsRight #top #sns { width:200px; float:right;}
#contentsRight #top #sns ul { width:100%; height:55px;}
#contentsRight #top #sns ul li { height:55px; float:left; margin-left:5px;}

#contentsRight #top .top_navi { width:100%; clear:both;  padding: 70px 0 0 0;}
#contentsRight #top .top_navi ul li { height:auto; float:left; margin: 0 2px 0 0;}
#contentsRight #top .top_navi ul li.r_blog { margin:0;}
#contentsRight #top .top_navi ul li a { width:83px; display:block;}

#contentsRight #top .top_navi ul li.r_news a { width:63px; display:block;}
#contentsRight #top .top_navi ul li.r_discography a { width:105px; display:block;}
#contentsRight #top .top_navi ul li.r_blog a { width:125px; display:block;}
#contentsRight #top .top_navi ul li.r_photogallery a { width:91px; display:block;}

#contentsRight #top .top_navi ul li a:hover { border-bottom:8px solid #000; }
#contentsRight #top .top_navi ul li a img:hover {opacity:1;}

#news #contentsRight #top .top_navi ul li.r_news a,#newsDetail #contentsRight #top .top_navi ul li.r_news a,
#schedule #contentsRight #top .top_navi ul li.r_schedule a,#scheduleDetail #contentsRight #top .top_navi ul li.r_schedule a,
#profile #contentsRight #top .top_navi ul li.r_profile a,
#disc #contentsRight #top .top_navi ul li.r_discography a,
#discArchive #contentsRight #top .top_navi ul li.r_discography a,
#goods #contentsRight #top .top_navi ul li.r_goods a,#goodsDetail #contentsRight #top .top_navi ul li.r_goods a,
#fc #contentsRight #top .top_navi ul li.r_fanclub a,
#blog #contentsRight #top .top_navi ul li.r_blog a,
#photogallery #contentsRight #top .top_navi ul li.r_photogallery a   { border-bottom:8px solid #000; }

#main { margin-bottom:20px; width:730px; height:550px;}


/*-- second --*/
#contents { width:960px; margin:10px auto 50px auto; overflow:hidden;}

#contents h3 { font-size:18px; height:50px; margin-bottom:30px;}

#contentsInner #disc-cat { width:220px; margin-bottom:20px; overflow:hidden; float: right;}
#contentsInner #disc-cat li { float:left; margin-right:10px; }

#pageNavi { text-align: center; clear:both;}



/*-- footer --*/
footer, #footer {
	clear:both;
	display:block;
	margin-right: 80px;
	padding:0;
	text-align: right;
	font:10px/1.1em "Times New Roman", Times, serif;
	color:#333;
	background:#fff;
	width: 300px;
	height:15px;
  float: right;
}

.copy {writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
width:20px;
height: 300px;
position:absolute;
bottom:60px;
right:2px;
font-size:90%;}

#wrap .footer_bg { width:63px; height:57px; background: url(../images/common/footer_bg.png) no-repeat; position:absolute; bottom:52px; right:2px;}

#wrap #navi02 { width:180px; position: absolute; width:200px; bottom:50px; left: 50%; margin: 0 0 0 -480px; z-index:10000;}
#wrap #navi02 p { margin:0; padding:0;}

/* top
--------------------------------------------------*/
#contentsInner { margin:40px 0 0 0;}

#top_banner01 { width:787px; margin:20px auto;}

#home #what,#home #schedule,#home #disc,#home #goods,#home #profile,#home #fanclub { margin-bottom:15px; padding: 25px 0 20px 0; overflow:hidden;}
/*#main,#wahtInner,#instaAreaInner,#newReleaseInner,#latestLiveInner,#snsInner { width:960px; margin:0 auto;}*/

#what h3,#schedule h3,#twitter h3,#facebook h3,#disc h3,#goods h3,#profile h3,#fanclub h3,#photogallery h3 { margin-bottom:20px; padding-bottom:5px; border-bottom:8px solid #000; clear:both;}

#what {}
#what #wahtInner .list { overflow: hidden; height: 182px;}
#what dl { overflow:hidden; line-height:2.5em;}
#what dl dt { width:100px; float:left;}
#what dl dd { margin:0; width:600px; float:left;}


#schedule {}
#schedule #scheduleInner .list { overflow: hidden; height: 182px;}
#schedule dl { overflow:hidden; line-height:2.5em;}
#schedule dl dt { width:100px; float:left;}
#schedule dl dd { margin:0; width:600px; float:left;}

#snsArea { overflow:hidden; clear:both;}
#snsArea #twitter { width:350px; float:left;}
#snsArea #facebook { width:350px; float:right;}

#home #disc .item { width:240px; margin-bottom:15px; float:left;}
#home #disc .item .title { width:200px; font-weight:bold;   display: block; word-break: break-word;}
#home #disc .item img { max-width:200px; max-height:auto;}
#goods #goodsInner { overflow:hidden;}
#goods .box { width:220px; float:left; margin-right: 20px; height: 320px;}
#goods .box .txt { width:200px;}
#goods .box img { width:200px;}
#goodsItem ul.thumbnail li { margin-bottom: 10px;}
#goodsItem ul.thumbnail li span.photo img { width: 300px;}

#profile .pic { width:320px; margin:0 20px 0 0; float:left;}
#home #profile .note { width:300px; float:left;}
#home #profile .note p { margin:0;}

#home .more,.top { text-align: center; clear:both; margin: 25px 0 0 0;}



/* news
--------------------------------------------------*/
#news #contentsInner h3,#newsDetail #contentsInner h3 { margin-bottom:20px; padding-bottom:8px; border-bottom:8px solid #000;}

#news #contentsInner dl { width:100%; overflow:hidden;}
#news #contentsInner dl dt { width:100px; float:left;}
#news #contentsInner dl dd { margin:0 0 10px 0; width:600px; float:left;}
#news #contentsInner .paging { text-align:center;}
#news #contentsInner .paging a { margin-right:10px;}

#newsDetail h2 { font-size:16px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#newsDetail .entry-date { width:180px; float:left; font-size:90%;}
#newsDetail .shareSoc { width:270px; float:right;}
#newsDetail .entryBody { padding-top:20px; clear:both;}
#newsDetail .entryFooter { margin-top:30px;}

/* media
--------------------------------------------------*/
#schedule #contentsInner h3,#scheduleDetail #contentsInner h3 { margin-bottom:20px; padding-bottom:5px; border-bottom:8px solid #000;}

#schedule #contentsInner dl { width:100%; overflow:hidden; line-height:3em;}
#schedule #contentsInner dl dt { width:100px; float:left;}
#schedule #contentsInner dl dd { margin:0; width:600px; float:left;}
#schedule #contentsInner dl.tour dd { min-height: 80px;}
#schedule #contentsInner .paging { text-align:center;}
#schedule #contentsInner .paging a { margin-right:10px;}

#scheduleDetail h2 { font-size:16px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#scheduleDetail .entry-date { width:180px; float:left; font-size:90%;}
#scheduleDetail .shareSoc { width:270px; float:right;}
#scheduleDetail .entryBody { padding-top:20px; clear:both;}
#scheduleDetail .entryFooter { margin-top:30px;}


/* discography
--------------------------------------------------*/
#disc #contentsInnerInner #disc-cat,#discArchive #contentsInner #disc-cat { width:250px;}

#disc #contentsInner .entry-header { clear:both; margin-top:50px;}
#disc #contentsInner .entry-header h2 { font-size:16px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
/*#disc #contentsInner .social { width:250px; float:right;}*/
#disc #contentsInner .entry-content  { overflow:hidden;}
#disc #contentsInner .entry-content .wrap { width:350px; float:left;}
#disc #contentsInner .entry-content .wrap .jacket img { width:340px;}
#disc #contentsInner .entry-content .musictxt { width:350px; float:right;}
#disc #contentsInner .entry-content  p.ttl { font-size:15px; font-weight:bold; margin:0 0 10px 0;}
#disc #contentsInner .entry-content .txt01 { width:300px; float:left;}
#disc #contentsInner .entry-content .buy { width:200px; margin: 0 auto;}
#disc #contentsInner .entry-content .dl { width:200px; margin: 0 auto;}
#disc #contentsInner .entry-content .bottomtxt { clear:both; display:block; margin-bottom:50px;}
#disc #contentsInner .entry-content  .block {overflow:hidden; margin:50px 0;}
#disc #contentsInner .entry-content  .discblock {margin-bottom:30px;}
#disc #contentsInner .entry-content .musictxt .block {margin:0;}

#discArchive #contentsInner .disc_wrap { clear:both;}
#discArchive #contentsInner .arc_thum { width:220px; height:250px; float:left; margin-bottom: 30px; text-align: center;}
#discArchive #contentsInner .arc_thum img { width:200px;}

/* profile
--------------------------------------------------*/
#profile #contentsInner .prof_img { margin:0 auto;}
#profile #contentsInner table { margin:0 0 24px 0; border: 1px solid #FFFFFF; width: 100%; }
#profile #contentsInner table td { background-color: #EBEBEB; border: 1px solid #FFFFFF; padding:10px; font-size:93%; line-height:1.75em; }

#profile #contentsInner  .history  { clear:both;}
#profile #contentsInner  .history ul li { float:left;}

/* goods
--------------------------------------------------*/
#goods #contentsInner h3,#goodsDetail #contentsInner h3 { margin-bottom:20px; padding-bottom:5px; border-bottom:8px solid #000;}#movie #contents .box a { width: 300px;}
#goods #contentsInner .goods_wrap { clear:both;}
#goods #contentsInner .goods_thum { width:220px; height:250px; float:left; margin-bottom: 30px; text-align: center;}
#goods #contentsInner.goods_thum img { width:220px;}

#goodsDetail h2 { font-size:16px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#goodsDetail .box h2 { font-size:12px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#goodsDetail .entry-date { width:180px; float:left; font-size:90%;}
#goodsDetail .shareSoc { width:270px; float:right;}
#goodsDetail .entryBody { padding-top:20px; clear:both;}
#goodsDetail .entryBody  .goodsTxt {     margin-bottom: 30px;}
#goodsDetail .entryBody .box { width:230px; float:left; min-height: 300px; margin-right: 10px;}
#goodsDetail .entryBody .box h2 { border-bottom:none;}
#goodsDetail .entryBody .box .txt { width:200px;}
#goodsDetail .entryBody .box img { width:200px;}
#goodsDetail .shop { clear:both; margin:20px;}
#goodsDetail .entryFooter { margin-top:30px;}


/* news
--------------------------------------------------*/
#fc #contentsInner h3,#newsDetail #contentsInner h3 { margin-bottom:20px; padding-bottom:5px; border-bottom:8px solid #000;}

#fc #contentsInner dl { width:100%; overflow:hidden; line-height:3em;}
#fc #contentsInner dl dt { width:100px; float:left;}
#fc #contentsInner dl dd { margin:0; width:600px; float:right;}
#fc #contentsInner .paging { text-align:center;}
#fc #contentsInner .paging a { margin-right:10px;}

#fc h2 { font-size:16px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
#fc .entry-date { width:180px; float:left; font-size:90%;}
#fc .shareSoc { width:270px; float:right;}
#fc .entryBody { padding-top:20px; clear:both;}
#fc .entryFooter { margin-top:30px;}

#blog .entryHeader h3 { font-size:16px; margin-bottom:10px; }
#blog .entryBody { margin-bottom:20px;}



#wrapper { width:768px; margin:20px auto 0 auto;}
.close { visibility:hidden; display:none;}
.side_resize img { width:50%;}


/* photo gallery
--------------------------------------------------*/
#photogallery #contentsRight #top .top_navi ul li.r_photogallery a  { border-bottom:8px solid #000; }

#photogallery .list .item{
width:236px;
float:left;
margin:0 10px 10px 0;
}

#photogallery .list .item .trim {
	overflow: hidden;
    width: 236px;
    height: 236px;
    position: relative;
    background-color: #f2f2f2;

    }
#photogallery .list .item .trim img{
text-decoration: none;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* max-width: 100%; */
    /* max-height: 100%; */
    width: auto;
    height: 100%;
}
#photogallery .list .item  .caption{
	margin-top:1em;
}
#photogallery #contentsInner .paging{text-align:center;}

#photogallery .list:after{
content:"";
display:block;
clear:left;}

#visa_btn{margin-top:3em;}