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

	Lastrum 共通

	--------------------
	service.css
	-------------------


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

/* リセット
------------------------------------------ */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
body {
    line-height: 1.5;
    -webkit-text-size-adjust: none;
    margin:0;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}
img {
    border: 0;
    vertical-align: bottom;
    width:100%;
}
ul, ol, dir{
    list-style: none;
    display: block;
}
table {
    border-spacing: 0;
    empty-cells: show;
}
div, h2, h3, h4, h5, h6, p, li, dt, dd, pre, code, blockquote, th, td{
    word-break: break-all;
}

/* 基本スタイル
------------------------------------------ */
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* 余白 */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

/* 注意色 */
.note{color:#ff3300;}
.gray{color:#999;}

/* テキスト太字 */
.bold{font-weight:bold;}
.center{text-align:center;}

/* リンク色 */
a,a:link, a:visited{color:#09F; text-decoration:none;}
a:webkit-any-link{coursor:auto;}

/* 文字サイズ */
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:19px;}


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

   コンテナ

========================================== */
html {
	height:100%;
}

body {
	background:#ffffff;
	font-family: Helvetica Neue,Helvetica,Arial,san-serif,"ヒラギノ角ゴ ProN W3 / W6","Hiragino Kaku Gothic Pro";
	font-size:13px;
	line-height:1.5;
	height:100%;
}
#all_wrapper {
	height:auto;
	min-height:100%;
	position:relative;
}
/* フッタ：ナビ+COPY */
#container01 {
	height:auto;
	padding:55px 0 79px;
}
/* フッタ：ページ送り+ナビ+COPY */
#container02 {
	height:auto;
	/*padding-bottom:110px;*/
	padding:55px 0 120px;
}

.home #container01,
.home #container02{
	padding-top:0;
}

/* カスタム背景色 */
.bg-custom01{
	background:#222222;
}




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

  ARTISTトップ

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

/* ローディング
------------------------------------------ */
#loading{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:999;

}

/* ヘッダ
------------------------------------------ */
#artist_header{
	text-align:center;
	background:#000000;
}
#artist_header img{
	width:320px;
}


/* アーティスト写真
------------------------------------------ */

.keyvisual{
	margin-bottom:20px
}

.keyvisual img{
	width:100%;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:100%;
}

/* スライド */

.keyvisual .flexsliders{
	position:relative;
}

/* 新規会員登録・ログイン
------------------------------------------ */

#artist_login_box{
	padding:0 4% 20px;
}
#artist_login_box li{
	float:left;
	width:48%;
	text-align:center;
}
#artist_login_box li:first-child{
	margin-right:4%;
}
#artist_login_box li a{
	display:block;
}
#artist_login_box li a img{
	vertrical-align:middle;
	margin-right:5px;
}
#artist_login_box li.join a img{
	width:14px;
}
#artist_login_box li.login a img{
	width:11px;
}

/* バナープレーン
--------------------------------------- */
#artist_bnr_box {
	background:#ffffff;
	padding:0 4% 10px;
	margin-bottom:10px;
}
#artist_bnr_box ul li{
	margin-bottom:10px;
}
#artist_bnr_box .slider ul li{
	margin-bottom:0;
}
#artist_bnr_box ul li:last-child {
	margin-bottom:0;
}
#artist_bnr_box ul li img {
	width:100%;
}
#artist_bnr_box ul li:last-child img {
}


/* バナー下キャプションデフォルト
------------------------------------------ */
.bnrCap{
	text-align:center;
	color:#333;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
	margin:2px 0 0 0;
}

@-webkit-keyframes pulse {
    from {
        opacity: 1.0;/*透明度100%*/
    }
    to {
        opacity: 0.0;/*透明度80%*/
    }
}
.bnrCap .blink{
    -webkit-animation-name: pulse;/* 実行する名前 */
    -webkit-animation-duration: 0.5s;/* 0.5秒かけて実行 */
    -webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
    -webkit-animation-timing-function:ease-in-out; /* イーズインアウト */
    -webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
    -webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}


/* バナーエリア
------------------------------------------ */
#bnr-box {
	margin:0;
	background:#000000;
	padding-bottom:15px;
	display:block;
   	position:relative;
   	overflow:hidden;
}


