@charset "utf-8";
/*
 * ticket.css
 */


/* 受付詳細ページ
---------------------------------------------------------- */
/* アーティスト名 */
#art_name {
	margin: 13px 10px 0;
}
#art_name h2 {
	color: #000;
	font-size: 26px;
	font-weight: bold;
}
#art_name p {
	margin: 5px 0 0;
	padding: 8px;
	background: #ebebeb;
	color: #000;
}

/* イベント詳細 */
#get_recept {
	margin: 21px 0;
}
#get_recept .status {
	padding: 5px 10px 7px;
	line-height: 1;
	background: #ff2400;
	background: -moz-linear-gradient(top,  #ff2400 0%, #ff2400 90%, #a80000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2400), color-stop(90%,#ff2400), color-stop(100%,#a80000)); 
	background: -webkit-linear-gradient(top,  #ff2400 0%,#ff2400 90%,#a80000 100%);
	background: linear-gradient(to bottom,  #ff2400 0%,#ff2400 90%,#a80000 100%);
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #a80000;
}


/* 会員登録／ログイン */
#new_login {
	margin: 13px 10px;
	border: #d6d6d6 4px solid;
	border-top: none;
}
#new_login p.attention {
	padding: 13px 13px 9px;
	background: #d6d6d6;
	font-size: 16px;
	color: #333;
}
#new_login .box {
	padding: 13px 10px;
	border-top: #d6d6d6 4px solid;
}
#new_login h3 {
	margin: 0 0 13px;
	font-size: 16px;
}

/* 受付 */
#entry_list {
	margin: 21px 10px 0;
}
.list {
	position: relative;
	margin: 13px 10px;
	border: #d6d6d6 4px solid;
	overflow: hidden;
	zoom: 1;
}
#entry_list {
	margin: 13px 0;
}
.list p {
	margin: 8px 0 0;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}
#entry_list .list .tit01,
#entry_list .list .tit02 {
	padding: 10px 10px 10px 30px;
	background-color: #fff;
}
#entry_list table {
	width: 100%;
}
#entry_list th {
	text-align: left;
	white-space: nowrap;
}
#entry_list .btn_sub01 {
	display: inline-block;
	margin: 8px 0 0;
	padding: 12px;
	font-size: 14px;
}
/* 受付中 */
#entry_list .list.sale {
	border: #ff2400 4px solid;
}
#entry_list .list.sale .inner {
	padding: 0 24px 0 0;
	background: #ff5033;
}
#entry_list .list.sale .inner:hover {
	cursor: pointer;
	background: #ff2400;
}
#entry_list .list.sale a.more {
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	width: 10px;
	height: 16px;
	margin: -8px 0 0;
	background: url(/image/common/ico_list01.png) no-repeat right 50%;
	-webkit-background-size: 10px 16px;
	   -moz-background-size: 10px 16px;
	        background-size: 10px 16px;
	text-indent: -9999px;
}


/* 注意事項と申込方法
---------------------------------------------------------- */
#app_method .list table {
	width: 100%;
}
#app_method th {
	width: 7em;
	text-align: left;
	white-space: nomal;/*nowrap*/
}
#app_method th a {
	text-align: right;
}
#app_method td img {
	vertical-align: middle;
}
.subject > .text {
	margin: 8px 10px;
}
#app_method .subject label {
	display: block;
	margin: 0 0 8px;
}
#app_method .subject label b {
	color: #003cff;
}
#app_method .subject label img {
	vertical-align: middle;
}
#app_method .subject select {
	width: 100%;
}

.box .dl_sub01,
.list .dl_sub01 {
	border: #fff 2px solid;
}

