@charset "utf-8";
/* ========================================

	artistsite共通
	common.css

	update: 2016.02.16

	--------------------
	・base
		- アイコンフォント読み込み
		- リセット
		- clearfix
		- アプリアイコンフォント読込
		- コンテナ
		- ヘッダ
		- フッタ
	・TOPページ共通パーツ
		- バナープレーン
		- バナーループ
		- バナー下キャプション
	・下層ページ共通パーツ
		- NEWS一覧
		- カテゴリ一覧
		- カスタム画像一覧
		- DISCOGRAPHY一覧
		- 詳細ページ
		- プルダウンメニュー
		- 「もっと見る」
		- 一覧のページ送り
		- 動的ページ用ソーシャル連携ボタン
		- APP 紹介
		- ヘッダーメニュー
	・共通ボタン
	・フォーム
	・共通FAQ
	・SSL配下
	・ARTIST BLOG
	・MOVIE
	・デコメ
	・BBS/Q&A/FANMAIL
	・iPhone壁紙
	・占い
	・診断ゲーム
	・歌詞検索
	・アーティストブログ
		- コメント機能
	-------------------

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

/* base
========================================== */


/* アイコンフォント読み込み
------------------------------------------ */
@import url('whhg.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.0;
    -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;
}
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;
}


/* アプリアイコンフォント読込
------------------------------------------ */
@font-face {
    font-family: 'svgfont_1regular';
    src: url('../service_cmn/font/appicon-webfont.eot');
    src: url('../service_cmn/font/appicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../service_cmn/font/appicon-webfont.woff') format('woff'),
         url('../service_cmn/font/appicon-webfont.ttf') format('truetype'),
         url('../service_cmn/font/appicon-webfont.svg#svgfont_1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.appicon:after {
	width: 50px;
	font-family: 'svgfont_1regular';
	font-size: 45px;
	line-height: 50px;
	position: absolute;
	padding: 0 0 0 1px;
}
/* 壁紙 */
.appicon.wp:after     { content: 'a'; color: #007FCC; }
/* ライブ壁紙 */
.appicon.livewp:after { content: 'b'; color: #E2007E; }
/* フォトフレーム */
.appicon.pf:after     { content: 'c'; color: #87CC03; }
/* カレンダー */
.appicon.cal:after    { content: 'd'; color: #EC6C00; }
/* 電卓 */
.appicon.den:after    { content: 'e'; color: #00ADFD; }
/* アラーム */
.appicon.alarm:after  { content: 'f'; color: #B6006F; }
/* フォトブック */
.appicon.pb:after     { content: 'g'; color: #C7161E; }
/* スクリーンメーカー */
.appicon.sm:after     { content: 'h'; color: #FF0099; }
/* 時計ウィジェット */
.appicon.tw:after     { content: 'i'; color: #FAC604; }
/* ツアーパンフ */
.appicon.tp:after     { content: 'j'; color: #E4135D; }
/* 音楽配信∞(iPhone) */
.appicon.mugen_i:after{ content: 'k'; color: #1E7ACD; }
/* 音楽配信∞(Android) */
.appicon.mugen_a:after{ content: 'l'; color: #1E7ACD; }


/* 余白 */
.space3{-webkit-user-select: none;height:3px;}
.space5{-webkit-user-select: none;height:5px;}
.space10{-webkit-user-select: none;height:10px;}
.space15{-webkit-user-select: none;height:15px;}
.space20{-webkit-user-select: none;height:20px;}
.space25{-webkit-user-select: none;height:25px;}
.space30{-webkit-user-select: none;height:30px;}
.space40{-webkit-user-select: none;height:40px;}

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


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

/* リンク色 */
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:14px;
	height:100%;
}
#all_wrapper {
	height:auto;
	min-height:100%;
	position:relative;
}
/* フッタ：ナビ+COPY */
#container01 {
	height:auto;
	padding-bottom:70px;
}
/* フッタ：ページ送り+ナビ+COPY */
#container02 {
	height:auto;
	padding-bottom:110px;
}


/* ヘッダ
------------------------------------------ */
#header {
    height:40px;
	background: #333;
	margin:0;
}
#header ul{
	overflow:hidden;
	padding:0;
	margin:0;
}
#header li a{
	display:block;
	height:40px;
}
#header li a img{
	padding-top:3px;
	height: 34px;
}
/* タイトル */
#header li.mid {
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 120%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 9px;
    text-align: center;
    text-overflow: ellipsis;
    width: 70%;
}
/* ボタン領域：左 */
#header li.left{
	display:block;
	width:15%;
	height:40px;
	float:left;
	text-align:center;
	padding:0px;
}
#header li.left a{
	display:block;
	border-right: 1px solid #5b5b5b;
	padding:0px;
}
/* ボタン領域：右 */
#header li.right{
	display:block;
	width:15%;
	height:40px;
	float:right;
	text-align:center;
	padding:0px;
}
#header li.right a{
	display:block;
	border-left: 1px solid #5b5b5b;
	padding:0px;
}


/* フッタ
------------------------------------------ */
#footer{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	background: #333;
}
/* PC SITE, PAGE TOP, HOME */
#foot_nav_box{
	margin:0;
	height:35px;
/*	border-top:1px solid #fff; */
}
#foot_nav_box ul{
	overflow:hidden;
	padding:0;
	margin:0;
	border-bottom:1px solid #fff;
}
#foot_nav_box li a{
	display:block;
	padding:10px 10px 10px 10px;
	vertical-align:baseline;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #fff;
}
#foot_nav_box li:last-child a{
	border-right:none;
}
#foot_nav_box a img{
	padding:0 5px 0px 0;
}
/* 左ボタン */
#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;
}

/* COPYRIGHT */
#copyright {
	padding:5px 0;
	height:25px;
}
#copyright p{
	color:#fff;
	font-size:10px;
	letter-spacing:0.02em;
	text-align:center;
	margin-bottom:3px;
}

/* ボックス
-------------------------------- */
.noteBox {
    background: #eee;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
}
.noteBox .note {
	background: none;
	color: #f00;
    font-weight: bold;
   margin: 0 0 5px;
}

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

	TOPページ共通パーツ

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

/* バナープレーン
--------------------------------------- */
#bnr_box{ padding:10px 10px 12px; }
#bnr_box ul li { margin-bottom:10px; }
#bnr_box ul li img{ width:100%; }