/* グローバルメニュー
------------------------------------------ */
/* 無料メニュー */
ul.artist_free_m:after {
	clear:both;
}
ul.artist_free_m li {
	float:left;
    width:50%;
}
ul.artist_free_m li a,
ul.artist_free_m li p.blank{
	display:block;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	height:40px;
	background:#aebcbf;
	background:-moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
}
ul.artist_free_m li a {
	display:block;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	height:40px;
	background:#aebcbf;
	background:url(/image/lastrum/cmn/ico_arrow_menu.png) 100% center no-repeat,
	-moz-linear-gradient(top,
	#aebcbf 0%, #6e7774 50%,
	#0a0e0a 51%, #0a0809 100%);
	background-size:12px 10px,auto;
	background: url(/image/lastrum/cmn/ico_arrow_menu.png) 100% center no-repeat,
	-webkit-gradient(linear, left top, left bottom,
	color-stop(0%,#aebcbf), color-stop(50%,#6e7774),
	color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
	background-size:12px 10px,auto;
}
ul.artist_free_m li p.blank{
	display:block;
	height:40px;
	background:#aebcbf;
	background:-moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
}


ul.artist_free_m li a p{
	padding: 12px 15px 0 7px;
}
ul.artist_free_m li a p.artist_small_m{
	font-size:13px;
}


ul.artist_free_m li:nth-child(even) a,
ul.artist_free_m li p.blank{
	border-left:1px solid #000000;
}

/* 会員メニュー */
ul.artist_members_m:after {
	clear:both;
}
ul.artist_members_m li {
	float:left;
    width:50%;
}
ul.artist_members_m li a {
	display:block;
	font-size:15px;
	color: #ffffff;
	font-weight:bold;
	height:40px;
	background: #CCC;
	background: url(/image/lastrum/cmn/ico_arrow_menu.png) 100% center no-repeat,
	-moz-linear-gradient(top,
	#b7deed 0%, #71ceef 50%,
	#21b4e2 51%, #b7deed 100%);
	background-size:12px 10px,auto;
	background: url(/image/lastrum/cmn/ico_arrow_menu.png) 100% center no-repeat,
	-webkit-gradient(linear, left top, left bottom,
	color-stop(0%,#b7deed), color-stop(50%,#71ceef),
	color-stop(51%,#21b4e2), color-stop(100%,#b7deed));
	background-size:12px 10px,auto;
}
ul.artist_members_m li p.blank{
	display:block;
	height:40px;
	background:#aebcbf;
	background:-moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed));
}
ul.artist_members_m li a p{
	padding:12px 15px 0 7px;
}
ul.artist_members_m li a p.artist_small_m{
	font-size:12px;
}
ul.artist_members_m li:nth-child(even) a,
ul.artist_members_m li p.blank{
	border-left:1px solid #1C80BF;
}



/* コンテンツタイトルバー
---------------------------------------*/


/* PICKUP 一覧(総合/アーティストTOP用)
---------------------------------------*/
.top_pickup_list li{
	/*
	margin-bottom:5px;
	background-color:#000000;
	*/
	margin-bottom: 5px;
	color: #000;
	border: 1px solid #555;
}
.top_pickup_list li:last-child{
	margin-bottom:0;
}
.top_pickup_list li a{
	display:block;
	overflow:hidden;
}

.top_pickup_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.top_pickup_list .box{
	display:block;
	padding:10px;
}
/* サムネイル画像:左配置 */
.top_pickup_list .photo{
	display:block;
    	width:60px;
	margin:0 6px 6px 0;
    	float:left;
}
.top_pickup_list .photo img{
	text-align:right;
	width:60px;
}
/* テキスト */
.top_pickup_list .text{
	overflow:hidden;
}
.top_pickup_list .lead{
	font-weight: bold;
	text-align: left;
	color: #222;
	line-height:140%;
	font-size:13px;
}
.top_pickup_list .date{
    	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#999999;
	letter-spacing:0.02em;
	padding-top:5px;
}


/* NEWS一覧(総合/アーティストTOP用)
---------------------------------------*/
.top_news_list li{
	margin:0px;
	border-bottom:1px solid #aaaaaa;
}
.top_news_list li:last-child{
	border-bottom:none;
}

.top_news_list li a{
	display:block;
	padding:15px 0;
	overflow:hidden;
	color:#000;
}

.top_news_list li.norecord{
	padding:30px 10px;
	display:block;
	overflow:hidden;
}
.top_news_list .box{
	display:block;
}
/* サムネイル画像:左配置 */
.top_news_list .photo{
	display:block;
    	width:60px;
	margin:0 10px 0 0;
    	float:left;
}
.top_news_list .photo img{
	text-align:right;
	width:60px;
	background-size:cover;
	background-position:50% 50%;
}
/* テキスト */
.top_news_list .text{
	overflow:hidden;
}
.top_news_list .lead{
	text-align:left;
	color:#000000;
}
.top_news_list li.norecord .lead{
	text-align:center;
	color:#aaa;
}
.news_list .cat,
.top_news_list .cat{
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	color:#fff;
	font-size:9px;
	background:#000;
	font-weight:bold;
	padding:0 2px;
}

.top_news_list .eventdate{
	font-size:11px;
	text-align:left;
	line-height:12px;
	letter-spacing:0.02em;
	padding:3px 0;
	margin-bottom:5px;
}
.top_news_list .date{
    font-size:10px;
	text-align:left;
	line-height:12px;
	letter-spacing:0.02em;
	padding-top:5px;
}
/* もっと見る（TOPページ用）*/
.more{
	height:auto;
	border-top:1px solid #aaaaaa;
}
.more a{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:12px 28px 12px 4px;
	text-align:right;
	word-break:break-all;
	background-color:#ffffff;
}


/* タブ形式 NEWS,LIVE,MEDIA
---------------------------------------*/
#tab_box {
	margin:0px 0 0 0;
	background-color:#ffffff;
}
.tab_panes {
	clear:both;
}

ul.tabs {
	display:block;
	overflow:hidden;
	list-style:none;
	margin:0;
}
ul.tabs li {
	height:40px;
	width:33.33%;
	float:left;
}

ul.tabs li a {
	position:relative; /* up!アイコン位置指定用 */
	height:27px;
	display:block;
	padding:10px 0px 0px;
	font-size:17px;
	font-weight:bold;
	text-align:center;
}
ul.tabs li:first-child a {
	border-left:none;
}
ul.tabs li:last-child a {
}
ul.tabs li a.current {
	height:28px;
	display:block;
	text-decoration:none;

}

/* タブ上の「UP!」 */
ul.tabs li a .up {
	display:block;
	width:18px;
	position:absolute;
	top:0px;
	right: 5px;
	color:#ffffff;
	font-size:8px;
	border-radius:30px;
	background-color:#ff0000;
	padding:5px 0;
	text-shadow:none;
	box-shadow:0px 1px 1px #777;
	-webkit-box-shadow:0px 1px 1px #777;
	-moz-box-shadow:0px 1px 1px #777;
}

/* NEWS,LIVE,MEDIA記事の更新日付「UP!」 */
.up_cl {
	color:#ff0000;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}

/* タブ形式の記事一覧
---------------------------------------*/
/*ul.top_list{
}
ul.top_list li{
	margin:0px;
	border-bottom:1px dotted #aaaaaa;
}
.top_list li:nth-child(odd) {
	background-color:#f9f9f9;
}
.top_list li:nth-child(even) {
	background-color:#f9f9f9;
}
.top_list li:last-child {
	border-bottom:none;
}
.top_list li a {
	color:#ffffff;
	padding:15px 10px;
	display:block;
	background:url(/image/lastrum/cmn/ico_arrow.png) no-repeat 100% 50%;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	overflow:hidden;
}

.top_list li.norecord {
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.top_list .box {
	display:block;
	margin:0 24px 0 0;
}*/

/* サムネイル画像:左配置 */
/*.top_list .photo {
	display:block;
    width:60px;
	margin:0 6px 6px 0;
    float:left;
}
.top_list .photo img {
	text-align:right;
	width:60px;
}
*/
/* テキスト */
/*
.top_list .text {
	overflow:hidden;
}
.top_list .lead {
	color:#222222;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}
.top_list .date {
	color:#999999;
    font-size:10px;
	font-weight:bold;
	text-align:left;
	line-height:12px;
	letter-spacing:0.02em;
	padding-top:5px;
}
*/
/* 小見出し */
/*
.tablist_sub_tit {
	color:#fff;
	background:#000000;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-shadow:#000000 0 1px 0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:6px 8px;
}
*/


/*  タブ形式の「もっと見る」
------------------------------------------ */

/*
.top_nav_more li {
	height:auto;
	border-top:1px dotted #aaaaaa;
	background-color:#f9f9f9;
}
.top_nav_more a {
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#222222;
	padding:15px 9% 15px 4px;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) no-repeat 100% 50%;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	word-break:break-all;
}
*/

/* NEWコンテンツ
---------------------------------------*/
.top_contents_list{
	padding:0 4%;
}
.top_contents_list ul{
	margin:0px;
	display:block;
}
.top_contents_list li{
	margin:0px;
	border-bottom:1px solid #aaa;
}
.top_contents_list li:last-child{
	border-bottom:none;
}
.top_contents_list li a{
	padding:15px 0;
	display:block;
	overflow:hidden;
}

.top_contents_list li.norecord{
	padding: 30px 10px;
	display:block;
	overflow:hidden;
}
.top_contents_list li.norecord .lead{
	text-align:center;
	color:#999;
}
.top_contents_list .box{
	display:block;
	padding:0 20px 0 0;
}
/* サムネイル画像:左配置 */
.top_contents_list .photo{
	display:block;
    width:60px;
	margin:0 10px 0 0;
    float:left;
}
.top_contents_list .photo img{
	text-align:right;
	width:60px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
/* テキスト */
.top_contents_list .text{
	overflow:hidden;
}
.top_contents_list .cat,
.top_contents_list .name{
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}
.top_contents_list .up_cat{
	font-size:10px;
	font-weight:normal;
	margin-left:5px;
	vertical-align:middle;
}
.top_contents_list .date{
	font-size:10px;
	letter-spacing:0.02em;
}
.top_contents_list .lead{
	text-align:left;
	margin-bottom:5px;
}

.top_contents_list .update{
	margin-left:5px;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}


/* SNSリンク
---------------------------------------*/

.snsLink {
	text-align:center;
	padding:10px 0;
}
.snsLink li{
	display:inline-block

}
.snsLink li a{
	display:block;
	font-size:32px;
}


/* MYPAGE サポートメニュー
---------------------------------------*/
/*
.tit{
	display:block;
	overflow:hidden;
	padding:6px 8px;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	background:#000000;
	text-shadow:#000000 0 1px 0;
}
*/

.support_list li{
	height:auto;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
}

.support_list li:last-child{
	border-bottom:none;
}

.support_list li a{
	padding:13px 28px 13px 10px;
	display:block;
	font-size:13px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	word-break:sbreak-all;
	background:url(/image/lastrum/cmn/ico_arrow.png) no-repeat 100% 50%;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}


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

#support{
	padding:10px 0;
	background-color:#222222;
}
#support ul{
	padding:0 4%;
}
#support li{
	width:50%;
	float:left;
}

#support li:last-child{
	border-bottom:none;
}

#support li a{
	padding: 13px 0;
	display:block;
	font-size:11px;
	color:#999999;
	text-align:left;
	text-decoration:none;
	word-break:sbreak-all;
}
#support li a:before{
	content:'-';
	margin-right:3px;
}

/* ソーシャル連携ボタン
---------------------------------------*/
#artist_social{
	border-top:1px solid #cccccc;
	background-color:#ffffff;
	padding:20px 10px;
	text-align:center;
	display:block;
   	position:relative;
   	overflow:hidden;
}


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

  下層ページ

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

/* 共通ヘッダ
---------------------------------------*/
#header {
	position:fixed;
	width:100%;
	height:55px;
	margin:0;
	background:#fff;
	border-bottom:2px solid #000;
	border-top:3px solid #ea2828;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index:101;
	top:0;
}
#header ul{
	overflow:hidden;
	padding:0;
	margin:0;
}
#header li a{
	display:block;
	height:55px;
}
#header li a img{
	padding-top:3px;
	height: 34px;
}
/* タイトル */
#header li.mid{
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	width:70%;
	height:55px;
	line-height:52px;
	text-align:center;
	font-size:15px;
	color:#000;
	font-weight:bold;
	float:left;
	letter-spacing:0.05em;
}
/* ボタン領域：左 */
#header li.left{
	display:block;
	width:15%;
	height:55px;
	float:left;
	text-align:center;
	padding:0px;
}
#header li.left a{
	display:block;
	padding:0px;
	color:#000;
	text-align:center;
}
#header li.left a .fa-arrow-left{
	font-size:20px;
	line-height:50px;
}
#header li.right a .fa-home{
	font-size:22px;
	line-height:50px;
}
/* ボタン領域：右 */
#header li.right{
	display:block;
	width:15%;
	height:55px;
	float:right;
	text-align:center;
	padding:0px;
}
#header li.right a{
	display:block;
	padding:0px;
	color:#000;
	text-align:center;
}
#header li.left a .fa-home{
	font-size:18px;
	line-height:55px;
}
#header li.right .headerMenu{
	position:relative;
}
#header li.right .headerMenu span{
	height:3px;
	width:50%;
	background:#000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	position:absolute;
	right: 10px;
}

