@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* ========================================

  総合トップ
	
========================================== */
/* GLOBALTOP 「HEADER」
---------------------------------------*/
#globaltop_header{
	position:fixed;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
	border-top:4px solid #ea2828;
	height:55px;
	width:100%;
	padding:0 4%;
	background: #ffffff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index:99;
	box-shadow:0px 0px 4px 0px #d1d1d1;
	-moz-box-shadow:0px 0px 4px 0px #d1d1d1;
	-webkit-box-shadow:0px 0px 4px 0px #d1d1d1;
}
#top #container01{
	padding-top:55px;
}
#sitelogo{
	width:108px;
	float:left;
	padding-top:13px;
}

#loginbox{
	float:right;
}
#loginbox li{
	display:block;
	overflow:hidden;
	float:left;
}
#loginbox li:first-child{
margin-right:10px;
}
#loginbox li a{
	display:block;
	width:50px;
	height:50px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
#loginbox li.join a{
	background:url(/image/lastrum/cmn/lastrum/btn_join.png) no-repeat 50% 53%;
	background-size:32px;
}
#loginbox li.login a{
	background:url(/image/lastrum/cmn/lastrum/btn_login.png) no-repeat 50% 53%;
	background-size:32px;
}
#loginbox li.mypage a{
	background:url(/image/lastrum/cmn/lastrum/btn_mypage.png) no-repeat 50% 53%;
	background-size:37px;
}
#loginbox li.logout a{
	background:url(/image/lastrum/cmn/lastrum/btn_logout.png) no-repeat 50% 53%;
	background-size:37px;
	margin-bottom:30px;
}
/* GLOBALTOP 「パーツ」
---------------------------------------*/

h2.sectionTit{
	padding:17px 0;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
	letter-spacing:0.05em;
	border-top:3px solid #ea2828;
	border-bottom:2px solid #000;
}
.date{
	font-family: 'Montserrat', sans-serif;
}

/* ボタン */

.btn a{
	display:block;
	padding:17px 0;
	text-align:center;
	font-weight:bold;
}

.btn a.black{
	width:92%;
	margin:0 auto 20px;
	font-family: 'Montserrat', sans-serif;
	border:2px solid #000;
	color:#fff;
	background:#000;
	font-weight:normal;
	font-size:15px;
	letter-spacing:0.05em;
}

.more a{
	background:url(/image/lastrum/cmn/lastrum/ico_triangle_b.png) no-repeat 100% 50%;
	background-size:6px;
	padding:15px 20px 15px 0;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.05em;
}
/* ローディング */

#loading{
	background:#fff;
	
}
#loading img{
	position:absolute;
	top:50%;
	left:50%;
	width:197px;
	line-height:1;
	margin-left:-98.5px;
	margin-top:-21.5px;
}


/* GLOBALTOP キービジュアル
---------------------------------------*/
.keyvisual{
	margin-bottom:30px;
}


/* GLOBALTOP バナーループ
----------------------------------- */ 
#top_banner_wrap{
	width: 100%;
	background: #ffffff;
}


/* ALL TOP */
.alltop_banner{
	margin: 0px 5px 0px 5px;
	padding: 10px 0 0;
}

/* ARTIST TOP */
.top_banner{
	margin: 0 0 8px 0;
}

.flexslider {
	margin: 0;
	position: relative;
	/*height: 100px;
	overflow:hidden;*/
}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}

.flexslider .slides img {
	width: 100%;
	display: block;
	padding:0;
	margin: 0px;
}

.flex-direction-nav a {
	width: 20px;
	height: 20px;
	margin: -14px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: 0.2%;
}
.flex-direction-nav .flex-prev {
	left: 0.2%;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	/*bottom: -1px;*/
	bottom: -25px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
}
.flex-control-paging li a {
	width: 14px;
	height: 4px;
	display: block;
	background: #000;
	text-indent: -9999px;
}
.flex-control-paging li a.flex-active {
	background: #ea2828;
	box-shadow: none;	
}



