@charset "utf-8";
/* **************************************************************** *
 * CSS Document
 * edit 2014.06.30
 * **************************************************************** */
*{margin:0px;padding:0px;font-style:normal;}

body{
	height:100%;
	background:#ffffff url(../img/body_bg.png) center 38px fixed no-repeat;
	color:#000000;
	font-size:small;
	font-family:
		'Hiragino Kaku Gothic Pro',
		'ヒラギノ角ゴ Pro W3',
		'メイリオ',
		'meiryo',
		'ＭＳ Ｐゴシック',
		Osaka,
		sans-serif;
	text-align:left;
}
#BodyBg{
	position:fixed;
	left:0;
	top:38px;
	right:0;
	bottom:0;
	z-index:-1;
	width:100%;
	height:100%;
	background:#ffffff url(../img/body_bg.png) center 38px fixed no-repeat;
}
a:link,a:visited{
	color:#000000;
	text-decoration:underline;
}
a:active,a:hover{
	color:#aaaaaa;
	text-decoration:none;
}
li{list-style:none;}
img{
	border:none;
	max-width:100%;
	height:auto;
}
html>body img{
	width:auto;
}
a:hover img{
	opacity:0.8;
	-moz-opacity:0.8; /* Firefox2 */
	filter:alpha(opacity=80); /* IE6/7/8 */
}
.clearfix{display:inline-block;}
.clearfix:after{
	content:" ";clear:both;overflow:hidden;display:block;visibility:hidden;
	margin-bottom:-1px;height:1px;font-size:1px;line-height:1px;
}
/* \*/
.clearfix{display:block;height:1px;}
html>body .clearfix{height:auto;}
/* */

.hideElm{
	position:absolute;left:0;top:0;overflow:hidden;display:block;outline:none;
	margin:0 0 -1px;border:none;padding:0;width:1px;height:1px;
	background:transparent;font-size:1px;line-height:1px;text-indent:-9999px;
}

.emBold{
	font-weight:bold;
}
.emColor{
	color:#ff6644;
}


/* ================================================================ *
 * header
 * ================================================================ */
#ghwrap{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:58px;
	background:transparent url(/resource/img/gmenu_bg.png) repeat-x left top;
}
#gheader{
	width:1280px;
	margin:0 auto;
}
#gheader h1{
	float:left;
	margin:0 0 0 46px;
}


/* ================================================================ *
 * Wrap
 * ================================================================ */
#Wrap{
	width:100%;
	font-size:1em;
	line-height:1.8em;
}
#Container{
	position:relative;
	padding:0;
}

/* ---------------------------------------------------------------- *
 * ページヘッダ
 * ---------------------------------------------------------------- */
#PageHeader{
	padding-top:138px;
	width:100%;
}
#PageHeader h1{
	margin:0 auto;
	width:434px;
	text-align:center;
}
#PageHeader h1 img{
	display:block;
	width:100%;
}

/* ---------------------------------------------------------------- *
 * ページフッタ
 * ---------------------------------------------------------------- */
#PageFooter{
	padding:30px 0 100px;
	width:100%;
}
#PageFooter nav{
	display:table;
	margin:0 auto;
	border-right:1px solid #404040;
	font-size:.9em;
	line-height:1.1em;
}
#PageFooter nav ul{
	display:table-row;
}
#PageFooter nav li{
	display:table-cell;
	border-left:1px solid #404040;
	padding:0 .5em;
}
#PageFooter nav a{
	display:block;
	padding:.1em .5em;
}
#PageFooter nav a:link,#PageFooter nav a:visited{
	color:#000000;
}
#PageFooter nav a:hover,#PageFooter nav a:active{
	background-color:#fcdbdb;
	color:#000000;
}
#PageFooter .urlRule{
	margin:0 auto;
	padding:15px 0;
	width:220px;
}
#PageFooter .urlRule a{
	overflow:hidden;
	outline:none;
	display:block;
	width:100%;
	height:30px;
	background:transparent url(../img/ft_tx_url.png) center top no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