.list .toggle {
	position: relative;
	padding: 2px;
}
.list .toggle h4 {
	padding: 8px 85px 8px 8px;
	background: #ebebeb;
}
.list .toggle .inner {
	padding: 8px;
}
.list .toggle .inner > p:first-child {
	margin-top: 0;;
}
.list .toggle pre {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}
.readmore-js-toggle, .readmore-js-section { 
	display: inline-block;
	width: auto;
}
.list .toggle a.readmore-js-toggle {
	position: absolute;
	top: 2px;
	right: 2px;
	display: inline-block;
	width: 3em;
	height: 15px;
	padding: 10px 30px 10px 10px;
	margin: 0;
	line-height: 15px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: -moz-linear-gradient(top,  #a3a3a3 0%, #666 50%, #666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(50%,#666), color-stop(100%,#666));
	background: -webkit-linear-gradient(top,  #a3a3a3 0%,#666 50%,#666 100%);
	background: linear-gradient(to bottom,  #a3a3a3 0%,#666 50%,#666 100%);
	text-shadow: 0 1px 4px #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.list .toggle a.readmore-js-toggle:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 15px;
	margin: -7px 0 0;
	background: url(/image/common/ico_togopen.png) no-repeat 0 0;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.list .toggle a.readmore-js-toggle.close:after {
	background: url(/image/common/ico_pagetop.png) no-repeat 0 0;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.toggle h5 {
	font-size: 14px;
}
.toggle dl {
	margin: 8px 0 21px;
	font-size: 12px;
}
.toggle dt {
	margin: 5px 0;
	font-weight: bold;
}
.toggle dd {
	margin: 0 0 13px;
	font-size: 10px;
}
.toggle p {
}
.toggle ol,
.toggle ul {
	margin: 0 0 0 10px;
}
.toggle ol li,
.toggle ul li {
	margin: 5px 0 5px 20px;
}
.toggle p.title {
	margin: 13px 10px 0;
	font-weight: bold;
}
.toggle .company {
	margin: 21px 0;
	font-size: 10px;
}
.toggle .company p {
	margin: 5px 0 0;
}


/* 注意 */
.recept_attention {
	margin: 21px 10px ;
}
.recept_attention p.attention {
	font-size: 120%;
	font-weight: bold;
}

.recept_attention p.red a {
	color: #ff0000;
}

/* セキュリティ */
.dl_security {
	margin: 21px 10px;
	overflow: hidden;
}
.dl_security dt {
	float: left;
	padding: 0 5px 0 0;
}
.dl_security dd {
	font-size: 12px;
}


/* 申込内容のご確認
---------------------------------------------------------- */
th.title,
#app_method th.title {
	text-align: left;
	font-weight: bold;
	white-space: normal;
}

/* ボタンbox */
.btn_text {
	margin: 10px;
	overflow: hidden;
	zoom: 1;
}
.btn_text .btn_sub01 {
	float: right;
	display: inline-block;
	margin: 0 0 8px;
	padding: 12px;
	font-size: 14px;
}

.toggle .list_arrow {
	margin: 13px 0;
}
.toggle .list_arrow li {
	margin: 8px 0 0 8px;
}
.toggle .list_arrow a {
	font-weight: normal;
}





/* 完了
---------------------------------------------------------- */
.subject .box {
	padding: 13px 10px;
	margin: 13px 10px;
	border: #d6d6d6 4px solid;
}
.subject .box p {
	margin: 8px 0 0;
}
.subject .box > p:first-child {
	margin-top: 0;
}

/* 注意 */
.subject .box.attention_list {
	padding: 0 0 13px;
	border: #db0000 4px solid;
	color: #333;
}
.subject .box.attention_list .inner {
	padding: 5px 10px 0;
}



/* TEL */
.for_tel {
	margin: 13px 10px 0;
}
.box .for_tel {
	margin: 13px 0 0;
}
.list .for_tel {
	margin: 13px 10px;
}
.for_tel dt {
	color: #000;
	font-weight: bold;
}
.for_tel a.btn_sub01 {
	margin: 3px 0 5px;
}
.for_tel dd {
	margin: 5px 0 0;
}
.for_tel dd p {
	margin: 5px 0 0;
}



/* お支払い方法
---------------------------------------------------------- */
.box_payexp {
	position: relative;
	margin: 21px 0 0;
}
.box_payexp .box {
	margin: 8px 10px 13px;
}
.box_payexp .box p {
	margin: 8px 10px 0;
}
.box_payexp .shop_logo {
	margin: 8px 20px 0;
}
.box_payexp .shop_logo img {
	vertical-align: middle;
}
/* リンクボタン */
.list_link01 {
	margin: 0 10px;
}
.list_link01 li {
	display: block;
	margin-top: 8px;
}
.list_link01 li:first-child {
	margin-top: 0;
}
.list_link01 li a {
	font-size: 14px;
	text-align: left;
}
.list_link01 li a.btn_sub01 {
	padding: 12px 0 12px 30px;
	background: url('/image/common/ico_next.png') no-repeat 10px 50%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(50%,#666), color-stop(100%,#666));
	background: url('/image/common/ico_next.png') no-repeat 10px 50%,
	            -webkit-linear-gradient(top,  #a3a3a3 0%,#666 50%,#666 100%);
	background: url('/image/common/ico_next.png') no-repeat 10px 50%,
	            -moz-linear-gradient(top,  #a3a3a3 0%, #666 50%, #666 100%);
	background: url('/image/common/ico_next.png') no-repeat 10px 50%,
	            linear-gradient(to bottom,  #a3a3a3 0%,#666 50%,#666 100%);
	background-size: 16px 17px,100% 100%;
}
.list_link01 li a.btn_blank01 {
	padding: 8px 0 8px 28px;
	background: #f5f5f5 url('/image/common/ico_next02.png') no-repeat 8px 50%;
	background-size: 16px 17px;
}
.list_link01 li i.blank01 {
	margin: 0 0 0 5px;
}

/* 決済説明 */
.box_payexp .tit02 {
	padding: 3px 10px 3px 30px;
	background: transparent url(/image/common/circle02.png) no-repeat 10px 50%;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.box_payexp .tit02 + p {
	margin-top: 0;
}


/* Loppi使い方
---------------------------------------------------------- */
.list_loppi {
	margin: 21px 10px 0;
}
.list_loppi li {
	margin: 13px 0 21px;
}
.list_loppi li .tit_no1,
.list_loppi li .tit_no2,
.list_loppi li .tit_no3,
.list_loppi li .tit_no4,
.list_loppi li .tit_no5 {
	padding: 0 0 0 20px;
	background-color: transparent;
	background-position: 0 0;
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
.list_loppi li p {
	margin: 5px 0 0;
	padding: 0 0 0 20px;
}


/* 携帯版の会員認証
---------------------------------------------------------- */
.box_QR {
	margin: 10px 6px;
	padding: 2px 10px 10px;
	overflow: hidden;
	border: #d6d6d6 4px solid;
}
.box_QR img {
	float: right;
	margin: 8px 0 0 8px;
}
.box_QR p {
	margin: 8px 0 0;
}
.box_QR .list_link01 {
	margin: 0;
}
.box_QR .list_link01 .btn_sub01 {
	margin-bottom: 5px;
}



#mobile_pc .list table {
    width: 100%;
}
#mobile_pc th {
	width: 7em;
	text-align: left;
}

/* 編集
---------------------------------------------------------- */
#edit_member table {
	width: 100%;
}

/* パスワード問合わせ
---------------------------------------------------------- */
#password_q .list table {
    width: 100%;
}
#password_q th {
	width: 7em;
	text-align: left;
}


/* 申し込み状況
---------------------------------------------------------- */
#yoyaku_history .list table {
    width: 100%;
}
#yoyaku_history th {
	width: 7em;
	text-align: left;
}
.btn_sub01 .sup {
	color: #fff;
}

.atttention_ticket {
	margin: 13px 10px 0;
	padding: 10px 10px 10px 30px;
	line-height: 1.3;
	background: url(/image/common/circle01.png) no-repeat 10px 50%;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
	border: #ff2400 4px solid;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
.atttention_ticket p {
	color: #ff2400;
	font-size: 14px;
	font-weight: bold;
}

.list p.state {
	margin: 0 2px 2px;
	padding: 13px 0;
	line-height: 1;
	background: #db0000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#entry_list .list .tit02.history {
	position: relative;
	padding: 10px 78px 10px 30px;
}
#entry_list .list .tit02.history .btn_sub01 {
	position: absolute;
	top: 50%;
	right: 5px;
	width: auto;
	padding: 8px 13px;
	margin: -17px 0 0;
	line-height: 1;
}
#entry_list .list .tit02.history .btn_sub01 i {
	margin: 0 0 0 3px;
}


/* 退会
---------------------------------------------------------- */
#withdrow_ticket .list table {
	width: 100%;
}
#withdrow_ticket th {
	width: 7em;
	text-align: left;
	white-space: nowrap;
}
#withdrow_ticket th a {
	text-align: right;
}
#withdrow_ticket td img {
	vertical-align: middle;
}
.subject > .text {
	margin: 8px 10px;
}
#withdrow_ticket .subject label {
	display: block;
	margin: 0 0 8px;
}
#withdrow_ticket .subject label b {
	color: #003cff;
}
#withdrow_ticket .subject label img {
	vertical-align: middle;
}
#withdrow_ticket .subject select {
	width: 100%;
}

#withdrow_ticket .dl_sub01 {
	border: #fff 2px solid;
}