header .headerMenu .top	{ top:17px; }
header .headerMenu .middle	{ top:26px;opacity:1; }
header .headerMenu .bottom	{ top:35px; }
	/* menuOpen */
header .headerMenu.menuOpen .top	{ top: 26px; -webkit-transform: rotate(45deg); }
header .headerMenu.menuOpen .middle	{ opacity: 0; }
header .headerMenu.menuOpen .bottom	{ top: 26px; -webkit-transform: rotate(-45deg); }

.smooth{
overflow: auto !important;
-webkit-overflow-scrolling: touch !important;
-moz-overflow-scrolling: touch !important;
}
.normalScroll{overflow: scroll !important;}



/*
#header li.right .headerMenu .top{
	top:7px;
	right:10px;
}
#header li.right .headerMenu .middle{
	top:16px;
	right:10px;
}
#header li.right .headerMenu .bottom{
	top:25px;
	right:10px;
}
*/

/* プルダウンメニュー
---------------------------------------*/
.pulldown_box {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
    position: relative;
    text-align: center;
}
.pulldown_box select {
	-webkit-appearance: none;
    -moz-appearance: button;
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 38px;
    margin: 5px 0;
    padding: 0 10%;
    width: 80% !important;
}
.pulldown_box::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #555;
    content: "\f48b";
    display: block;
    font-family: "WebHostingHub-Glyphs";
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: auto;
    position: absolute;
    right: 15%;
    top: 15px;
    width: auto;
    z-index: 10;
}
.pulldown_box select {
    -moz-appearance: button;
    height: 30px;
    line-height: 24px;
    padding: 0 10px;
    text-align: center;
}
.past_live a {
	display:block;
	width:92%;
	padding:5px 4%;
	text-align:right;
	background: #fff;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	border-bottom:1px solid #ccc;
}



/* NEWS 一覧
---------------------------------------*/
/* バナーエリア */
.news_bnr{
	padding:8px 10px 10px 10px;
	border-bottom:1px solid #eeeeee;
	text-align:center;
}
.news_bnr a{
	display:block;
}
.news_bnr img{
	width:300px;
	height:auto;
}
.news_bnr .cap{
	font-size:10px;
	padding-top:3px;
	color:#333333;
	letter-spacing:0.02em;
}

/* リスト */
ul.news_list{
}
.news_list li{
	margin:0px;
	border-bottom:1px solid #eeeeee;
}
.news_list li a{
	padding:15px 10px;
	display:block;
	overflow:hidden;
	position:relative;
}
.news_list li a:after{
	position:absolute;
	content:'\f105';
	font-family:'FontAwesome';
	right:3%;
	top:50%;
	font-size:18px;
	margin-top:-15px;
	color:#999;
}

.news_list li.norecord{
	text-align:center;
	border:none;
	padding:30px 10px;
	overflow:hidden;
}
.news_list .box{
	display:block;
	padding:0 20px 0 0;
}

/* サムネイル画像:右配置 */
.news_list .photo{
	display:block;
    width:60px;
	margin:0 6px 6px 0;
    float:left;
}
.news_list .photo img{
	text-align:right;
	width:60px;
	background-size:cover;
	background-position:50% 50%;
}
/* テキスト */
.news_list .text{
	overflow:hidden;
}
.news_list .name{
	color:#ea2828;
	font-size:11px;
	margin-bottom:5px;
	font-weight:bold;
}
.news_list .lead{
	font-size:14px;
	text-align:left;
	font-weight: normal;
	color:#000;
	line-height:1.4;
}
.news_list .date{
	font-size:10px;
	text-align:left;
	color:#000;
	letter-spacing:0.02em;
	padding-top:5px;
	font-family:'Montserrat',sans-serif;
}

/* カテゴリ一覧
---------------------------------------*/
.cat_tit{
	padding:12px 10px;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	letter-spacing:0.02em;
	border-bottom:3px double #999999;
}
ul.cat_list{
}
.cat_list li{
	position:relative;
	margin:0px;
	border-bottom:1px solid #eeeeee;
}
.cat_list li:last-child{
	margin-bottom:10px;
}
.cat_list li a{
	padding:5px 10px 5px 10px;
	display:block;
}
.cat_list li a:after{
	position:absolute;
	content:'\f105';
	font-family:'FontAwesome';
	right:3%;
	top:50%;
	font-size:18px;
	margin-top:-9px;
	color:#999;
}
.cat_list p{
	display:block;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	color:#333333;
	padding:10px 20px 10px 0px;
	vertical-align:middle;
}
.cat_list li.norecord{
	padding:0px 10px 30px 10px;
	display:block;
	overflow:hidden;
	border-bottom:none;
}
.cat_list li.norecord p{
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.02em;
	line-height:120%;
}

/* カスタム画像 一覧
---------------------------------------*/
/* リスト */
ul.mst_list{
}
.mst_list li:nth-child(odd){
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px solid #eeeeee;
}
.mst_list li:nth-child(even){
	margin:0px;
	background-color:#f5f5f5;
	border-bottom:1px solid #eeeeee;
}
.mst_list li{
	padding:8px 10px 8px 10px;
	display:block;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	overflow:hidden;
}
/* サムネイル画像:左配置　*/
ul.mst_list .photo{
	display:block;
	float:left;
	width:180px;
	margin:0 10px 0 0;
}
ul.mst_list .photo img{
	width:180px;
}
/* 情報なし */
.mst_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
	border-bottom:none;
}
.mst_list li.norecord p.lead{
	font-weight:normal;
}

.mst_list li:last-child{
        margin-bottom:0px;
        border-bottom:0px;
}

/* DISCOGRAPHY 一覧
---------------------------------------*/
/* バナーエリア */
.disc_bnr{
	padding:8px 10px 10px 10px;
	border-bottom:1px solid #eeeeee;
	text-align:center;
}
.disc_bnr a{
	display:block;
}
.disc_bnr img{
	width:300px;
	height:auto;
}
.disc_bnr .cap{
	font-size:10px;
	padding-top:3px;
	color:#333333;
	line-height:120%;
}

/* リスト */
ul.disc_list{
}
.disc_list li{
	margin:0px;
	border-bottom:1px solid #eeeeee;
	position:relative;
}
.disc_list li a{
	padding:15px 10px;
	display:block;
	overflow:hidden;
}
.disc_list li a:after{
	position:absolute;
	content:'\f105';
	font-family:'FontAwesome';
	right:3%;
	top:50%;
	font-size:18px;
	margin-top:-14px;
	color:#999;
}