/* バナーループ
--------------------------------------- */
#top_banner {
	padding: 0px 10px 15px;
}
.flexslider {
    margin: 0;
    position: relative;
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {
    width: 100%;
    display: block;
    padding:0 0 13px;
}
.flex-direction-nav a {
    width: 20px;
    height: 20px;
    margin: -14px 0 0;
    display: block;
    background: url(../../image/service_cmn/cmn/arrow_bnr_loop.png) no-repeat 0 0;
    -moz-background-size: 40px 20px;
    -webkit-background-size: 40px 20px;
    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;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
}
.flex-control-paging li a {
    width: 7px;
    height: 7px;
    display: block;
    background: #aaa;
    text-indent: -9999px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.flex-control-paging li a.flex-active {
    background: #FF6699;
    box-shadow: none;
}



/* バナー下キャプションデフォルト
------------------------------------------ */
#bnr_box a .bnrCap{
	color:#666666;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	margin: 2px 0 0;
	text-decoration:none;
}
@-webkit-keyframes pulse {
	from {
   		opacity: 1.0;/*透明度100%*/
 	}
 	to {
   		opacity: 0.0;/*透明度80%*/
 	}
}
.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; /* 実行までの待ち時間 */
}


/* ソーシャル連携ボタン
---------------------------------------*/
.top-social{
	padding: 10px;
	margin-bottom: 5px;
   	overflow:hidden;
}



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

  下層ページ共通パーツ

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

/* image FILTER
---------------------------------------*/
.pict_guard{
	position:relative;
}
.pict_guard .filter {
	position:absolute;
	left: 0;
	top: 0;
	z-index:2;
}
.pict_guard .pict {

	z-index:1;
}

/* 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;
	line-height:120%;
	letter-spacing:0.02em;
}

/* リスト */
ul.news_list{
}
.news_list li:first-child a {
    border-top: medium none;
}
.news_list li a {
	margin:0px;
	background-color:#000000;
	border-bottom:1px dotted #3d3d3d;
}

.news_list li a{
	padding:10px 10px 10px;
	display:block;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
	overflow:hidden;
	min-height: 35px;
}
.news_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.news_list .box{
	display:block;
	padding:0 20px 0 0;
}

/* サムネイル画像:左配置 */
.news_list .photo{
	display:block;
    	width:60px;
	margin: 0 10px 0 0;
    	float: left;
}
.news_list .photo img{
	text-align:left;
	width:60px;
}
/* テキスト */
.news_list .text{
	overflow:hidden;
}
.news_list .lead{
	font-size:15px;
	text-align:left;
	color:#000000;
	line-height:120%;
}
.news_list .date{
	font-size:10px;
	text-align:left;
	color:#888888;
	line-height:12px;
	letter-spacing:0.02em;
	margin: 0 0 3px;
}

/* カテゴリアイコン */
.news_list .cat {
	display: inline-block;
	background: #555;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px;
	margin-bottom: 3px;
}


/* カテゴリ一覧
---------------------------------------*/
.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:nth-child(odd){
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px solid #eeeeee;
}
.cat_list li:nth-child(even){
	margin:0px;
	background-color:#f5f5f5;
	border-bottom:1px solid #eeeeee;
}
.cat_list li:last-child{
	margin-bottom:10px;
}
.cat_list li a{
	padding:5px 10px 5px 10px;
	display:block;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
}
.cat_list p{
	display:block;
	font-size:20px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	padding:21px 20px 20px 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:nth-child(odd){
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px solid #eeeeee;
}
.disc_list li:nth-child(even){
	margin:0px;
	background-color:#f5f5f5;
	border-bottom:1px solid #eeeeee;
}
.disc_list li a{
	padding:8px 10px 8px 10px;
	display:block;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
	overflow:hidden;
}
/* サムネイル画像:左配置　*/
ul.disc_list .photo{
	display:block;
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
ul.disc_list .photo img{
	width:60px;
}

/* 画像ＤＬ対策 */
ul.disc_list .pict_box{
	display:block;
	float:left;
	width:60px;
	margin:0 10px 0 0;
}
ul.disc_list .pict_box img{
	width:60px;
}
ul.disc_list .pict_guard{
	position:relative;
	text-align:center;
}
ul.disc_list .pict_guard img.filter {
	position:absolute;
	left:50%;
	margin-left:-30px;
	z-index:2;
}
ul.disc_list .pict_guard img.pict {
	z-index:1;
}


/* テキスト */
.disc_list .text{
	height:auto;
	margin-left:70px;
	padding-right:20px;
}
.disc_list p.lead{
	text-align:left;
	font-size:14px;
	letter-spacing:0.02em;
	line-height:120%;
	font-weight:bold;
	color:#000000;
}
.disc_list p.icon{
	padding-top:5px;
}
.disc_list p.cat{
   	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#888888;
	letter-spacing:0.02em;
	padding-bottom:2px;
}
.disc_list p.date{
   	 font-size:11px;
	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;
}

/* 詳細ページ
---------------------------------------*/
.detail{
	padding:20px 4%;
}
.detail .date{
	padding-bottom:8px;
	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:120%;
	letter-spacing:0.02em;
}
.detail .sale_date{
	padding-bottom:20px;
	font-size:10px;
	color:#999;
	text-align:left;
	line-height:120%;
	letter-spacing:0.02em;
}
.detail .tit{
	padding-bottom:15px;
	font-size:17px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.detail .guide_tit{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	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:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.detail .disc_cat{
	padding-bottom:3px;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.detail .lead{
	padding-bottom:20px;
	font-size:14px;
	color:#000000;
	text-align:left;
	line-height:140%;
	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 .pict_box{
	margin-bottom:30px;
	text-align:center;
}

.detail .pict_box img{
	width:200px;
}

.detail .pict_guard{
	position:relative;
	text-align:center;
}
/*
.detail .pict_box img{
	width:80%;
	max-width: 100%;
}
.detail .pict_guard img.filter {
	position:absolute;
	z-index:2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/
.detail .pict_guard img.filter {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    z-index: 2;
}
.detail .pict_guard img.pict {
	z-index:1;
}

.detail .social{
	text-align:left;
	display:block;
   	position:relative;
   	overflow:hidden;
}
.detail .faq{
	color:#242424;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	text-align:left;
}
.detail .faq_que{
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:8px;
	text-align:left;
}
.detail .faq_ans{
	border:1px solid #cccccc;
	background-color:#e9e9e9;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:8px;
	text-align:left;
}
/*  トラックリスト  */
.tracklist{
	margin-bottom: 20px;
}
.tracklist dt{
	font-size: 11px;
	line-height: 130%;
	letter-spacing: 0.02em;
	font-weight: bold;
	/*
	padding: 4px 8px 3px;
	background: #E5E5E5;*/
	padding: 0 0 8px;
	border-bottom: 1px solid #E5E5E5;
	color: #999;
}
.tracklist dd{
	padding: 8px 0 7px;
	border-bottom: 1px solid #E5E5E5;
}
.tracklist dd:last-child {
	/*border-bottom: 1px solid #E5E5E5;*/
}
.tracklist dd ul li.tracknum{
	float: left;
	width: 8%;
	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: 91%;
	font-size: 11px;
	line-height: 16px;
	color: black;
}
.bonustrack{
	padding:0px 10px 0px 10px;
	margin-bottom:10px;
}
.bonustrack-txt{
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border:1px solid #DFDFDF;
	font-size:12px;
	line-height:16px;
	color:#000;
}
/* 詳細ページ追加 */
.detail .tit_caption {
	margin-bottom:12px;
}
.detail .tit_caption p {
	margin-bottom:5px;
	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:120%;
	letter-spacing:0.02em;
}
.detail .leadcenter {
	padding-bottom:13px;
	font-size:14px;
	color:#000000;
	text-align:cener;
	line-height:130%;
	letter-spacing:0.02em;
}
.detail p{
	line-height:140%;
}
/* 子記事一覧 */
.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/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size: 9px 13px;
	background-size: 9px 13px;
	color: #333;
	font-size: 13px;
	line-height: 1.3em;
	padding: 10px 19px 10px 8px;
}


/* プルダウンメニュー
---------------------------------------*/
.pulldown_box{
	padding:3px 0px 3px 0px;
	text-align:center;
	border-bottom:1px solid #bbbbbb;
	background-color:#dddddd;
}
.pulldown_box select{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333333;
}

/*「もっと見る」
------------------------------------------ */
.nav_more li{
	height:auto;
	border-bottom:1px solid #cccccc;
	background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
}
.nav_more a{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding:8px 28px 8px 4px;
	text-align:right;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
	word-break:break-all;
}

/* 一覧のページ送り
------------------------------------------ */
#foot_page_box{
   	height:40px;
	border-top: 1px solid #eeeeee;
	background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 65%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(65%,rgba(229,229,229,1)));
}
#foot_page_box ul{
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0;
}
/*　前へ */
#foot_page_box li.back_off{
	width:30%;
	height:40px;
	display:block;
	float:left;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	background:url(../../image/service_cmn/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;
}
#foot_page_box li.back_off p{
	padding: 11px 0 0 26px;
}
#foot_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/service_cmn/cmn/ico_arrow_left.png) 0% no-repeat;
	-webkit-background-size:19px 13px;
	background-size:19px 13px;
}
#foot_page_box li.back_on p{
	padding: 11px 0 0 26px;
}