#PageFooter .snsBox{
	display:inline-block;
	margin:15px auto 0;
	width:250px;
}
#PageFooter .snsBox:after{
	content:" ";clear:both;overflow:hidden;display:block;visibility:hidden;
	margin-bottom:-1px;height:1px;font-size:1px;line-height:1px;
}
/* \*/
#PageFooter .snsBox{display:block;height:1px;}
html>body #PageFooter .snsBox{height:auto;}
/* */
#PageFooter .snsBox a{
	display:block;
	float:left;
}
#PageFooter .snsBox a:nth-child(even){
	float:right;
}
#PageFooter .copyrightRule{
	margin:0 auto;
	padding:5px 0 0;
	font-size:.85em;
	line-height:1.4em;
	text-align:center;
}





/* ---------------------------------------------------------------- *
 * ABOUT
 * ---------------------------------------------------------------- */
#About{
	margin:0 auto;
	padding:35px 0 50px;
	width:547px;
}
#About h1{
	width:100%;
}
#About h1 img{
	display:block;
	width:100%;
}
#About .readBox{
	padding-top:16px;
	font-size:1.15em;
	line-height:1.8em;
	text-shadow:0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff;
}
#About .readBox p{
	padding-top:10px;
}

/* ---------------------------------------------------------------- *
 * LINEUP
 * ---------------------------------------------------------------- */
#Lineup{
	padding:40px 0 100px;
	width:100%;
	background:#feeeee url(../img/lineup_bg.png) center top repeat;
}
#Lineup>h1{
	margin:0 auto;
	width:547px;
}
#Lineup>h1 img{
	display:block;
	width:100%;
}
#Lineup .itemDouble,#Lineup .itemSingle{
	margin:0 auto;
	width:832px;
}
#Lineup .itemDouble{
	display:inline-block;
}
#Lineup .itemDouble:after{
	content:" ";clear:both;overflow:hidden;display:block;visibility:hidden;
	margin-bottom:-1px;height:1px;font-size:1px;line-height:1px;
}
/* \*/
#Lineup .itemDouble{display:block;height:1px;}
html>body #Lineup .itemDouble{height:auto;}
/* */

#Lineup .item{
	margin-top:30px;
	border:3px solid #2a2a2a;
	padding:4px;
	background-color:#ffffff;
	font-size:.9em;
	line-height:1.6em;
	text-align:center;
}
#Lineup .item>.inner{
	displa:inline-block;
	border:1px solid #2a2a2a;
	padding:20px 15px;
}
#Lineup .item>.inner:after{
	content:" ";clear:both;overflow:hidden;display:block;visibility:hidden;
	margin-bottom:-1px;height:1px;font-size:1px;line-height:1px;
}
/* \*/
#Lineup .item>.inner{display:block;height:1px;}
html>body #Lineup .item>.inner{height:auto;}
/* */

/* タイトル */
#Lineup .item h1{
	font-size:1.2em;
	line-height:1.6em;
}
/* アーティスト */
#Lineup .item .artistRule{
	padding-top:.5em;
	font-size:1.4em;
	line-height:1.4em;
}
/* 曲名 */
#Lineup .item .titleRule{
	padding-top:1em;
	font-size:1.4em;
	line-height:1.4em;
}
/* 種別 */
#Lineup .item .typeRule{
	font-size:1.4em;
	line-height:1.4em;
}
/* ジャケット */
#Lineup .item .pictRule{
	margin:0 auto;
	padding:20px 0 0;
	width:228px;
}
#Lineup .item .pictRule img{
	display:block;
	width:100%;
}
/* ジャケット＋詳細（2カラム） */
#Lineup .item .pictBox{
	padding:20px 0 0;
}
#Lineup .item .pictBox>.typeRule{
	margin:0 auto;
	padding-top:15px;
	width:688px;
	text-align:left;
}
#Lineup .item .pictBox>.pictRule{
	margin:0 auto;
	padding:10px 0 0;
	width:688px;
}
#Lineup .item .pictBox>.noteRule{
	margin:0 auto;
	padding:3px 0 30px;
	width:688px;
	text-align:right;
}
#Lineup .item .pictBox>ul{
	display:table;
	width:100%;
}
#Lineup .item .pictBox>ul>li{
	display:table-cell;
	padding:15px 10px;
}
#Lineup .item .pictBox>ul>li:nth-child(1){
}
#Lineup .item .pictBox>ul>li:nth-child(1) .pictRule{
	padding-bottom:10px;
	width:210px;
}
#Lineup .item .pictBox>ul>li:nth-child(2){
	border-left:1px dotted #ace;
}
#Lineup .item .pictBox>ul>li:nth-child(2) .pictRule{
	padding-bottom:10px;
	width:500px;
}