/* サムネイル画像:左配置　*/
ul.disc_list .photo{
	display:block;
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
ul.disc_list .photo img{
	width:60px;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
/* テキスト */
.disc_list .text{
	height:auto;
	margin-left:70px;
	padding-right:20px;
}
.disc_list p.lead{
	text-align:left;
	font-size:15px;
	letter-spacing:0.02em;
	line-height:120%;
	font-weight:normal;
	color:#000000;
}
.disc_list p.icon{
	padding-top:5px;
}
.disc_list p.cat{
   	font-size:10px;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
	padding-bottom:2px;
}
.disc_list p.date{
   	 font-size:10px;
	text-align:left;
	color:#888888;
	line-height:12px;
	letter-spacing:0.02em;
	padding-top:5px;
}
/* 情報なし */
.disc_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
	border-bottom:none;
}
.disc_list li.norecord p.lead{
	font-weight:normal;
}


/* タブメニュー （黒背景用）
ul.blog-tab-list{
	width:100%;
	display: block;
	overflow:hidden;
	margin: 0;
	background:#000000;
	list-style: none;
	padding-bottom:0px
}
ul.blog-tab-list:after{
	clear:both
}
ul.blog-tab-list li{
	height:28px;
	width:33.33%;
	float: left;
	font-size: 16px;
	display: block;
	text-align:center;
	font-weight: bold;
}
ul.blog-tab-list li a{
	height:27px;
	display: block;
	padding:8px 0px 0px;
	text-align:center;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
	text-decoration: none;
	border-left:1px solid #000000;
	background: #222222;
}
ul.blog-tab-list li.current{
	height:28px;
	display: block;
	overflow:hidden;
	padding:7px 0px 0px;
	text-align:center;
	font-weight: bold;
	color: #ffffff;
	border-top:1px solid #666666;
	background: #282828;
}

ul.blog-tab-list li:first-child {
	border-left: none;
}
ul.blog-tab-list li:first-child a {
	border-left: none;
}
*/

/* タブメニュー （白背景用）*/
ul.blog-tab-list{
	width:100%;
	display: block;
	overflow:hidden;
	margin: 0;
	background:#ffffff;
	list-style: none;
	padding-bottom:0px
}
ul.blog-tab-list:after{
	clear:both
}
ul.blog-tab-list li{
	height:28px;
	width:33.33%;
	float: left;
	font-size: 16px;
	display: block;
	text-align:center;
	font-weight: bold;
}
ul.blog-tab-list li a{
	height:28px;
	display: block;
	padding:8px 0px 0px;
	text-align:center;
	color: #000;
	font-weight:bold;
	text-decoration: none;
	text-decoration: none;
	border-left:1px solid #ccc;
	border-top:1px solid #eeeeee;
	background: #eee;
}
ul.blog-tab-list li.current{
	height:28px;
	display: block;
	overflow:hidden;
	padding:7px 0px 0px;
	text-align:center;
	font-weight: bold;
	color: #000;
	border-top:1px solid #ffffff;
	background: #ffffff;
}

ul.blog-tab-list li:first-child {
	border-left: none;
}
ul.blog-tab-list li:first-child a {
	border-left: none;
}


/* グループリスト */
.blog-cat-tit{
	padding:12px 10px;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	letter-spacing:0.02em;
	border-bottom:3px double #999999;
}
ul.blog-cat-list{
}
.blog-cat-list li:nth-child(odd){
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px dotted #cccccc;
}
.blog-cat-list li:nth-child(even){
	margin:0px;
	background-color:#eeeeee;
	border-bottom:1px dotted #cccccc;
}
.blog-cat-list li:last-child{
	margin-bottom:10px;
}
.blog-cat-list li a{
	padding:5px 10px 5px 10px;
	display:block;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
.blog-cat-list p{
	display:block;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	/* color:#ff0c7e; */
	padding:10px 20px 10px 0px;
	vertical-align:middle;
}
.blog-cat-list li.norecord{
	padding:0px 10px 30px 10px;
	display:block;
	overflow:hidden;
	border-bottom:none;
}
.blog-cat-list li.norecord p{
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.02em;
	line-height:120%;
}


/* 記事リスト */
ul.blog-list{
}
.blog-list li{
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px solid #ddd;
}
.blog-list li a{
	padding:15px 10px;
	display:block;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	overflow:hidden;
}
.blog-list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.blog-list .box{
	display:block;
	padding:0 20px 0 0;
}
/* サムネイル画像:右配置 */
.blog-list .photo{
	display:block;
    	width:60px;
	margin:0 0 0 10px;
    	float:right;
}
.blog-list .photo img{
	text-align:right;
	width:60px;
}
/* テキスト */
.blog-list .text{
	overflow:hidden;
}
.blog-list .lead{
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	/* color:#ff0c7e; */
	line-height:120%;
}
.blog-list .date{
	font-size:10px;
	text-align:left;
	color:#888888;
	line-height:12px;
	letter-spacing:0.02em;
	padding-bottom:4px;
}

/* ブログ記事ページ */
/* 全体にフィルター */
.blog-detail{
	padding:10px 15px 20px 15px;
	background:#ffffff;
	color:#000000;
	/* color:#ff0c7e; */
	position: relative;
	overflow: hidden;
}
.blog-detail .photo{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.blog-detail .filter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blog-detail .filter img {
	width: 100%;
	height: 100%;
}
.blog-detail .blog-date{
	padding-bottom:10px;
	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:120%;
	letter-spacing:0.02em;
}
.blog-detail .blog-tit{
	padding-bottom:10px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
	border-bottom:1px solid #cccccc;
	margin-bottom:15px;
}

.blog-detail .blog-social{
	border-top:1px solid #666666;
	padding-top:8px;
	padding-bottom:15px;
	text-align:left;
	display:block;
   	position:relative;
   	overflow:hidden;
}
.blog-detail .blog-lead{
	padding-bottom:30px;
	font-size:13px;
	text-align:left;
	line-height: 1.6em;
	letter-spacing:0.02em;
}
/* ページ送り
------------------------------------------ */
#blog-page-box{
   	height:40px;
	border-top: 1px solid #cccccc;
	background: #fff;
}
#blog-page-box ul{
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0;
}
/*　前へ */
#blog-page-box li.back_off{
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	background:url(/image/lastrum/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	filter: alpha(opacity=50);
    	-moz-opacity:0.50;
    	opacity:0.50;
}
#blog-page-box li.back_off p{
	padding: 11px 0 0 26px;
}
#blog-page-box li.back_on a{
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	background:url(/image/lastrum/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#blog-page-box li.back_on p{
	padding: 11px 0 0 26px;
}

/*　次へ */
#blog-page-box li.next_off{
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#blog-page-box li.next_off p{
	padding: 11px 26px 0 0;
}
#blog-page-box li.next_on a{
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#blog-page-box li.next_on p{
	padding: 11px 26px 0 0;
}

/*　ページ数 */
#blog-page-box li.number{
	width:40%;
	height:40px;
	float:left;
	text-align:center;
	display:list-item;
}
#blog-page-box li.number p{
	display:block;
	height:40px;
	padding-top:12px;
	font-size:16px;
	color:#666666;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
}
/* ブログの月・年またぎなど（黒背景）
------------------------------------------
#top_page_box{
   	height:40px;
	border-top: 1px solid #444444;
	background: #333333;
	background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222));
}
#top_page_box ul{
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#top_page_box li.left_off{
	width:25%;
	height:40px;
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	background:url(/image/lastrum/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	filter: alpha(opacity=50);
    	-moz-opacity:0.50;
    	opacity:0.50;
}
#top_page_box li.left_off p{
	padding:13px 0 0 26px;
	color:#666666;
}
#top_page_box li.left_on{
	width:25%;
	height:40px;
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	background:url(/image/lastrum/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#top_page_box li.left_on a{
	height:30px;
	display:block;
	padding:13px 0 0 26px;
	color: #cccccc;
}


#top_page_box li.right_off{
	width:25%;
	height:40px;
	display:block;
	float:right;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top_page_box li.right_off p{
	padding: 11px 26px 0 0;
}
#top_page_box li.right_on a{
	width:25%;
	height:40px;
	display:block;
	float:right;
	color:#cccccc;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#top_page_box li.right_on p{
	padding: 12px 26px 0 0;
}


#top_page_box li.number{
	width:50%;
	height:40px;
	float:left;
	text-align:center;
	display:list-item;
}
#top_page_box li.number p{
	display:block;
	height:40px;
	padding-top:12px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
 */


/* ブログの月・年またぎなど（白背景）
------------------------------------------ */
#top_page_box{
   	height:40px;
	border-bottom: 1px solid #cccccc;
}
#top_page_box ul{
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#top_page_box li.left_off{
	width:25%;
	height:40px;
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	background:url(/image/lastrum/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	filter: alpha(opacity=50);
    	-moz-opacity:0.50;
    	opacity:0.50;
}
#top_page_box li.left_off p{
	padding:13px 0 0 26px;
	color:#666666;
}
#top_page_box li.left_on{
	width:25%;
	height:40px;
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	background:url(/image/lastrum/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#top_page_box li.left_on a{
	height:30px;
	display:block;
	padding:13px 0 0 26px;
	color: #000000;
}


#top_page_box li.right_off{
	width:25%;
	height:40px;
	display:block;
	float:right;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#top_page_box li.right_off p{
	padding: 11px 26px 0 0;
}
#top_page_box li.right_on a{
	width:25%;
	height:40px;
	display:block;
	float:right;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#top_page_box li.right_on p{
	padding: 12px 26px 0 0;
}