/*　次へ */
#foot_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/service_cmn/cmn/ico_arrow.png) 90% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
	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;
	display:block;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 90% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
}
#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 #cccccc;
	border-left: 1px solid #cccccc;
}


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


/* 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;
	line-height:120%;
	padding-bottom:10px;
}
.app_list .tit{
	font-size:16px;
	text-align:left;
	color:#e73082;
	line-height:120%;
	padding:10px 0 2px;
}


/* ヘッダーメニュー
------------------------------------------ */
#headerNavWrap {
	width: 100%;
	background: url(../../image/service_cmn/cmn/bg_headernav.png);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px 7px 20px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 100;
	opacity: 0;
}
#headerNav {
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}
#headerNav .tit {
	background: #eee;
	color: #aaa;
	font-size: 10px;
	font-weight: bold;
	padding: 6px 10px;
}
#headerNav ul { padding: 0 10px; }
#headerNav ul li { border-bottom: 1px solid #ddd; }
#headerNav ul li:last-child { border: none; }
#headerNav ul a {
	display: block;
	background: url(../../image/service_cmn/cmn/ico_arrow.png) 100% center no-repeat;
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 15px 10px 0;
}
#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;
	border-top: 1px solid #ddd;
	padding: 15px 0;
	margin: 0 10px;
}
#headerNav .close .icon-checkboxalt {
	margin: 0 3px 0 0;
	position: relative;
	top: 2px;
}




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

  共通ボタン

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