#Lineup .item .pictBox img{
	display:block;
	width:100%;
}
/* 発売日 */
#Lineup .item .dateRule{
	margin:0 auto;
	padding-top:15px;
	width:230px;
}
#Lineup .item .dateRule img{
	display:block;
	width:100%;
}
/* トラックリスト */
#Lineup .item .trackList{
	margin-left:1.8em;
	padding-bottom:15px;
}
#Lineup .item .trackList li{
	list-style:decimal;
	padding-top:.4em;
}
/* スペックリスト */
#Lineup .item .specList{
}
#Lineup .item .specList li{
	padding-top:.4em;
}

/* 詳細ボックス */
#Lineup .item .descBox{
	position:relative;
	padding-top:25px;
	text-align:left;
}
#Lineup .item .descBox .dateRule{
	margin:0;
	padding:0 0 15px;
}
#Lineup .item .descBox ol,#Lineup .item .descBox ul{
}
/* 試聴ボタン */
#Lineup .item .btPreview{
	position:absolute;
	right:60px;
	bottom:35px;
	z-index:10;
	width:80px;
}
#Lineup .item .btPreview:nth-child(even){
	right:0;
	bottom:0;
	z-index:11;
}
#Lineup .item .btPreview img{
	display:block;
	width:100%;
}
/* 初回限定盤 特典 */
#Lineup .item .privBalloon{
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
	padding:50px 10px 15px;
	width:240px;
	background:transparent url(../img/lineup_balloon.png) center bottom no-repeat;
	text-align:center;
}
#Lineup .item .privBalloon>dl{
	overflow:auto;
	width:auto;
	height:105px;
}
#Lineup .item .privBalloon dt{
	font-size:1.4em;
	line-height:2em;
}
#Lineup .item .privBalloon dd{
	padding-top:.5em;
	font-size:1.1em;
	line-height:2em;
}


/* 表示形式切り替え */
#Lineup .itemDouble .item{
	float:left;
	width:388px;
}
#Lineup .itemDouble .item:nth-child(even){
	float:right;
}
#Lineup .itemSingle .item>.inner{
	padding:20px 24px;
}
#Lineup .itemSingle .item .btPreview{
	right:340px;
	bottom:35px;
}
#Lineup .itemSingle .item .btPreview:nth-child(even){
	right:280px;
	bottom:0;
}


/* ---------------------------------------------------------------- *
 * 全国47都道府県 カルテット出張広告キャンペーン
 * ---------------------------------------------------------------- */
#Campaign{
	padding:40px 0 100px;
	width:100%;
	background:#dbeeee url(../img/priv_bg.png) center top repeat;
}
#Campaign>h1{
	margin:0 auto;
	width:547px;
}
#Campaign h1 img{
	display:block;
	width:100%;
}
#Campaign .contact{
	margin:30px auto 0;
	border:1px solid #dddddd;
	border-radius:6px;
	padding:9px 9px;
	width:480px;
	background-color:rgba(255,255,255,0.6);
	font-size:.9em;
}
#Campaign .contact h1{
	padding:0 5px;
	font-weight:normal;
}
#Campaign .contact p{
	padding:0 5px;
}

#Campaign .content{
	margin:0 auto;
	padding-top:30px;
	width:507px;
	text-shadow:0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff;
}
#Campaign .content>h1{
	font-size:1.2em;
	line-height:1.6em;
}
#Campaign .content p{
	padding-bottom:15px;
}
#Campaign li{
	list-style:disc;
	margin-left:1.6em;
}
#Campaign .content.desc{
	font-size:1.1em;
	line-height:1.6em;
}
#Campaign .content.desc .note{
	font-size:.9em;
	line-height:1.6em;
}


/* ---------------------------------------------------------------- *
 * 連動特典
 * ---------------------------------------------------------------- */