#top_page_box li.number{
	width:50%;
	height:40px;
	float:left;
	text-align:center;
	display:list-item;
}
#top_page_box li.number p{
	display:block;
	height:40px;
	padding-top:12px;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}


/* 月別ボタンリスト(黒背景用)
------------------------------------------
#month_box{
   	overflow:hidden;
	border-top:1px solid #000000;
	border-bottom:2px solid #444444;
}
#month_box:after{
	clear:both;
}

#month_box ul{
	overflow:hidden;
	padding:0;
	margin:0;
}
#month_box ul:after{
	clear:both;
}
#month_box li{
	border-top:1px solid #444444;
	width:25%;
	height:35px;
	display:block;
	overflow:hidden;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#month_box li p{
	height:25px;
	padding-top:10px;
	display:block;
	overflow:hidden;
	font-size:14px;
	color:#ffffff;
	background:#333333;
	border-right:1px solid #444444;
	font-weight:bold;
}
#month_box li:nth-child(4n) p{
	border-right:none;
}
#month_box li a p{
	color:#999999;
	background:#222222;
	font-weight:normal;
	font-weight:bold;
}
#month_box li:nth-child(1),#month_box li:nth-child(2),#month_box li:nth-child(3),#month_box li:nth-child(4){
	border-top:none;
}
 */

/* 月別ボタンリスト(白背景用)
------------------------------------------ */
#month_box{
   	overflow:hidden;
	background:#eeeeee;
	border-bottom:1px solid #cccccc;
}
#month_box:after{
	clear:both;
}

#month_box ul{
	overflow:hidden;
	padding:0;
	margin:0;
}
#month_box ul:after{
	clear:both;
}
#month_box li{
	border-top:1px solid #cccccc;
	width:25%;
	height:35px;
	display:block;
	overflow:hidden;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#month_box li p{
	height:25px;
	padding-top:10px;
	display:block;
	overflow:hidden;
	font-size:14px;
	color:#888888;
	background:#ffffff;
	border-right:1px solid #cccccc;
	font-weight:bold;
}
#month_box li:nth-child(4n) p{
	border-right:none;
}
#month_box li a p{
	color:#333333;
	background:#dddddd;
	font-weight:normal;
	font-weight:bold;
}
#month_box li:nth-child(1),#month_box li:nth-child(2),#month_box li:nth-child(3),#month_box li:nth-child(4){
	border-top:none;
}


/* MOVIE（ULIZA APP）
---------------------------------------*/
#UlizaApp{
	margin-bottom:20px
}
#UlizaApp .stepbox {
	padding:20px 15px;;
	border:1px solid #999;
	display: block;
	background: #eee;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	box-shadow:1px 2px 2px #999,inset 3px 3px 5px #fff;
	-moz-box-shadow:1px 2px 2px #999,inset 3px 3px 5px #fff;
	-webkit-box-shadow:1px 2px 2px #999,inset 3px 3px 5px #fff;
}
#UlizaApp .steptit {
	font-size: 14px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:10px;
}
#UlizaApp .steparrow {
	padding:10px 0;
	text-align:center;
}
#UlizaApp .stepimg {
	text-align:center;
}
#UlizaApp .stepbtn{
	display: block;
	width: 90%;
	margin: 0 auto;
	background: #4c4c4c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #111111 51%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(51%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));
	border: 1px solid #333333;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	color:#FFF;
	text-align:center;
	font-size: 14px;
	margin-top:10px;
	font-weight: bold;
	padding: 6px 0 7px;
	text-shadow: 0 -1px 0 #000000;
}


/* 共通詳細ページ
---------------------------------------*/
.detail{
	padding:15px 4%;
}
.detail .date{
	padding-bottom:2px;
	font-size:12px;
	color:#000;
	text-align:left;
	letter-spacing:0.02em;
	font-family: 'Montserrat', sans-serif;
}
.detail .sale_date{
	margin-bottom:15px;
	padding-bottom:8px;
	font-size:12px;
	color:#666666;
	text-align:left;
	letter-spacing:0.02em;
}
.detail .tit{
	font-size: 19px;
	color: #000;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	line-height: 130%;
}
.detail .tit_center{
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.02em;
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
.detail .tit_caption{
	margin-bottom:15px;
}
.detail .tit_caption p{
	margin-bottom:5px;
	font-size:12px;
	text-align:left;
	letter-spacing:0.02em;
}
.detail .guide_tit{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.02em;
	padding:8px 0 8px 0;
	margin:4px 0 10px 0;
	border-top:2px solid #444444;
	border-bottom:1px solid #666666;
}
.detail .touroku_guide_tit{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.02em;
	padding:8px 0 8px 0;
	margin:4px 0 10px 0;
	border-top:2px solid #444444;
	border-bottom:1px solid #666666;
}
.detail .disc_tit{
	padding-bottom: 5px;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.02em;
	}
.detail .disc_cat{
	padding-bottom:3px;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
}
.detail .lead{
	padding-bottom:13px;
	font-size:13px;
	color:#000000;
	text-align:left;
	letter-spacing:0.02em;
}
.detail .leadcenter{
	padding-bottom:13px;
	font-size:14px;
	color:#000000;
	letter-spacing:0.02em;
}
.detail .touroku_lead{
	padding-bottom:13px;
	font-size:14px;
	color:#000000;
	text-align:left;
	letter-spacing:0.02em;
}
.detail .photo{
	padding-bottom:13px;
	text-align:center;
}
.detail .photo img{
	width:200px;
	text-align:center;
	border:1px solid #cccccc;
}
.detail .social{
	padding-top:10px;
	/*padding-bottom:10px;*/
	text-align:left;
	display:block;
   	position:relative;
   	overflow:hidden;
}
.detail .faq{
	color:#242424;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	text-align:left;
	margin-bottom:10px;
}
.detail .faq_que{
	border:2px solid #cccccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:8px;
	margin-bottom:10px;
	text-align:left;
}
.detail .faq_ans{
	border:2px solid #cccccc;
	background-color:#efefef;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:8px;
	margin-bottom:5px;
	text-align:left;
}
.detail .agree{
	text-align:center;
	font-weight:bold;
	padding:10px 0 20px;
}
.detail .mypage_cat_tit{
        font-weight:bold;
        color:#444444;
	font-weight:bold;
	padding:10px 0 5px 0;
}
.mypage .mypage_tit{
	text-align:left;
        font-size:14px;
        font-weight:bold;
        color:#ffffff;
	font-weight:bold;
	background:#000000;
	padding:8px 0 8px 10px;
}

.detail p{
}
#artist_profile .ph img,
.detail.biography .ph img{
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
}


/* 子記事一覧 */
.detail .childList {
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 0 0 20px;
}
.detail .childList li { border-bottom: 1px solid #ccc; }
.detail .childList li:last-child { border-bottom: none; }
.detail .childList li a {
	display: block;
	background: url(/image/lastrum/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size: 19px 13px;
	background-size: 19px 13px;
	color: #333;
	font-size: 13px;
	padding: 10px 19px 10px 8px;
}



/* 会員登録ページ
---------------------------------------*/
#touroku_course dl {
	margin-bottom: 15px;
	border: 1px solid #878787;
/*	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; */
}
#touroku_course dt {
	background: #f7f7f7;
	padding: 10px 10px 5px;
	border-bottom: 1px solid #878787;
/*	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0; */
}
#touroku_course dd {
	padding: 10px;
}
#touroku_course h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}
#touroku_course .standard h3 { color: #3c8cd4; }
#touroku_course .light h3 { color: #ff8a00; }
#touroku_course dt p {
	color: #888;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
}#touroku_course dt p.note {
	text-indent: -0.8em;
	margin-left: 0.8em;
}
#touroku_course li {
	font-size: 12px;
	text-indent: -0.8em;
	margin: 0 0 5px 0.8em;
}
#touroku_course li span {
	color: #C00;
}
#touroku_course li:last-child {
	margin-bottom: 0;
}
#touroku_course .touroku_lead {
	margin-bottom: 0;
	padding-bottom: 0;
}


#touroku_course .payway {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #878787;
}

#touroku_course .payway li {
	text-indent: 0;
	margin: 0;
	background: url(/image/lastrum/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size: 19px 13px;
	background-size: 19px 13px;
}
#touroku_course .payway li a {
	display: block;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #878787;
	padding: 15px 25px 15px 10px;
}
#touroku_course .payway li:last-child a {
	border-bottom: none;
}