/* 大：レッド
------------------------------------------ */
input[type=submit].btn-style-01,
input[type=button].btn-style-01,
a.btn-style-01 {
    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 {
    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=submit].btn-style-03,
input[type=button].btn-style-03,
a.btn-style-03 {
    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,
.subBtn a{
    display: block;
    margin: 0 0 10px;
    padding: 10px 30px 8px 15px;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: white url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
    background-size: 9px 13px;
    -webkit-background-size: 9px 13px;
    font-size: 14px;
    color: #151515;
    text-align: left;
    font-weight: bold;
}



/* Button Style（BBSアドレスコピー実装時に追加）
------------------------------------------ */
.btn-aqua {
	background-color: #00ccd9;
	background-image: -moz-linear-gradient(top,#00ccd9 0%,#009baa 50%,#009baa);
	background-image: -o-linear-gradient(top,#00ccd9 0%,#009baa 50%,#009baa);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00ccd9),color-stop(0.50, #009baa),to(#009baa));
	background-image: linear-gradient(top,#00ccd9 0%,#009baa 50%,#009baa);
	border: none;
	border-top: solid 1px #007e90;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:0px 2px 1px #CCC;
	-webkit-box-shadow:0px 2px 1px #CCC;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0px 1px 1px #007289;
}
.btn-dark {
	background-color: #004a6a;
	background-image: -moz-linear-gradient(top,#004a6a 0%,#00364e 50%,#00364e);
	background-image: -o-linear-gradient(top,#004a6a 0%,#00364e 50%,#00364e);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#004a6a),color-stop(0.50, #00364e),to(#00364e));
	background-image: linear-gradient(top,#004a6a 0%,#00364e 50%,#00364e);
	border: none;
	border-top: solid 1px #00364e;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:0px 2px 1px #CCC;
	-webkit-box-shadow:0px 2px 1px #CCC;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0px 1px 1px #001424;
}
.btn-gray {
	background-color: #777777;
	background-image: -moz-linear-gradient(top,#dddddd 0%,#777777 50%,#777777);
	background-image: -o-linear-gradient(top,#dddddd 0%,#777777 50%,#777777);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd),color-stop(0.50, #777777),to(#777777));
	background-image: linear-gradient(top,#dddddd 0%,#777777 50%,#777777);
	border: none;
	border-top: solid 1px #777777;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:0px 2px 1px #CCC;
	-webkit-box-shadow:0px 2px 1px #CCC;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0px 1px 1px #666666;
}
.btn-box {
	padding: 15px 70px 5px;
}
.btn-box a {
	display: block;
	padding: 8px 10px;
	line-height: 1.1;
}
/*  ボタン
------------------------------------------ */
input[type=submit].btn_gray,
input[type=button].btn_gray,
.btn_gray a {
	display: block;
	width: 80%;
	margin: 0 auto 15px;
	padding:0 0 1px;
	color: #222;
	font-size: 16px;
	font-weight:bold;
	line-height: 40px;
	text-align: center;
	text-shadow:0px -1px 0px #cccccc,0px 1px 0px #ffffff;
	border:1px solid #666666;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #dbdbdb 50%, #cecece 51%, #a3a3a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#dbdbdb), color-stop(51%,#cecece), color-stop(100%,#a3a3a3));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow:0px 1px 2px #666666,inset 0px 0px 1px #ffffff;
	-webkit-box-shadow:0px 1px 2px #666666,inset 0px 0px 1px #ffffff;
}





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

  フォーム

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

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

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

.form-style-01 .form-style-01-inner {
	width: 80%;
	margin: 10px auto;
}
.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;
}}
.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-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;
}



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

	共通FAQ

========================================== */
#fqArea{ padding: 0; }
.fqTit{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #EEE), color-stop(1.00, #DDDDDD));
	background: -webkit-linear-gradient(#EEEEEE, #DDDDDD);
	background: -moz-linear-gradient(#EEEEEE, #DDDDDD);
text-shadow: 1px 1px 0 #fff;
	padding:18px 10px;
	position:relative;
border-top: 1px solid white;
box-shadow: 0 -1px 0 0 #AAA;
border-bottom: 1px solid #AAA;

}
.otheArea{ margin:0 0 30px; }
.otherTit{
	margin:0 10px;
	background:#DDDDDD;
	padding:5px 10px;
	position:relative;
border: 1px solid #CCC;
	line-height:1.4em;
	border-radius:5px 5px 0 0;
}
.otherTit .txt{
	width:250px;
	display:block;
}
.otherTxt{
	margin:0 10px 20px;
	border:1px solid #CCC;
	border-radius: 0 0 5px 5px;
	border-top:none;

}
.fqTit h2{
	color:#333;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",メイリオ,meiryo,Osaka,sans-serif;
	font-size:15px;
	font-weight:bold;
	width:280px;
	line-height:1.3em;
}
.fqList{
	background: #ffffff; /*
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); */
}
.fqList a,.otherTxt a{
	display:block;
	padding:10px 30px 10px 10px;
	font-weight:bold;
	font-size:13px;
	line-height:1.4em;
	color:#444;
}


.fqList a,.otherTxt a:link{
color:#444;
}

.fqList a,.otherTxt a:visited {
color:#444;
}


.fqList p,.otherTxt p{
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% no-repeat;
	background-size: 9px 13px;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
	padding:0 0 0 0;
	border-bottom:1px solid #DDD;
	box-shadow:0 1px 0 rgba(255,255,255);
}

.fqList p, .otherTxt p a{
	color:#444;
}

.otherTxt p{ border-bottom:1px solid #CCC; }
.otherTxt p:last-child{ border:none; }
.btn_open, .nowOpen .btn_close {
	display: block;
font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",メイリオ,meiryo,Osaka,sans-serif;
	width: 25px;
	height: 25px;
	font-size: 20px;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	border: 1px solid #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
 -webkit-box-shadow: 0 1px 2px 0 #ccc;
  -moz-box-shadow: 0 1px 2px 0 #ccc;
  box-shadow:  0 1px 2px 0 #ccc;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #EEE), color-stop(1.00, #DDDDDD));
background: -webkit-linear-gradient(#EEEEEE, #DDDDDD);
background: -moz-linear-gradient(#EEEEEE, #DDDDDD);
	position:absolute;
	top:14px;
	right:5px;
}

.titArea{ padding:20px 10px 10px; }
.txtArea{ padding:0 10px 15px; }
.titArea .tit{
	font-size:14px;
	font-weight:bold;
	padding:10px 7px;
	line-height:1.4em;
	border:2px solid #CCC;
	color:#333;
	border-radius:5px;
}
.txtArea p{
	margin:0 0 5px;
	line-height:1.4em;
	font-size:13px;
}
.back{
	text-align:right;
	margin:0 10px;
	text-decoration:underline;
}
.back a{
	font-size:13px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.inquiry{
height: 30px;
margin:0 10px 20px;
background-color: #F8F8F8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: 1px solid #BBB;
}
.inquiry a{
	padding: 7px 22px 7px 10px;
display: block;
font-size: 14px;
line-height:14px;
color: #444;
text-align: left;
font-weight: bold;
text-decoration: none;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% no-repeat;
	background-size: 9px 13px;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;}

.inquiry a:visited{
color: #444;
}

.inquiry a:link{
color: #444;
}

.nowOpen .btn_open, .btn_close { display: none; }



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

	SSL配下

========================================== */
.ssl {
	background: #888888;
	margin:12px 0;
	padding:5px 0;
	color:#fff;
	text-align:center;
	border-radius:5px;
}


/* 注意書き
------------------------------------------ */
.note {
	width: 90%;
	background: #B8B8B8;
	margin:5px;
	color:#fff;
}

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

  	ARTIST BLOG

========================================== */
/* ブログページ背景色 */
.bg-blog{
	background-color:#ffffff; /*.blog-detailのbackground-colorも同色に変更する */
}

/* タブメニュー */
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:26px;
	display:block;
	padding:8px 0px 0px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #aeafa3;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #aaaba0;
	background:#cccccc;
	background:-moz-linear-gradient(top, #e6e6e0 0%, #bbbcb2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e0), color-stop(100%,#bbbcb2));
	text-shadow:0px 1px 0 #a2a397;
}
ul.blog-tab-list li.current{
	height:28px;
	display:block;
	overflow:hidden;
	padding:7px 0px 0px;
	text-align:center;
	font-weight:bold;
	color:#333333;
	border-top:1px solid #ffffff;
	background:#ffffff;
	background:-moz-linear-gradient(top, #cecec6 0%, #ffffff 60%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecec6), color-stop(60%,#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 #dbdbdb;
}
.blog-cat-list li:nth-child(even){
	margin:0px;
	background-color:#f6f6f6;
	border-bottom:1px dotted #dbdbdb;
}
.blog-cat-list li:last-child{
	margin-bottom:10px;
}
.blog-cat-list li a{
	padding:5px 10px 5px 10px;
	display:block;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	background-size: 9px 13px;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
}
.blog-cat-list p {
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 20px;
    padding-top: 10px;
    text-align: left;
    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:nth-child(odd){
	margin:0px;
	background-color:#ffffff;
	border-bottom:1px dotted #dbdbdb;
}
.blog-list li:nth-child(even){
	margin:0px;
	background-color:#f7f6f3;
	border-bottom:1px dotted #dbdbdb;
}
.blog-list li a{
	padding:10px;
	display:block;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 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;
	text-align:left;
	color:#333333;
	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 10px 20px 10px;
	background:#ffffff;
	color:#000000;
	position:relative;
	overflow:hidden;
}
.blog-detail .photo{
	width:100%;
	position:relative;
	overflow:hidden;
}
.blog-detail .photo img {
	width: auto;
}
.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:#333333;
	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:13px;
	font-size:13px;
	text-align:left;
	line-height:140%;
	letter-spacing:0.02em;
}

/* ページ送り
------------------------ */
#blog-page-box{
   	height:40px;
	border-top:1px solid #dbdbdb;
	background:#eeeeee;
	background:-moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
}
#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/service_cmn/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:#333333;
	font-size:16px;
	font-weight:bold;
	background:url(../../image/service_cmn/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/service_cmn/cmn/ico_arrow.png) 97% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 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:#333333;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 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 #dbdbdb;
	border-left:1px solid #dbdbdb;
}

/* ブログの月・年またぎ
------------------------ */
#top_page_box{
   	height:40px;
	border-bottom:1px solid #dbdbdb;
    background:-moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
}
#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/service_cmn/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/service_cmn/cmn/ico_arrow.png) 0% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
}
#top_page_box li.left_on a{
	height:30px;
	display:block;
	padding:13px 0 0 26px;
	color: #333333;
}
#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/service_cmn/cmn/ico_arrow.png) 97% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 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:#333333;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 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 #dbdbdb;
	border-left:1px solid #dbdbdb;
}

/* 月別ボタンリスト
------------------------ */
#month_box{
   	overflow:hidden;
	background:#eeeeee;
	border-bottom:1px solid #dbdbdb;
}
#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 #dbdbdb;
	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 #dbdbdb;
	font-weight:bold;
}
#month_box li:nth-child(4n) p{
	border-right:none;
}
#month_box li a p{
	color:#333333;
	background:#dfdfdf;
	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）
   /movie/

========================================== */
#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;
}



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

   デコメ
   /deco/

========================================== */
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;
	line-height:120%;
	letter-spacing:0.02em;
}
.deco_tit{
	padding-bottom:5px;
	font-size:17px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.deco_sub_tit{
	padding-bottom:5px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.deco_date{
	padding-bottom:10px;
	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:120%;
	letter-spacing:0.02em;
}
.deco_lead{
	margin-bottom:13px;
	font-size:14px;
	color:#000000;
	text-align:left;
	line-height:140%;
	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;
	line-height: 130%;
	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;
	line-height:140%;
	letter-spacing:0.02em;
}
#deco_spec table{
	width:100%;
	text-align:left;
	font-size:14px;
	letter-spacing:0.02em;
	font-weight:bold;
	line-height:140%;
}
#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;
	line-height:120%;
	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/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
}
/*  デコメ長押し保存禁止
------------------------- */

/*--リスト-- */
ul.deco_temp_list li a, ul.deco_emoji_list li a {
	position:relative;
}
.deco_emoji_list li img {
	max-width: 100%;
	max-height: 50px;
}
.decomeDummy{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.deco_img{
	position:relative;
}



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

	BBS/Q&A/FANMAIL

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

.bbs{
	padding:15px 10px;
}
.bbs .index_tit{
	padding-bottom:15px;
	font-size:20px;
	color:#e73082;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}

ul.bbs_list{
}
.bbs_list li a{
	padding:8px 10px 8px 10px;
	display:block;
	background:url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size:9px 13px;
	background-size:9px 13px;
	overflow:hidden;
}
.bbs_list li:nth-child(odd){
	margin:0px;
	background-color:#ffffff;
	border-top:1px solid #eeeeee;
}
.bbs_list li:nth-child(even){
	margin:0px;
	background-color:#f5f5f5;
	border-top:1px solid #eeeeee;
}
.bbs_list li.norecord{
	padding:10px 10px 30px 10px;
	display:block;
	overflow:hidden;
}
.bbs_list .box{
	display:block;
	padding:10px 10px;
}
/* テキスト */
.bbs_list .text{
	overflow:hidden;
}
.bbs_list .tit{
	font-size:16px;
	text-align:left;
	color:#e73082;
	line-height:14px;
	letter-spacing:0.02em;
	padding-top:5px;
}
.bbs_list .name{
	font-size:16px;
	text-align:right;
	color:#888888;
	line-height:12px;
	letter-spacing:0.02em;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px dotted #888888;
}
.bbs_list .lead{
	font-size:14px;
	text-align:left;
	color:#000000;
	line-height:120%;
/*	padding-top:5px;*/
}
.bbs_list .date{
	font-size:12px;
	text-align:left;
	color:#888888;
	line-height:12px;
	letter-spacing:0.02em;
	padding-top:2px;
/*	padding-bottom:5px;*/
}


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

   iPhone壁紙

========================================== */
.wallpaper{
	padding:10px;
}
.wallpaper .wall_img{
	padding-bottom:6px;
	text-align:center;
	line-height:130%;
	letter-spacing:0.02em;
}
.wallpaper .wall_img img {
	max-width: 100%;
}

/* 画像ＤＬ対策 */
.wallpaper .pict_box{
	display:block;
	margin-bottom:15px;
	text-align:center;
	line-height:130%;
}
.wallpaper .pict_box img{
	width:160px;
}
.wallpaper .pict_guard{
	position:relative;
	text-align:center;
}
.wallpaper .pict_guard img.filter {
	position:absolute;
	left:50%;
	margin-left:-80px;
	z-index:2;
}
.wallpaper .pict_guard img.pict {
	z-index:1;
}

.wallpaper .category{
	padding-bottom:3px;
	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:120%;
	letter-spacing:0.02em;
}
.wallpaper .wall_tit{
	padding-bottom:0px;
	font-size:18px;
	color:#2f2f2f;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.wallpaper .sub_tit{
	padding-bottom:8px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	letter-spacing:0.02em;
}
.wallpaper .comment{
	padding-bottom:6px;
	font-size:14px;
	color:#000000;
	text-align:left;
	line-height:130%;
	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;
}


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

	占い
	/fortune/

========================================== */
#fortune {
	padding-bottom:0px;
}

#fortune #today-fortune {
	padding:0 0 18px;
}
#fortune section h1 img {
	width:100%;
}
#fortune #today-star-sign {
	float:left;
	width:35%;
	text-align:center;
}
#fortune #today-star-sign img {
	margin:10% 0 0 0;
	width:100%;
}
#fortune #today-sign {
	padding:1% 1% 0 0;
}
#fortune #today-sign p {
	font-size:12px;
	padding:8px 0;
}
#fortune #today-ranking {
	font-size:12px;
	font-weight:bold;
}
#fortune #today-ranking .rank-number {
	font-weight:bolder;
	font-size:48px;
	margin:0 4px 0 0;
}
#fortune #today-chart {
	margin:0 0 12px 0;
	float:right;
	width:65%;
}
#fortune #today-chart figure {
	margin:0 0 8px 0;
}
#fortune #today-chart figure img {
	width:100%;
}
#fortune #nav-anchor {
	width:100%;
	text-align:center;
	padding:4px 0 12px 0;
}
#fortune #nav-anchor ul li:first-child{
	float:left;
	width:42%;
	margin:0 1% 0 7%;
}
#fortune #nav-anchor ul li:last-child{
	float:right;
	width:42%;
	margin:0 7% 0 1%;
}
#fortune #nav-anchor ul li a {
	font-weight:bolder;
	display:block;
	padding:4% 10%;
	text-align:center;
	background: -moz-linear-gradient(top, #636363 0%, #3a3a3a 32%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(32%,#3a3a3a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #636363 0%,#3a3a3a 32%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #636363 0%,#3a3a3a 32%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #636363 0%,#3a3a3a 32%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #636363 0%,#3a3a3a 32%,#000000 100%); /* W3C */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#fortune #nav-anchor a:link,  #nav-anchor a:visited, #nav-anchor a:hover {
	color:#FFFFFF;
}
#fortune #today-details {
	background:#EEEEEE;
	width:96%;
	margin:0 auto;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