#Privilege{
	padding:40px 0 100px;
	width:100%;
	background:#feeeee url(../img/lineup_bg.png) center top repeat;
}
#Privilege>h1{
	margin:0 auto;
	width:547px;
}
#Privilege h1 img{
	display:block;
	width:100%;
}
#Privilege .content{
	margin:0 auto;
	padding-top:30px;
	width:507px;
	text-shadow:0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff,0 0 4px #ffffff;
}
#Privilege .content>h1{
	font-size:1.2em;
	line-height:1.6em;
}
#Privilege .content p{
	padding-bottom:15px;
}
#Privilege dt{
	padding:20px 0 10px;
	font-size:1.1em;
	line-height:1.6em;
}
#Privilege .item{
	font-size:1.2em;
}
#Privilege .desc{
	padding-left:1.2em;
}


/* ================================================================ *
 * レイアウト：860px以下
 * ================================================================ */
@media screen and (max-width:860px){
	body{
		background-size:70%;
	}
	#BodyBg{
		background-size:70%;
	}

	#gheader{
		width:860px;
	}
	#PageFooter{
		padding-top:0;
	}
	#PageFooter nav{
		display:block;
		border-right:none;
		border-top:1px solid #cccccc;
		font-size:1em;
	}
	#PageFooter nav ul{
		display:block;
	}
	#PageFooter nav li{
		display:block;
		border-left:none;
		border-bottom:1px solid #cccccc;
		padding:0;
	}
	#PageFooter nav a{
		padding:.5em 1em;
		text-align:center;
	}

	#Lineup .itemDouble,#Lineup .itemSingle{
		margin:0;
		width:auto;
	}
	#Lineup .item{
		border-left:none;
		border-right:none;
		padding-left:0;
		padding-right:0;
	}
	#Lineup .itemDouble .item,#Lineup .itemDouble .item:nth-child(even){
		float:none;
		margin:30px auto 0;
		width:auto;
	}
	#Lineup .item>.inner{
		border-left:none;
		border-right:none;
		padding:20px 14px;
	}
	#Lineup .itemSingle .item>.inner{
		padding:20px 14px;
	}

	#Lineup .item .pictBox>ul>li:nth-child(1),#Lineup .item .pictBox>ul>li:nth-child(2){
		float:none;
		padding:0 0 30px;
	}
	#Lineup .item .pictBox>.typeRule,
	#Lineup .item .pictBox>.pictRule,
	#Lineup .item .pictBox>.noteRule{
		width:auto;
	}
	#Lineup .item .pictBox>ul{
		display:block;
	}
	#Lineup .item .pictBox>ul>li{
		display:block;
	}
	#Lineup .item .pictBox>ul>li:nth-child(2){
		border-left:none;
	}
	#Lineup .item .descBox ol,#Lineup .item .descBox ul{
		width:auto;
	}
	#Lineup .item .btPreview{
		position:static;
		float:left;
		padding:10px 5px 0 0;
		width:62px;
	}
}


/* ================================================================ *
 * レイアウト：620px以下
 * ================================================================ */
@media screen and (max-width:620px){
	#ghwrap{
		width:620px;
	}
	#PageFooter .copyrightRule span{
		display:block;
	}
	#About{
		margin:0 10px;
		padding:35px 0 50px;
		width:auto;
	}
	#Lineup>h1{
		margin:0 10px;
		width:auto;
	}
	#Lineup .item .pictBox>ul>li:nth-child(2) .pictRule{
		width:auto;
	}
	#Lineup .item .privBalloon{
		position:static;
		clear:both;
		margin:0 auto;
	}
	#Campaign>h1{
		margin:0 10px;
		width:auto;
	}
	#Campaign .contact{
		margin:40px 10px;
		width:auto;
	}
	#Campaign .content{
		margin:0 10px;
		padding-top:40px;
		width:auto;
	}
	#Privilege>h1{
		margin:0 10px;
		width:auto;
	}
	#Privilege .content{
		margin:0 10px;
		padding-top:40px;
		width:auto;
	}
}


/* ================================================================ *
 * レイアウト：440px以下
 * ================================================================ */
@media screen and (max-width:440px){
	#ghwrap{
		width:440px;
	}
	#PageHeader h1{
		margin:0 20px;
		width:auto;
	}
	#Lineup .item .pictBox>ul>li:nth-child(2) .pictRule{
		width:auto;
	}
}