#payway_form {
}
#payway_form li {
	border-bottom: 1px solid #878787;
	position: relative;

}
#payway_form li:last-child {
	border: none;
}
#payway_form input[type="radio"] {
	appearance: radio-button;
	-webkit-appearance: radio-button;
	-moz-appearance: radio-button;

	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -0.5em;
	background-image: none;
	z-index:auto;
	-webkit-border-radius:0;
}
#payway_form input[type="radio"]:checked{
	-webkit-appearance: radio-button;
}

#payway_form li label {
	display: block;
	padding: 15px 15px 15px 30px;
}

.confirm_txt{
	background:#eee;
	padding:10px;
	border-radius:5px;
	margin:0 0 10px;
}

/* アーティスト選択 */
#globaltop_artist{
	padding:0 0 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-top:1px solid #aaa;
}
#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;
}

/* トラックリスト領域  */
.tracklist{
        margin-bottom:10px;
}
.tracklist dt{
        padding:0 0 8px;
        font-size:11px;
        font-weight:bold;
        color:#999;
        border-bottom:1px solid #e5e5e5;
}
.tracklist dd{
        padding:8px 0 7px;
        border-bottom:1px solid #e5e5e5;
}
.tracklist dd ul li.tracknum{
        float:left;
        width:7%;
        font-size:11px;
        line-height:16px;
        color:#999;
        padding:0 5px 0 0;
        box-sizing:border-box;
}
.tracklist dd ul li.tracktit{
        float:left;
        width:92%;
        font-size:11px;
        line-height:16px;
        color:#000;
}



/* 動的ページ用ソーシャル連携ボタン
---------------------------------------*/
.leaf-social{
	border-top:1px solid #cccccc;
	padding:10px 0px 0px;
	text-align:center;
	display:block;
	position:relative;
	overflow:hidden;
}

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

  BBS Q&A FANMAIL

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

/* index
------------------------------------------ */
.bbs{
	padding:15px 10px;
}
.bbs .index_tit{
	padding-bottom:15px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
}


/* リスト
------------------------------------------ */
ul.bbs_list{
	border-top:1px solid #eeeeee;
}
.bbs_list li a{
	position:relative;
	padding:12px 10px 12px 10px;
	display:block;
	overflow:hidden;
}
.bbs_list li a:after{
	position:absolute;
	content:'\f105';
	font-family:'FontAwesome';
	right:3%;
	top:50%;
	font-size:18px;
	margin-top:-9px;
	color:#999;
}
.bbs_list li{
	margin:0px;
	border-bottom:1px solid #eeeeee;
}
.bbs_list li.norecord{
	padding: 10px;
	display:block;
	text-align:center;
	overflow:hidden;
}
.bbs_list .box{
	display:block;
	padding:10px 10px;
}
/* テキスト */
.bbs_list .text{
	overflow:hidden;
}
.bbs_list .tit{
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
	padding-top:5px;
}
.bbs_list .name{
	text-align:right;
	font-size:12px;
	color:#999;
	letter-spacing:0.02em;
	padding-top:5px;
	padding-bottom:5px;
}
.bbs_list .lead{
	font-size:14px;
	text-align:left;
	margin-bottom:5px;
	color:#000000;
}
.bbs_list .date{
	font-size:12px;
	text-align:left;
	color:#999999;
	letter-spacing:0.02em;
	padding-top:2px;
}

/* 注意書き（FANMAIL）
------------------------------------------ */
.attentionBox{
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px dotted #ccc;
}
.attentionBox .tit{
	font-size:14px;
}
.attentionBox li{
	text-indent:-1.2em;
	margin-left:1.2em;
	margin-bottom:5px;
}
.attentionBox li:before{
	content:'\f00c';
	font-family:'FontAwesome';
	margin-right:3px;
	color:#e20000;
}
/* Q&A詳細
------------------------------------------ */
.talk {
    padding-right:  8%;
    padding-left:8%;
}

.talk:after {
    content: "";
    display: block;
    clear: both;
}

.talk .left,
.talk .right {
    clear: both;
    position: relative;
    width:100%;
    margin-bottom:10px;
    padding: 10px 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-sizing:border-box;
}

.talk .left:before,
.talk .right:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}

.talk .left {

    background-color: #eee;
}
.talk .left:before {
    border-right: 10px solid #eee;
    left: -14px;
}

.talk .right {

    background-color: #eee;
}
.talk .right:before {
    border-left: 10px solid #eee;
    right: -14px;
}

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

  フォーム

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

/*--------------------------------------------------------------------
    form-style-01　入力画面
--------------------------------------------------------------------*/

.form-style-01 {
    width: 100%;
}

.form-style-01 .form-style-01-inner {
	padding:15px 4%;
	margin-bottom:20px;
}
.form-style-01 .item-name {
	margin-top: 10px;
	font-weight: bold;
/*	padding: 5px;*/
/*	border-bottom: 1px dotted #888888;*/

}
.form-style-01 .item-name:first-child {
	margin: 0;
}

.form-style-01 .item {
	margin-top: 5px;
	text-align: center;
	padding-bottom: 5px;
}
.form-style-01 .bot {
	padding-bottom: 15px;
}
.form-style-01 .input-text {
	width:95%;
	border:1px solid #000000;
	color:#666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:16px;
}
.form-style-01 .item:last-child {
}

.form-style-01 .item-area {
	width: 95%;
	margin-top: 5px;
	padding: 5px;
	background: #FFF;
}
.form-style-01 .item-area:last-child {
}
.form-style-01 .item-btn {
	margin-top: 10px;
	text-align: center;
}
.form-style-01 .item-dlbtn {
	margin-bottom: 10px;
	text-align: center;
}

/*--------------------------------------------------------------------
    form-style-02　完了画面
--------------------------------------------------------------------*/
.form-style-02 {
	width: 100%;
}

.form-style-02 .form-style-02-inner {
	width: 80%;
	margin: 10px auto;
	padding: 10px;
	text-align: left;
}

.form-style-02 .item-name {
	font-weight: bold;
}
.form-style-02 .item-name:first-child {
	margin: 0;
}

.form-style-02 .item {
	margin-top: 5px;
}
.form-style-02 .bot {
	padding-bottom: 15px;
}
.form-style-02 .item:last-child {
}