#fortune #today-details h2 {
	width:100%;
	margin:0;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	font-weight:bolder;
	background:#000000;
	padding:10px 0;
	background-image: url(../../image/nightmare/fortune/bg_fortune_tit02.gif);
	background-position: 100% center;
	background-size:cover;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
#fortune #today-details figure {
	margin:0 0 0 2%;
}
#fortune #today-details p {
	margin:0;
	padding:0 3% 12px 3%;
	border-bottom:1px solid #CCCCCC;
}
#fortune #today-details p:last-child {
	margin:0;
	padding:0 3% 12px 3%;
	border-bottom:none;
}
#fortune #today-details img {
	width:96%;
	margin:12px auto 8px auto;
}
#fortune #affinity-area {
	text-align:center;
	/*background:#FFFFCC;*/
	padding:0 0 12px 0;
}
#fortune #btn-affinity {
	margin:24px auto 12px auto;
}
#fortune #partner-fortune {
	margin:24px;
	font-size:18px;
	font-weight:bold;
}
#fortune form select {
	font-size:18px;
	font-weight:bold;
}
#fortune #lucky-song {
	margin:8px auto 0 auto;
	background:#EEEEEE;
	width:96%;
	padding:0 0 12px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
#fortune #lucky-song h1 {
	font-size:14px;
	width:100%;
	margin:0;
	padding:10px 0;
	color:#FFFFFF;
	text-align:center;
	font-weight:bolder;
	background-image: url(../../image/nightmare/fortune/bg_fortune_tit01.gif);
	background-position: 100% center;
	background-size:cover;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
