@charset "utf-8";

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

　　個別設定（トリフォニークラブ）

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


/*  全体・コンテナー　設定
---------------------------------------------*/

#container {
}


/*  ヘッダー 設定
---------------------------------------------*/

#header {
}


/*  コンテンツ 設定
---------------------------------------------*/

#content {
}

.boxClub h1.bdrBtm {
	font-size: 1.75em;
}

/*  画像 設定
---------------------------------------------*/

/*  入会のお誘い
---------------------------------------------*/

.boxClub h2 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
}

.boxClub h2 span {
	display: block;
	font-size: 0.75em;
}

.boxClub p.memberDue {
	width: 94%;
	margin: 2em auto;
	padding: 0.75em;
	text-align: center;
	font-size: 1.38em;
	font-weight: bold;
	color: #fff;
	background-color: #111;
}

.boxClub p.memberDue span {
	margin-left: 1.5em;
}

/* 入会メリット
---------------------------------------------*/

.boxClub .memberMerit li {
	display: inline-block;
	float: left;
	margin-right: 1.6%;
	padding: 1.5em 1em 2em 1em;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
}

.boxClub .memberMerit li.point01 {width: 30.5%;}
.boxClub .memberMerit li.point02 {width: 34.2%;}
.boxClub .memberMerit li.point03 {width: 32.1%;}

.boxClub .memberMerit li:nth-child(3) {
	margin-right: 0;
}

.boxClub .memberMerit li ul li {
	float: none;
	padding: 0;
	border: none;
	background: none;
}

.boxClub .memberMerit li dt {
	padding-bottom: 1em;
	color: #9a7c00;
	font-weight: bold;
	font-size: 1.25em;
}

.boxClub .memberMerit li dt span {
	font-size: 0.75em;
}

.boxClub .memberMerit li.point01 dt span {display: block;}
.boxClub .memberMerit li.point02 dt span {margin-left: 1em;}
.boxClub .memberMerit li.point03 dt span {display: block;}

.boxClub .memberMerit li dd p,
.boxClub .memberMerit li dd li {
	line-height: 1.8em;
}

/* 入会特典
---------------------------------------------*/

.boxClub .boxSpecial {
	margin: 3em 0;
	padding: 2em;
	background-color: #eeeeea;
}

.boxClub .boxSpecial h3 {
	font-weight: bold;
	font-size: 1.25em;
}

.boxClub .boxSpecial h3 span {
	margin-left: 1.5em;
	font-weight: normal;
	font-size: 0.75em;
}

.boxClub .boxSpecial dl dt {
	position:relative;
	clear: both;
	float: left;
	display: inline-block;
	width: 10.2%;
	height: 100%;
	line-height: 100%;
	padding: 1.5em;
	vertical-align: middle;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background-color: #656565;
}

.boxClub .boxSpecial dl dt span {
	position: absolute;
	top: 45%; left: 30%;}

.boxClub .boxSpecial dl dt em {
	font-size: 1.75em;
	padding-left: 5px;
}

.boxClub .boxSpecial dl dd {
	float: right;	
	margin-bottom: 1em;
	padding: 1.5em 2em;
	display: inline-block;
	width: 89.8%;
	line-height: 1.8em;
	background-color: #fff;
	border: none;
}

.boxClub .boxSpecial dl dd h4 {
	margin-bottom: 0.5em;
	font-size: 1.63em;
	color: #9a7c00;
}

.boxClub .boxSpecial dl dd span.discount {
	color: #00ab8b;}

/*  資料請求
---------------------------------------------*/

.boxClub .boxJoin,
.boxClub .boxOnline {
	width: 94%;
	margin: 0 auto 2em auto;
	padding: 1.5em 2em;
	border: 1px solid #ccc;
}

.boxClub .boxJoin dt,
.boxClub .boxOnline dt  {
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.38em;
}

.boxClub .boxJoin .txt,
.boxClub .boxOnline .txt {
	float: left;
	width: 60%;
}

.boxClub .boxOnline .txt p:first-child  {
	margin-bottom: 1em;
}

.boxClub .boxJoin dd .btnLinkBlue a,
.boxClub .boxOnline dd .btnLinkBlue a  {
	float: right;
	width: 35%;
    display: block;
}

.boxClub .boxJoin dd .btnLinkBlue a {
	margin-top: -1em !important;
}

.boxClub .boxOnline dd .btnLinkBlue a {
	margin-top: -0em !important;
}

.boxClubContact {
	width: 94%;
	margin: 0 auto;
}

/*PC「チケットオンラインへ」表示off*/
.mediaSP {
	display:none;
}


/*  会員限定クーポン css
---------------------------------------------*/
#section_ttc ul.ttc li {
	list-style:disc;
	margin-left:40px;
	margin-bottom:1em;
	width:800px; 
	margin:0 auto;
}

#section_ttc ul.ttc_B {
	list-style:none;
	margin-left:40px;
	width:800px; 
	margin:0 auto;
}

#section_ttc ul.ttc_B li {
	display:block;
	overflow:hidden;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
	margin-bottom:1em;
}

#section_ttc ul.ttc_B li:last-child {
	display:block;
	overflow:hidden;
	padding-bottom:0;
	border:none;
	margin-bottom:0;
}

#section_ttc ul.ttc_B li div.boxR {
	float:right;
	width:200px;
}

#section_ttc ul.ttc_B li div.boxL {
	float:left;
	width:580px;
	margin-right:20px;
}

#section_ttc p.capBox{ width:800px; border:solid 1px #ccc; margin:0 auto; padding:20px; }

/*  フッター 設定
---------------------------------------------*/

#footer {
}