.form-style-02 .item-area {
	width: 100%;
	margin-top: 5px;
	padding: 2px;
	background: #FFF;
	border: 1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.form-style-02 .item-area:last-child {
}

.form-style-02 .item-btn {
    margin-top: 10px;
    text-align: center;
}
.form-style-02 .item-dlbtn {
	margin-bottom: 10px;
	text-align: center;
}

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

  ボタン

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

/* 大：レッド
------------------------------------------ */
input[type=submit].btn-style-01,
input[type=button].btn-style-01,
a.btn-style-01 {
  -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 13px 10px;
    border: 1px solid #B5191B;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	background: -webkit-linear-gradient(top,  rgba(218,29,35,1) 0%,rgba(191,26,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

/* 大：ブラック
------------------------------------------ */
input[type=submit].btn-style-02,
input[type=button].btn-style-02,
a.btn-style-02 {
  -webkit-appearance: none;
	display: block;
	width: 100%;
	padding: 13px 10px;
	border: 1px solid rgb(17, 17, 17);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: -webkit-linear-gradient( 90deg, rgb(34,34,34) 0%, rgb(51,51,51) 100%);
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

/* 大：ホワイト
------------------------------------------ */
input[type=file].btn-style-03,
input[type=submit].btn-style-03,
input[type=button].btn-style-03,
a.btn-style-03 {
  -webkit-appearance: none;
	display: block;
	width: 100%;
	padding: 13px 10px;
	border: 1px solid rgb(153, 153, 153);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: -webkit-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%);
	color: #151515;
	font-size: 15px;
	font-weight: bold;
}

/* （小）サブ
------------------------------------------ */
.btn-style-sub01 a{
	display: block;
	margin: 0 0 10px;
	padding: 10px 30px 8px 15px;
	border: 1px solid #D5D5D5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	color: #151515;
	text-align: left;
	font-weight: bold;
	position:relative;
}
.btn-style-sub01 a:after{
	content:'\f105';
	font-family: 'FontAwesome';
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-17px;
	font-size:20px;
	color:#999;
}

/* メルマガ用トグルボタン
------------------------------------------ */

.ui-toggle-switch{
	float@:right;
	display:inline-block;
	width:100px;
	height:30px;
	overflow:hidden;
	position:relative;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	float:right;
	margin-top:5px;
	background:#F7F7F7;
	border:1px solid #C7C7CC;

}
.ui-toggle-switch-inner{
	position:absolute;
	left:0px;
	width:200px;
	height:30px;
}
.ui-toggle-switch-inner.off{
	left:-50px;
}
.ui-toggle-switch span{
	display:block;
	float:left;
	width:60px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:13px;
}
.ui-toggle-switch span.ui-toggle-switch-on{
	font-weight: bold;
	background:#4CD964;
	color: #fff;
	cursor: pointer;
	text-indent:-7px;
	visibility:visible;
	-webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.2);
}
.ui-toggle-switch .ui-toggle-switch-inner.off span.ui-toggle-switch-on{
	visibility:hidden;
}
.ui-toggle-switch span.ui-toggle-switch-separate{
	width:50px;
	height:30px;
	margin:0 -10px;
	position:relative;
	z-index:10;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 3px 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ECECEC));
	background: -webkit-linear-gradient( 90deg, rgb(236, 236, 236) 0%, rgb(255,255,255) 100%);
	background: -moz-linear-gradient( 90deg, rgb(236, 236, 236) 0%, rgb(255,255,255) 100%);
}
.ui-toggle-switch span.ui-toggle-switch-off{
	-webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
	font-weight: bold;
	color: #8E8E93;
	cursor: pointer;
	text-indent:7px;
	visibility:hidden;

}
.ui-toggle-switch .ui-toggle-switch-inner.off span.ui-toggle-switch-off{
	visibility:visible;
}
li.ui-toggle-list{
	height:30px;
	padding:10px;
}
/* ========================================

   デコメ

========================================== */
ul.deco_emoji_list {
	margin: 0 auto;
}
.deco_img {
	padding:50px 0px;
	margin: 0px auto 10px;
	text-align:center;
	border:1px solid #cccccc;
}
.deco_category {
	margin-bottom:3px;
	font-size:12px;
	color:#666666;
	text-align:left;
	letter-spacing:0.02em;
}
.deco_tit{
	padding-bottom:5px;
	font-size:17px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
}
.deco_sub_tit{
	padding-bottom:5px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
}
.deco_date{
	padding-bottom:10px;
	font-size:12px;
	color:#666666;
	text-align:left;
	letter-spacing:0.02em;
}
.deco_lead{
	margin-bottom:13px;
	font-size:14px;
	color:#000000;
	text-align:left;
	letter-spacing:0.02em;
}
.deco_article{
 	list-style-type: disc;
 	padding: 8px 0px 10px 20px;
	margin-bottom:13px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.deco_article li{
	font-size:14px;
	color:#000000;
	text-align: left;
	letter-spacing: 0.02em;
	margin-bottom: 4px;
}
.deco_article li:last-child{
	margin-bottom: 2px;
}

.deco_dl_confirm{
	margin-bottom:13px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	letter-spacing:0.02em;
}
#deco_spec table{
	width:100%;
	text-align:left;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:bold;
}
#deco_spec th{
	width:40%;
	padding:10px 0;
	border-top:1px solid #cccccc;
}
#deco_spec td{
	width:60%;
	padding:10px 0;
	border-top:1px solid #cccccc;
}
#deco_spec tr.necessary{
	color:#ff0000;
}
#deco_spec tr.rest{
	color:#0033ff;
}
p.deco_cat_tit{
	clear:both;
	display:block;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.02em;
	padding:10px 0;
	margin-bottom:10px;
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
}
ul.deco_emoji_list {
	clear:both;
	overflow:hidden;
	margin: 0 auto 10px;
}
ul.deco_emoji_list li {
    	width: 33.33%;
    	text-align: center;
    	float: left;
}
ul.deco_emoji_list li:nth-child(3n+3){
    	width: 33.33%;
    	text-align: center;
    	float: right;
}
ul.deco_emoji_list li a{
	padding:20px 0px;
	text-align: center;
    	display: block;
	border: 1px solid #cccccc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
ul.deco_emoji_list li:nth-child(3n+1) a {
	margin:0px 6px 8px 0px;
}
ul.deco_emoji_list li:nth-child(3n+2) a{
	margin:0px 2px 8px 2px;
}
ul.deco_emoji_list li:nth-child(3n+3) a{
	margin:0px 0px 8px 2px;
}
ul.deco_temp_list {
	width: 100%;
	clear:both;
	overflow:hidden;
	margin: 0 auto 10px;
}
ul.deco_temp_list li {
	width: 100%;
	margin-bottom:8px;
	text-align: center;
}
ul.deco_temp_list li a{
	padding: 10px 0;
	display: block;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
/* デコメTOPに戻るボタン */
input[type=button].btn-style-deco01{
	clear:both;
	width:100%;
	height:50px;
	cursor:pointer;
	border:1px solid #cccccc;
	margin-bottom:5px;
	padding:7px 22px 7px 10px;
	display:block;
	font-size:14px;
	color:#333333;
	text-align:left;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-weight:bold;
	text-decoration:none;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}



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

   APP 紹介

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

.app{
	padding:10px;
}
ul.app_list{
}
.app_list li:nth-child(odd){
	margin:0px;
	border-bottom:1px solid #eeeeee;
}
.app_list li:nth-child(even){
	margin:0px;
	border-bottom:1px solid #eeeeee;
}

/* サムネイル画像:左配置 */
.app_list .photo{
	display:block;
    	width:60px;
	margin:0 6px 0 0;
    	float:left;
}
.app_list .photo img{
	text-align:right;
	width:60px;
}
/* テキスト */
.app_list .lead{
	font-size:14px;
	text-align:left;
	color:#000000;
	padding-bottom:10px;
}
.app_list .tit{
	font-size:16px;
	text-align:left;
	color:#e73082;
	padding:10px 0 2px;
}


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

   iPhone WALLPAPER

========================================== */
.wallpaper{
	padding:10px;
}
.wallpaper .wall_img{
	padding-bottom:6px;
	text-align:center;
	letter-spacing:0.02em;
}
.wallpaper .wall_img img{
	width:250px;
}
.wallpaper .category{
	padding-bottom:3px;
	font-size:12px;
	color:#666666;
	text-align:left;
	letter-spacing:0.02em;
}
.wallpaper .wall_tit{
	padding-bottom:0px;
	font-size:18px;
	color:#2f2f2f;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
}
.wallpaper .sub_tit{
	padding-bottom:8px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.02em;
}
.wallpaper .comment{
	padding-bottom:6px;
	font-size:14px;
	color:#000000;
	text-align:left;
	letter-spacing:0.02em;
}
#tbl{
	padding:5px;
}
#tbl table{
	width:100%;
}
#tbl th,
#tbl td{
	font-weight:normal;
	padding:15px 11px;
	border-top:1px solid #ddd;
	font-size:14px;
}
#tbl tr:last-child th,
#tbl tr:last-child td{
	border-bottom:1px solid #ddd;
}
#tbl th{
	width:100px;
	text-align:left;
	vertical-align:top;
}
#tbl tr.necessary{
	color:#ff0000;
	font-weight:bold;
}
#tbl tr.rest{
	color:#0000ff;
	font-weight:bold;
}


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

   APP 紹介

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

.app{
	padding:10px;
}
.app .photo{
	padding-bottom:13px;
	text-align:center;
}
.app .photo img{
	width:200px;
	text-align:center;
}

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

  よくあるご質問

========================================== */
.list .faqList{
	display:none;
	background:#f8f8f8;
}
.faqList li{
	border-bottom:1px solid #ddd;
}
.faqList li a{
	position:relative;
	padding:15px 8% 15px 4%;
	display:block;
	color:#000;
	font-size:14px;
}
.faqList li a:after{
	content:'\f105';
	font-family: 'FontAwesome';
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-17px;
	font-size:20px;
	color:#999;
}
.faqTit{
	position:relative;
	padding:15px 4%;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #aaa;
}
.list .faqTit:after{
	content:'\f196';
	font-family: 'FontAwesome';
	position:absolute;
	right:10px;
	font-size:20px;
	color:#999;
}
.list .faqTit.open:after{
	content:'\f147';
	font-family: 'FontAwesome';
	position:absolute;
	right:10px;
	font-size:20px;
	color:#999;
}
.faqQtit{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
}
.faqA p{
	font-size:14px;
	line-height:1.6em;
}

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

   ページナビゲーション

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