#fortune #lucky-song p {
	text-align:center;
	margin:10px auto 0 auto;
	font-weight:bold;
}
#fortune #lucky-song p a:link {
	color:#990000;
	font-size:16px;
	text-decoration:underline;
}
#fortune #lucky-song p a:visited {
	color:#990000;
}
#fortune ul#rank-box li {
	padding:12px 0;
	border-bottom:1px solid #CCCCCC;
	/*
	background-origin: padding-box;
	background-position: 100% center;
	background-repeat: no-repeat;
	background-size: 9px 13px;
	background-image: url(../../image/service_cmn/cmn/ico_arrow.png);
	*/
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C */
}
#fortune .rank-box {
	color:#000000;
	font-size:10px;
	text-align:center;
	padding: 10% 0 0 2%;
	width:25%;
	float:left;
	white-space:nowrap;
}
#fortune .rank-number {
	font-size:18px;
	font-weight:bolder;
}
#fortune figure.rank-sign {
	width:25%;
	float:left;
}
#fortune .kikan {
	float:left;
	width:45%;
	text-align:center;
	padding: 10% 0 0 0;
}
#fortune figure.rank-total {
	width:57%;
	float:left;
	padding:8% 0 0 0;
}
#affinity {
	text-align:center;
	padding:0 0 15px 0;
}
#affinity h1 img {
	width:100%;
}
#affinity #affinity-today {
	font-size:18px;
	font-weight:bold;
	margin:12px 0 0 0;
}
#affinity #affinity-sign li {
	width:45%;
	text-align:center;
}
#affinity #affinity-sign li:first-child{
	float:left;
	margin:0 0 0 5%;
}
#affinity #affinity-sign li:last-child{
	float:right;
	margin:0 5% 0 0;
}
#affinity #affinity-sign li img {
	width:100%;
}
#affinity .affinity-txt {
	text-align:left;
	font-size:12px;
	margin:12px 2%;
	line-height:1.6em;
	border-top:1px dotted #CCCCCC;
	padding:16px 3% 0 3%;
}
#affinity .affinity-lead {
	font-size:12px;
	margin:0 2%;
	line-height:1.6em;
}
#affinity #percent {
	font-weight:bolder;
	font-size:36px;
	color:#990000;
	margin:12px 0 0 0;
}




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

	診断ゲーム
	/diagnosis/

========================================== */
#diagnosis {
	color: #333;
/*	background: #E5E5E5; */
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
#diagnosis .header img{
	width: 100%;
	margin-bottom: 10px;
}
#diagnosis .lead_box {
	background: #EEEEEE;
	color: #000;
	margin: 0 15px 10px 15px;
	padding:10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.center {
	text-align:center;
}
#diagnosis .answer p {
	padding: 0 5px;
	margin-bottom: 5px;
}
/* プロフィール入力
-----------------------------*/
#diagnosis .profile_list {
	margin: 0 15px 10px 15px;
	border: 2px solid #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#diagnosis .profile_list dt {
	width: 120px;
	clear: both;
	float: left;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin: 0;
	padding: 5px;
	text-align: right;
}
#diagnosis .profile_list dd {
	line-height:30px;
	color: #26314b;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #999;
	margin: 0;
	padding: 4px 5px 6px 120px;
}
#diagnosis .profile_list dd select{
	font-size: 14px;
	font-weight: bold;
	width: 100px;
}

#diagnosis .profile_list dd.first{
	border-top: none;
}
#diagnosis .profile_list .lead {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 15px;
}
#diagnosis .profile_list .text {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}

/* 質問リスト
-------------------------- */
#diagnosis ul.select {
	background: #fff;
	border: 2px solid #000;
	margin: 0 10px 10px 10px;
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#diagnosis .select li {
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #333;
}
#diagnosis .select li:first-child {
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px;
}
#diagnosis .select li:last-child{
	border-bottom: none;
}
#diagnosis .select dt {
	font-size: 16px;
	font-weight: bold;
	text-indent: -1.8em;
	margin-bottom: 10px;
	padding-left:30px;
	color: #990000;
}
#diagnosis .select dd {
	margin: 0;
	padding: 0;
	border-top: 1px dotted #ccc;
}
#diagnosis .select dd .check{
	width: 20px;
	clear: both;
	float: left;
	line-height: 20px;
	padding:10px 0;
}
#diagnosis .select .choice {
	padding: 10px 10px 10px 40px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	text-indent: -0.8em;
	line-height: 20px;
}
#diagnosis #error {
	padding: 10px;
}