/* GLOBALTOP バナーカルーセル（旧バナーカルーセル）
--------------------------------------- */
#carousel_box{
	width: 100%;
	padding:10px 0 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #bebebe 2%, #fefefe 49%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#bebebe), color-stop(49%,#fefefe)); /* Chrome,Safari4+ */
}
#carousel_inner{
	margin-bottom:5px;
	height:70px;
	text-align:center;
	display: block;	
}
#flick-list {
	width: 250px;
	height:70px;
	display: block;
	position: relative;
	margin: 0 auto;
	overflow:hidden;
  	box-shadow: 1px 3px 3px #414141;
	-webkit-box-shadow: 1px 3px 3px #414141;
	-moz-box-shadow: 1px 3px 3px #414141;
}
/* 長さ取得
#flick-list ul {
このCSSはテンプレート側で設定
}
*/
#flick-list ul li {
	float: left;
	list-style-type: none;
	width: 250px;
	height:70px;
}
#flick-list ul li a img{
	display: block;
	width: 250px;
	height:70px;
}
#prev-box {
	display: block;
	padding-top:22px;
	width: 35px;
	height: 48px;
	text-align: center;
	float: left;
}
#prev-box a img {
	width:25px;
}
#next-box {
	display:block;
	text-align:center;
	padding-top:22px;
	width: 35px;
	height: 48px;
	float: right;
}
#next-box a img {
	width:25px;
}
#flick-navi-box {
	clear:both;
}
#flick-navi {
	text-align: center;
	font-size: 10px;
	color:#cccccc;
}
#flick-navi a {
	width:12px;
	height:12px;
	margin: 0px 4px 0px 4px;
	padding:5px;
	background: url(/image/arena/cmn/ico_bnr_off.png) no-repeat;
	-webkit-background-size:8px 8px;
	background-size:8px 8px;
	background-position: 50% 50%;
}
#flick-navi a.current {
	background: url(/image/arena/cmn/ico_bnr_on.png) no-repeat;
	-webkit-background-size:8px 8px;
	background-size:8px 8px;
	background-position: 50% 50%;
}


/* GLOBALTOP 「PICKUP!」
---------------------------------------*/
#pickup{
	padding:0 4% 20px;
}

#pickup .top_pickup_list li a{
	background:url(/image/lastrum/cmn/lastrum/ico_triangle_w.png) no-repeat 96% 50%;
	background-size:6px;
}



/* GLOBALTOP「ARTIST NEWS」
---------------------------------------*/

#artistNews{
	padding:0 4%;
}
.top_news_list .name{
	margin-bottom:5px;
	font-size:11px;
	font-weight:bold;
	color:#ea2828;
}

#globaltop_tit_info{
}
#globaltop_tit_info img{
	width:100%;
	-moz-box-shadow: 0px 1px 2px #666666;
	-webkit-box-shadow: 0px 1px 2px #666666;
}
.globaltop_info_list li{
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px dotted #aaaaaa;
}
.globaltop_info_list li:last-child{
	border-bottom:none;
}
.globaltop_info_list li a{
	padding:10px;
	display:block;
	background:url(/image/arena/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	overflow:hidden;
}
.globaltop_info_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.globaltop_info_list .box{
	display:block;
	padding:0 20px 0 0;
}
/* サムネイル画像:左配置 */
.globaltop_info_list .photo{
	display:block;
    	width:60px;
	margin:0 6px 6px 0;
    	float:left;
}
.globaltop_info_list .photo img{
	text-:right;
	width:60px;
	-moz-box-shadow: 0px 1px 2px #000000;
	-webkit-box-shadow: 0px 1px 2px #000000;
}

/* GLOBALTOP「LASTRUM NEWS」
---------------------------------------*/

#lastrumNews{
	padding:0 4%;
}