/*　「もっと見る」
------------------------------------------ */
.nav_more li{
	height:auto;
	border-bottom:1px solid #cccccc;
}
.nav_more a{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:8px 28px 8px 4px;
	text-align:right;
	background:url(/image/lastrum/cmn/ico_arrow.png) 100% center no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
	word-break:break-all;
}




/* 一覧のページ送り
------------------------------------------ */
#foot_page_box{
   	height:40px;
	border-top: 1px solid #eeeeee;
	background:#FFF;
}
#foot_page_box ul{
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0;
}
/*　前へ */
#foot_page_box li.back_off{
	position:relative;
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	filter: alpha(opacity=50);
    	-moz-opacity:0.50;
    	opacity:0.50;
}
#foot_page_box li.back_off p{
	padding: 11px 0 0 26px;
}
#foot_page_box li.back_on a{
	position:relative;
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
}
#foot_page_box li.back_off:after,
#foot_page_box li.back_on a:after{
	position:absolute;
	content:'\f104';
	font-family:'FontAwesome';
	left:6%;
	top:50%;
	font-size:18px;
	margin-top:-9px;
	color:#999;

}
#foot_page_box li.back_on p{
	padding: 11px 0 0 26px;
}

/*　次へ */
#foot_page_box li.next_off{
	position:relative;
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#foot_page_box li.next_off p{
	padding: 11px 26px 0 0;
}
#foot_page_box li.next_on a{
	width:30%;
	height:40px;
	position:relative;
	display:block;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
}
#foot_page_box li.next_off:after,
#foot_page_box li.next_on a:after{
	position:absolute;
	content:'\f105';
	font-family:'FontAwesome';
	right:6%;
	top:50%;
	font-size:18px;
	margin-top:-9px;
	color:#999;
}
#foot_page_box li.next_on p{
	padding: 11px 26px 0 0;
}

/*　ページ数 */
#foot_page_box li.number{
	width:40%;
	height:40px;
	float:left;
	text-align:center;
	display:list-item;
}
#foot_page_box li.number p{
	display:block;
	height:40px;
	padding-top:12px;
	font-size:16px;
	color:#666666;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}


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

   フッタ

========================================== */
#footer{
	width:100%;
	height:auto;
	background-color:#222222;
	position:absolute;
	bottom:0;
}

/*　PC SITE , PAGE TOP , HOME,
------------------------------------------ */
#foot_nav_box{
	margin:0;
/*	height:35px;*/
}
#foot_nav_box ul{
	overflow:hidden;
	padding:0;
	margin:0;
	border-bottom:1px solid #333333;
}
#foot_nav_box li a{
	display:block;
	padding:12px 10px 11px 10px;
	vertical-align:baseline;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #333333;
}
#foot_nav_box li:last-child a{
	border-right:none;
}
#foot_nav_box a .fa{
	padding:0 7px 0px 0;
	font-size:18px;
}
#foot_nav_box a .fa-home{
	font-size:16px;
	vertical-align:middle;
}
#foot_nav_box a .fa-angle-up{
	font-size:18px;
}
#foot_nav_box a .fa-desktop{
	font-size:14px;
	vertical-align:middle;
}
/* 左ボタン */
#foot_nav_box li.left{
	width:50%;
	float:left;
	display:block;
	display:list-item;
	text-align:center;
}
/* 右ボタン */
#foot_nav_box li.right{
	width:50%;
	display:block;
	float:right;
	display:list-item;
	text-align:center;
}
/* ボタン１個（右寄せ） */
#foot_nav_box li.single{
	width:50%;
	display:block;
	float:right;
	display:list-item;
	text-align:right;
}
/* ボタン１個（中央） */
#foot_nav_box li.mid{
	width:100%;
	display:block;
	display:list-item;
	text-align:center;
	border-top:1px solid #333333;
}
#foot_nav_box li.mid a{
	border-right:none;
}

/* COPYRIGHT
------------------------------------------ */
#copyright {
	padding:10px 0;
}
#copyright p{
	color:#999999;
	font-size:10px;
	letter-spacing:0.02em;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
}


/* ヘッダーメニュー
------------------------------------------ */
#headerNavWrap {
	display:none;
	position:fixed;
	width: 100%;
	height:100%;
	background:rgba(0,0,0,0.93);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 55px 0 0;
	z-index: 98;
	left:0;
	top:0;
}
#headerNav{
	overflow:scroll;
	height:100%;
	padding:10px 3%;

}
#headerNav .tit {
	color: #aaa;
	font-size: 10px;
	font-weight: bold;
	padding: 6px 10px;
}
#headerNav ul { padding: 0 10px; }
#headerNav ul a {
	position:relative;
	display: block;
	color: #fff;
	line-height: 1.2;
	padding: 15px 15px 15px 0;
}
#headerNav ul a:after{
	position:absolute;
	content:'\f105';
	font-family:'FontAwesome';
	right:0;
	top:50%;
	font-size:18px;
	margin-top:-9px;
	}
#headerNav ul .course {
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px 3px 3px;
	margin: 0 0 0 3px;
	position: relative;
	top: -1px;
}
#headerNav ul .light { background: #888; }
#headerNav ul .standard { background: #444; }
#headerNav .close {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 15px 0 30px;
	margin: 0 10px;
	color:#fff;
}
#headerNav .close .icon-checkboxalt {
	margin: 0 3px 0 0;
	position: relative;
	top: 2px;
}

/* アーティストプロフィール
---------------------------------------*/

#artist_profile{
	padding:10px 0 20px;
}

#artist_profile .name{
	padding:0 0 10px;
	text-align:center;
}
#artist_profile .text{
	padding:15px 4% 30px;
	line-height:1.6;
	letter-spacing:0.02em;
}
#artist_profile .twitterBox{
	padding:0 4% 20px;
}
#artist_profile .title{
	padding:10px 0;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
	border-top:3px solid #ea2828;
	border-bottom:2px solid #000;
}
#artist_profile .title.en{
	font-size:17px;
	letter-spacing:0.05em;
	font-family: 'Montserrat', sans-serif;
}
#artist_profile .sns{
	text-align:center;
}
#artist_profile .sns li{
	display:inline-block;
	font-size:25px;
	margin-right:30px;
}
#artist_profile .sns li:last-child{
	margin:0;
}
#artist_profile .sns li a{
	color:#000;
}
#artist_profile .btn a.official{
	display:block;
	position:relative;
	width:92%;
	margin:20px auto 0;
	padding:10px 0;
	text-align:center;
	border:2px solid #000;
	color:#000;
	font-weight:bold;
}
#artist_profile .btn a.official:after{
	content:'\f24d';
	font-family:'FontAwesome';
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
}
.labelartist{
	padding:4%;
}
.labelartist li{
	float:left;
	width:49%;
}
.labelartist li:nth-child(odd){
	margin-right:2%;
}
.labelartist li a{
	display:block;
	color:#000;
	padding:15px 4% 15px 8%;
	background:url(/image/lastrum/cmn/lastrum/ico_triangle_b.png) no-repeat 0 50%;
	background-size:6px;
	font-weight:bold;
	border-bottom:1px solid #aaa;
}
dl.supportList dt{
	font-weight: bold;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
	margin-bottom: 13px;
}
dl.supportList dd{
	margin-bottom:20px;
}

#autopager a{
display:block;
width:30px;
margin:0 auto;
}
/* 2022.05
---------------------------------------*/
.menu.normalStyleFormMenu{
  height: auto !important;
}
.menu.normalStyleFormMenu a{
  height: auto !important;
  padding: 10px 0;
  text-decoration: underline;
  color: inherit;
}
.menu .comment.normalStyleForm{
  display: block;
  width: 100%;
  float: none;
  text-align: right;
  overflow: visible;
  max-width: 100%;
  white-space: normal;
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 0 0;
  padding-right: 8px;
  padding-bottom: 10px;
  text-overflow: unset;
  box-sizing: border-box;
}

.formConfirmNormalStyle{
  box-sizing: border-box;
  padding: 15px;
  background: #fafafa;
  border-radius: 5px;
}

.formConfirmNormalStyle dt{
  border-top: none !important;
  background: none !important;
  border: none;
  width: 100%;
  font-weight: bold !important;
  font-size: 16px !important;
  padding: 12px 0 0 !important;
  box-sizing: border-box;
}

.formConfirmNormalStyle dd{
  display: block !important;
  padding: 5px 0 20px !important;
  box-sizing: border-box;
}
.formConfirmNormalStyle dd:last-child{
  padding-bottom: 0;
}
.formConfirmNormalStyle dd a{
  text-decoration: underline;
  color: inherit;
}