/* 診断結果ページ
----------------------------*/
#diagnosis .result {
/*	text-align: center; */
	background: #fff;
	border: 2px solid #000;
	margin: 0 10px 10px;
	padding: 15px 15px 5px;
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#diagnosis .result img {
	width: 200px;
}
#diagnosis .result .tit{
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	margin-bottom: 5px;
}
#diagnosis .result .lead {
	font-size: 14px;
	font-weight: bold;
	line-height:1.5em;
}
#diagnosis .result .lead .member_name {
	font-size: 20px;
}
#diagnosis .result p {
	padding: 0 10px;
	margin-bottom: 10px;
}
#diagnosis .result .persent{
	color: #c00;
	font-size:25px;
	font-weight:bold;
	text-align: center;
	margin-bottom: 0;
}
#diagnosis .result .score{
	color: #c00;
	font-size:25px;
	font-weight:bold;
}
#diagnosis li.answer {
	padding-bottom: 10px;
}
#diagnosis li.answer .question {
	font-weight: bold;
}
#diagnosis li.answer .ok {
	color: #ff0000;
	font-size: 30px;
	font-weight: bold;
	padding-left: 10px;
	position: relative;
	top: 3px;
}
#diagnosis li.answer .ng {
	color: #0000ff;
	font-size: 30px;
	font-weight: bold;
	padding-left: 10px;
	position: relative;
	top: 2px;
}



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

  	歌詞検索
	/lyrics/

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

	共通部分
------------------------------------- */
#lyrics .select_none {
user-select:none;

/*Firefox*/
-moz-user-select:none;

/*Safari*/
-webkit-user-select:none;
-khtml-user-select:none;
}

#lyrics .center { text-align: center; }
#lyrics .bold { font-weight: bold; }
#lyrics .red { color: #c00; }
#lyrics .lead {
	color: #333;
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 0.02em;
}

/* メインリード */
#lyrics .main_lead {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	line-height: 1.3em;
	letter-spacing: 0.02em;
	background: #dfdfdd; /* Old browsers */
/*	background: -moz-linear-gradient(top, #30373d 0%, #a2b8cd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30373d), color-stop(100%,#a2b8cd));*/
	padding:0px 10px 6px 10px;
}

/* 見出しバー */
#lyrics .tit_bar {
	color: #111;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
	background: -moz-linear-gradient(top,  #ffffff 2%, #f7f8f7 2%, #dfdfdf 96%, #919191 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(2%,#f7f8f7), color-stop(96%,#dfdfdf), color-stop(100%,#919191));
	border-top: 1px solid #999;
	border-bottom: 1px solid #666;
	padding: 5px 15px 7px;
}
#lyrics .tit_bar span {
	font-size: 18px;
}

/* 青背景 */
#lyrics .bg_blue { background: #dfdfdd; }

/* ボックス */
#lyrics .list_box {
	-moz-box-shadow: 0px 1px 1px #f3f4f4,0px -1px 1px #777;
	-webkit-box-shadow: 0px 1px 1px #f3f4f4,0px 0px 1px #777;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	border: 1px solid #666;
	margin-bottom: 15px;
}
#lyrics .list_box li {
	background: url(../../image/nightmare/cmn/btn_bnr_next.png) no-repeat 97% center;
	-webkit-background-size: 25px;
	background-size: 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	padding: 15px 5px;
/*	min-height: 37px; */
}
#lyrics .list_box li.no_arrow,
#lyrics .list_box.no_arrow li { background: none; }
#lyrics .list_box li:first-child { border-top: none; }
#lyrics .list_box li:last-child { border-bottom: none; }
#lyrics .list_box li span {
	display: inline-block;
	width: 22%;
	clear: both;
	float: left;
	color: #3e82a7;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	line-height:20px;
	padding-right: 3%;
}
#lyrics .list_box li em {
	display: inline-block;
	width: 75%;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height:20px;
	color:#333;
}

/* タブ */
ul.tab_nav {
	background: #dfdfdd;
	padding: 10px 5px 0 5px;
	border-bottom: 1px solid #666;
}
.tab_nav li {
	width: 49%;
	float: left;
}
.tab_nav li:first-child {
	margin-right: 2px;
}
.tab_nav a {
	display: block;
	background: -moz-linear-gradient(top, #efeeea 62%, #d1d3cb 96%, #afafa3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,#efeeea), color-stop(96%,#d1d3cb), color-stop(100%,#afafa3));
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #666;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	padding: 13px;
	margin-bottom: -1px;
}
.tab_nav a.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.motion {
	display: none;
}
#motion_area1 {
	display: block;
}

/*  歌詞検索TOP:index.html
------------------------------------- */

/* 検索ボックス */
#lyrics #search {
	padding: 10px 5px 5px;
}
#lyrics #search_box {
	-moz-box-shadow: 0px 1px 1px #f3f4f4,0px -1px 1px #777;
	-webkit-box-shadow: 0px 1px 1px #f3f4f4,0px 0px 1px #777;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	border: 1px solid #666;
	margin-bottom: 10px;
}
#lyrics #search_box li {
	background: url(../../image/nightmare/cmn/btn_bnr_next.png) no-repeat 97% center;
	-webkit-background-size: 25px;
	background-size: 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	padding: 3px 5px;
}
#lyrics #search_box li.no_arrow { background: none; }
#lyrics #search_box li:first-child { border-top: none; }
#lyrics #search_box li:last-child { border-bottom: none; }
#lyrics #search_box li span {
	display: inline-block;
	width: 22%;
	color: #3e82a7;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	line-height: 37px;
	padding-right: 3%;
}
#lyrics #search_box select {
	width: 75%;
	height: 37px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	border:none;
	background:none;
	overflow: hidden
}
#lyrics #search_box input.word {
	width: 75%;
	height: 37px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	border:none;
	background:none;
	overflow: hidden
}

/* ソングリスト */
#lyrics .song_list li { border-bottom: 1px solid #ccc; }
#lyrics .song_list li a {
	display: block;
	background: url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
	-webkit-background-size: 9px 13px;
	background-size: 9px 13px;
	padding: 15px 28px 10px 15px;
}
#lyrics .song_name {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 6px;
}
#lyrics .song_list .album_name {
	color: #666;
	font-size: 13px;
/*	font-weight: bold; */
	line-height: 1.2em;
	margin-bottom: 5px;
}
#lyrics .song_list .comment {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
#lyrics .not_found {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 30px 10px;
}
#lyrics .song_list li:last-child {
	border-bottom: 1px solid #999;
	margin-bottom:1px;
}
/* 	歌詞ページ:detail.html
------------------------------------- */
#lyrics .list_box li.song_name{
	padding: 15px 3px;
	margin-bottom: 0;
}
#lyrics .list_box li.song_name em {
	font-size: 16px;
}
#lyrics #lyric_box {
	position: relative;
}
#lyrics #lyric_box .dummy {
	position: absolute;
	left: 0;
	top: 0;
}
#lyrics #lyric_box .text {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.7em;
	letter-spacing: -0.02em;
	padding: 10px 0 15px;
}