#globaltop_tit_news{
}
#globaltop_tit_news img{
	width:100%;
	-moz-box-shadow: 0px 1px 2px #666666;
	-webkit-box-shadow: 0px 1px 2px #666666;
}
.globaltop_news_list li:nth-child(odd){
	margin:0px;
	background-color:#f5fdff;
	border-bottom:1px dotted #6bb2d3;
}
.globaltop_news_list li:nth-child(even){
	margin:0px;
	background-color:#e2f5f9;
	border-bottom:1px dotted #6bb2d3;
}
.globaltop_news_list li:last-child{
	border-bottom:none;
}
.globaltop_news_list li a{
	padding:10px;
	display:block;
	background:url(/image/arena/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	overflow:hidden;
}

.globaltop_news_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.globaltop_news_list .box{
	display:block;
	padding:0 20px 0 0;
}
/* サムネイル画像:左配置 */
.globaltop_news_list .photo{
	display:block;
    	width:60px;
	margin:0 6px 6px 0;
    	float:left;
}
.globaltop_news_list .photo img{
	text-align:right;
	width:60px;
	-moz-box-shadow: 0px 1px 2px #000000;
	-webkit-box-shadow: 0px 1px 2px #000000;
}



/* GLOBALTOP 「ARTIST INDEX」
---------------------------------------*/

#globaltop_artist{
	padding:0 4% 20px;
}
#globaltop_artist a{
	display:block;
	color:#000;
	font-weight:bold;
}
#globaltop_artist .ph{
	border:1px solid #ccc;
}
#globaltop_artist .ph img{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#globaltop_artist .artist{
	margin-bottom:15px;
	border:none;
}
#globaltop_artist .free{
	margin-bottom:5px;
}
#globaltop_artist .artist li{
	border-bottom:1px solid #aaa;
}
#globaltop_artist .artist li a{
	display:table;
	width:100%;
	padding:15px 0;
	background:url(/image/lastrum/cmn/lastrum/ico_triangle_b.png) no-repeat 100% 50%;
	background-size:6px;
}
#globaltop_artist .artist li a:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#globaltop_artist .artist li a .ph{
	width:100px;
	margin-right:15px;
	float:left;
}
#globaltop_artist .artist li a .ph img{
	width:100%;
}
#globaltop_artist .artist li a .name{
	display:table-cell;
	width:100%;
	vertical-align:middle;
}

#globaltop_artist .free li{
	float:left;
	width:31%;
	margin-right:3%;
	margin-bottom:10px;
	text-align:center;
	font-size:10px;
}
#globaltop_artist .free li:nth-child(3n){
	margin-right:0;
}
#globaltop_artist .free li .ph{
	margin-bottom:5px;
}

#globaltop_artist .btn a{
	border:2px solid #000;
	font-size:15px;
	letter-spacing:0.05em;
	font-family: 'Montserrat', sans-serif;
	background:url(/image/lastrum/cmn/lastrum/ico_triangle_b.png) no-repeat 96% 50%;
	background-size:6px;
}

/* GLOBALTOP 「WHAT'S NEW」
---------------------------------------*/

#new_contents{
	padding:0 4%;
}
#new_contents .top_contents_list{
	padding:0;

}

.top_contents_list li a{
	color:#000;
}
.top_contents_list li .name{
	color:#ea2828;
}
.top_contents_list li .up_cat{
	color:#fff;
	font-size:9px;
	background:#000;
	font-weight:bold;
	padding:0 2px;
}
.top_contents_list li .update{
	color:#ea2828;
}


/* GLOBALTOP リンク
---------------------------------------*/

#link .pcLink{
	padding:20px 4%;
	background:#f5f5f5;
}
#link .pcLink li{
	margin-bottom:10px;
}
#link .pcLink li:last-child{
	margin-bottom:0;
}
#link .pcLink .btn a{
	border:2px solid #ea2828;
	font-size:15px;
	letter-spacing:0.05em;
	font-family: 'Montserrat', sans-serif;
	color:#000;
	background:#fff url(/image/lastrum/cmn/lastrum/ico_triangle_b.png) no-repeat 96% 50%;
	background-size:6px;
}
#link .pcLink .btn a.redBtn{
	background:#ea2828 url(/image/lastrum/cmn/lastrum/ico_triangle_w.png) no-repeat 96% 50%;
	background-size:6px;
	color:#fff;
	padding:10px 0;
}
#link .pcLink .btn a.redBtn span{
	display:block;
	margin-top:5px;
	font-size:10px;
}

#link .snsLink li:nth-child(2){
	margin:0 40px;
}
#link .snsLink li a{
	width:50px;
	padding:10px 0;
	color:#000;
}

.heartbeat a{
	display:block;
	width:93%;
	margin:0 auto 20px;
}

/* GLOBALTOP サポートメニュー
---------------------------------------*/