/* コメントボタン
------------------- */
#lyrics .comment_count {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
#lyrics .comment_btn {
	margin-bottom: 11px;
}
#lyrics .comment_btn li {
	width: 49%;
	float: left;
}
#lyrics .comment_btn li:last-child {
	margin-left: 2%;
	float: right;
}
#lyrics .comment_btn a {
	display: block;
	color: #373a36;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	line-height: 30px;
	background: #fcfff4;
	background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 43%, #dfe5d7 46%, #b3bead 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(43%,#dfe5d7), color-stop(46%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
	border: 1px solid #666;
	-moz-box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#lyrics .news_list { border-top: 1px solid #999; }
#lyrics .news_list li.nav_more{height:auto;}
#lyrics .news_list li.nav_more a{
    background-image: url(../../image/service_cmn/cmn/ico_arrow.png) 97% center no-repeat;
    background-size: 9px 13px;
    display: block;
    min-height: 0px;
    overflow-x: hidden;
    margin: 0;
    color:#333;
	font-size:16px;
	padding: 15px 30px 15px 0;
	border-bottom:none;
}


/*  コメントページ: comment.html / confirm.html / complete.html
------------------------------------- */
/* コメント投稿 */
#lyrics .comment_form {
	padding: 15px;
}
#lyrics .comment_form .input-text {
	width: 96%;
	font-size: 14px;
	line-height: 1.3em;
	padding: 2%;
	margin-bottom: 15px;
}
#lyrics .comment_form .text {
	color: #000;
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 15px;
}
#lyrics .comment_form .lead {
	color: #999;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 0;
}
#lyrics .comment_form .lead span {
	font-size: 11px;
	padding-left: 5px;
}
/* コメント一覧 */
#lyrics #comment_list {
    padding:8px 10px 10px 10px;
}
#lyrics #comment_list .article {
    margin: 0 0 8px 0;
    padding: 10px;
    background: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow:0px 1px 2px #666666,inset 0px 0px 1px #ffffff;
    -webkit-box-shadow:0px 1px 2px #666666,inset 0px 0px 1px #ffffff;
}
#lyrics #comment_list .comment_name {
    color: #999;
    font-size: 12px;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EEE;
}
#lyrics #comment_list .comment_name span {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
#lyrics #comment_list .comment_tit {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 5px;
}
#lyrics #comment_list .comment_text {
    color: #333;
    font-size: 13px;
    line-height: 1.3em;
    margin-bottom: 5px;
}
#lyrics #comment_list .comment_date {
    color: #999;
    font-size: 11px;
    text-align: right;

}
/* コメントぺージ送り */
#lyrics .comment_paging {
	margin-bottom: 10px;
}
#lyrics .comment_paging li {
	width: 49%;
	float: left;
	background: #fcfff4;
	background: -moz-linear-gradient(top,  #fcfff4 0%, #dfe5d7 43%, #dfe5d7 46%, #b3bead 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(43%,#dfe5d7), color-stop(46%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
	border: 1px solid #666;
	-moz-box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#lyrics .comment_paging li:last-child {
	margin-left: 2%;
	float: right;
}
#lyrics .comment_paging a {
	display: block;
	color: #373a36;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	line-height: 30px;
}
#lyrics .comment_paging li:first-child a {
	background: url(../../image/nightmare/lyrics/ico_arrow_back.png) 5% center no-repeat;
	-webkit-background-size: 12px 10px;
	background-size: 12px 10px;
}
#lyrics .comment_paging li:last-child a {
	background: url(../../image/nightmare/lyrics/ico_arrow_next.png) 95% center no-repeat;
	-webkit-background-size: 12px 10px;
	background-size: 12px 10px;
}

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

/* アーティストブログ
========================================== */


/* コメント機能
------------------------------------------ */
.blog-comment,
.blogComment .blog-comment{
	margin: 40px 0 0;
	text-align: right;
	position: absolute;
	height: 50px;
	bottom: 0;
	right: 10px;
	padding: 0 0 110px;
}

.blog-comment a,
.blogComment .blog-comment a{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #444;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 3px 10px;
	margin: 0 5px 20px;
}

.blog-comment p,
.blogComment .blog-comment p{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 20px 5px;
}

.blogComment.list .blog-comment{
	padding: 0 15px 0 0;
}

.commentCount{
	text-align: right;
	font-size: 12px;
	color: #8A8A8A;
}

.commentCount span{
	color: #fff;
}

.blogComment li a{
	color: #fff;
}

.blogComment .blog-list{
	margin: 0;
}

.blogComment .blog-list .nickname,
.blogComment.detail .nickname{
	font-size: 12px;
	text-align: left;
	color: #CACACA;
	line-height: 12px;
	letter-spacing: 0.02em;
	padding-bottom: 4px;
	margin-top: 3px;
}

.blogComment .blog-list .blog-date{
	font-size: 10px;
	text-align: left;
	color: #888888;
	line-height: 12px;
	letter-spacing: 0.02em;
	padding-bottom: 4px;
}

.blogComment .blog-list li:first-child{
	border-top: 1px solid #333333;
}

.blogComment textarea {
	width: 100%;
	height: 200px;
	font-size: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px;
	margin: 5px 0 20px 0;
}

.blogComment .catname{
	color: #ff32b4;
	font-weight: bold;
	margin: 0 0 8px;
}

.blogComment .catname span{
	color: #fff;
}

.blogComment input[type=text]{
	width: 260px;
	margin: 0 0 15px;
	font-size: 15px;
}

.blogComment .error{
	font-weight: bold;
	color: #FF174F;
	text-align: center;
	margin: 0 0 10px;
}

.blogComment .box{
	padding: 15px;
	color: #fff;
}

.blogComment .box .txt{
	line-height: 140%;
	margin: 0 auto 25px;
}

.blogComment .box form{
	margin: 15px auto 25px;
}

.blogComment.detail{
	padding: 0;
}

.blogComment.detail .blog-lead{
	line-height: 160%;
	padding-bottom: 40px;
}

.blogComment.detail .btn-style-03{
	text-align: center;
	color: #111;
	font-size: 16px;
	height: 16px;
	padding: 10px 0;
}

.blog-lead.comment{
	margin: 0 0 100px;
}

/* 動画再生サイズ
------------------------------------------ */
video{
	width: 100%;
	height:50%;
    padding: 15px 0 10px;
}
.ulizahtml5 .vjs-tech{padding:0 !important;}
.ulizahtml5{background:none !important;}
