@charset "euc-jp";

html, body, h1, h2, h3, h4, h5, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, button, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
	display:block;
}
html {
	font-size: 62.5%;
}
body {
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 1.0rem;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック","MS PGothic","Lucida Grande",arial,sans-serif;
	color: #333;
	background-color: #dde9ff;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
button,
input,
select,
textarea {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}
*,
:before,
:after {
	box-sizing: inherit;
}
::-webkit-input-placeholder,
::-moz-placeholder {
	color: #999;
	opacity: 1;
}
/* Firefox 18- */
:-moz-placeholder {
	color: #999;
}
/* IE 10+ */
:-ms-input-placeholder {
	color: #999;
}
a {
	color: #0079FF;
}
a:hover {color: #4AA0FF;}

a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/* ###### 古いCSSここから header footer ################################# */
#wrapper {
	background-color: #fff;
	width: 90%;
	min-width:1035px;
	max-width:1280px;
	text-align: center;
	margin: 0 auto auto;
	position: relative;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/* -------------ヘッダー要素----------------- */
#header {
	border-top: 6px solid #039;
	display: block;
}

#header table {
	width: 100%;
}
#header table#counter {
	width: inherit;
}
#header h1,
#header h2.ticket_list,
#header p.header-title,
#header .ticket-list-header-text {
	padding: 5px 6px 6px 6px;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.4;
	font-weight: bold;
	color: #666;
}
#header #logo {
	width: 188px;
	margin-left: 4px;
	height: 38px !important;
}

#header #wd_logo{
	padding-right: 6px;
	text-align: right;
	vertical-align: top;
	width: 195px;
}
#header h1.ticket_list,
#header h2.ticket_list,
#header .ticket-list-header-text {
	padding-bottom: 2px;
	word-break: break-all;
}

#header td.ticket{
	padding-top: 4px;
	padding-bottom: 8px;
}

/* -------------タブ要素----------------- */
#navi {
	clear: both;
	height: 32px;
	text-align: right;
	padding-left: 10px;
	border-bottom: 5px solid #f03;
}
#navi_home {
	clear: both;
	height: 32px;
	text-align: right;
	padding-left: 10px;
	border-bottom: 5px solid #f03;
}
#navi_buy {
	clear: both;
	height: 32px;
	text-align: right;
	padding-left: 10px;
	border-bottom: 5px solid #f03;
}
#navi_sell {
	clear: both;
	height: 32px;
	text-align: right;
	padding-left: 10px;
	border-bottom: 5px solid #06c;
}
#navi_beginner, #navi_help, #navi_mypage, #navi2 {
	clear: both;
	height: 32px;
	text-align: right;
	padding-left: 10px;
	border-bottom: 5px solid #666;
}
#navi img, #navi2 img, #navi_home img, #navi_buy img, #navi_sell img, #navi_beginner img, #navi_mypage img, #navi_help img {
	vertical-align: bottom;
}
#tab ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tab {
	float: left;
	width: 564px;
	height: 27px;
}
#nav-one {
	padding-bottom: 27px;
}
#nav-one li {
	float: left;
	position: relative;
}
#nav-one li a {
	display: block;
}
#nav-one li a#home{
	width: 76px;
	height: 27px;
	background: url(/img_cmn/tab.gif) 0px 0px no-repeat;
}
#nav-one li a#home:hover{
	background: url(/img_cmn/tab.gif) 0px -27px no-repeat;
}
#nav-one li a#buy{
	width: 126px;
	height: 27px;
	background: url(/img_cmn/tab.gif) -76px 0px no-repeat;
}
#nav-one li:hover a#buy,
#nav-one li.sfHover a#buy{
	background: url(/img_cmn/tab.gif) -76px -27px no-repeat;
}
#nav-one li a#sell{
	width: 120px;
	height: 27px;
	background: url(/img_cmn/tab.gif) -202px 0px no-repeat;
}
#nav-one li a#sell:hover{
	background: url(/img_cmn/tab.gif) -202px -27px no-repeat;
}
#nav-one li a#beginner{
	width: 102px;
	height: 27px;
	background: url(/img_cmn/tab.gif) -322px 0px no-repeat;
}
#nav-one li a#beginner:hover{
	background: url(/img_cmn/tab.gif) -322px -27px no-repeat;
}
#nav-one li a#mypage{
	width: 82px;
	height: 27px;
	background: url(/img_cmn/tab.gif) -424px 0px no-repeat;
}
#nav-one li a#mypage:hover{
	background: url(/img_cmn/tab.gif) -424px -27px no-repeat;
}
#nav-one li a#help{
	width: 58px;
	height: 27px;
	background: url(/img_cmn/tab.gif) -506px 0px no-repeat;
}
#nav-one li a#help:hover{
	background: url(/img_cmn/tab.gif) -506px -27px no-repeat;
}
#nav-one li a span {
	display: none;
}

#nav-one #genre {
	width: 178px;
	position: absolute;
	top: -999em;
	padding: 5px 1px 0 1px;
	background-color: #f03;
	z-index: 3;
}
#nav-one li:hover #genre,
#nav-one li.sfHover #genre{
	top: 27px;
}
#nav-one table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	text-align: left;
}
#nav-one table td {
	padding: 0;
	vertical-align: top;
	border-bottom: 1px solid #f03;
}
#nav-one table td#last {
	border-bottom: none;
}
#nav-one li:hover table a,
#nav-one li.sfHover table a {
	width: 100%;
	background-color: #fff;
	color: #333;
	text-transform: none;
	text-decoration: none;
	font-size: 1.3rem;
	font-weight: bold;
}
#nav-one li:hover table a:hover,
#nav-one li.sfHover table a:hover {
	background-color: #ffc;
	color: #f00;
}
#nav-one table td span{
	display: block;
	padding: 10px 8px;
	font-weight: bold;
}

/* -- 選択状態 --*/
#navi_home #tab li a#home{
background: url(/img_cmn/tab.gif) 0px -27px no-repeat;
}
#navi_buy #tab li a#buy{
	background: url(/img_cmn/tab.gif) -76px -27px no-repeat;
}
#navi_sell #tab li a#sell{
	background: url(/img_cmn/tab.gif) -202px -27px no-repeat;
}
#navi_beginner #tab li a#beginner{
	background: url(/img_cmn/tab.gif) -322px -27px no-repeat;
}
#navi_mypage #tab li a#mypage{
	background: url(/img_cmn/tab.gif) -424px -27px no-repeat;
}
#navi_help #tab li a#help{
	background: url(/img_cmn/tab.gif) -506px -27px no-repeat;
}
#navi_sell #nav-one #genre {
	background-color: #06c;
}
#navi_sell #nav-one table td {
	border-bottom: 1px solid #06c;
}
#navi_beginner #nav-one #genre, #navi_mypage #nav-one #genre, #navi_help #nav-one #genre, #navi2 #nav-one #genre {
	background-color: #666;
}
#navi_beginner #nav-one table td, #navi_mypage #nav-one table td, #navi_help #nav-one table td, #navi2 #nav-one table td {
	border-bottom: 1px solid #666;
}

#navi_sell #nav-one table td#last, #navi_beginner #nav-one table td#last, #navi_mypage #nav-one table td#last, #navi_help #nav-one table td#last, #navi2 #nav-one table td#last {
	border-bottom: none;
}
#counter, #h_logout {
	float: right;
	padding-right: 6px;
	text-align: right;
}
#tab_watchlist {
	position: absolute;
	right: 92px;
	display: block;
	width: 178px;
	height: 32px;
	margin: -5px 0 0 0;
	padding: 12px 0 0 30px;
	background: url(/img_cmn/tab_watchlist.png) 0 0 no-repeat;
	text-align: left;
	font-size: 11px;
}
#tab_watchlist a {
	text-decoration: none;
	color: #333;
}
#tab_watchlist a:hover {
	text-decoration: underline;
	color: #f00;
}

/* -------------OLD フッター要素----------------- */

#footer {
	clear: both;
	margin: 0;
	border-top: 1px solid #e4e4e4;
}
#footer_cont {
	width: 100%;
	margin: 0 auto;
	color: #666;
	text-align: center;
	padding: 6px 0 0;
}
#footer_cont #footnavi {
	font-size: 1.3rem;
	line-height: 1.7;
}
#footer_cont #foot_alert {
	width: 840px;
	margin: 10px auto;
	padding: 6px;
	font-weight: bold;
	border: 1px solid #e4e4e4;
	background-color: #ffd;
}
#footer_cont p, #footer_cont address {
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1.3;
}
#footer_cont #grouplink {
	width: 920px;
	font-size: 12px;
	text-align: left;
	line-height: 1.8;
	margin: 12px auto 6px auto;
	padding: 10px;
	background-color: #f2f2f2;
	border-radius: 3px;
}
#footer_cont #grouplink ul {
	display: table;
	list-style-type: none;
}
#footer_cont #grouplink li {
	display: table-cell;
	vertical-align: middle;
}
#footer_cont #grouplink li.sitelink {
	padding: 10px 24px 10px 10px;
}
#footer_cont #grouplink li.medialink {
	padding-left: 10px;
	border-left: 1px dotted #ccc;
}
#footer_cont #grouplink li.medialink-front a,
#footer_cont #grouplink li.sitelink a {
	display: inline-block;
	margin-right: 7px;
}
#footer_cont #grouplink dt {
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}
#footer_cont #grouplink dd {
	padding-top: 4px;
}
#footer_cont #grouplink li.medialink dd {
	float: left;
	width: 185px;
	padding-top: 0;
}
#footer_cont #grouplink li.medialink dd.mdlink_first_row {
	padding-top: 4px;
}

#footer_cont .newsmedia {
	margin-top: 12px;
	line-height: 1.4;
}
#footer_cont .newsmedia a {
	color: #666;
}
#footer_cont .newsmedia a:hover {
	color: #f03;
}
/* ###### 古いCSSここまで header footer ################################# */







/* =======================================
 Contents
 ======================================= */

#contents {
	width: 100%;
	padding: 12px;
}

.single-column-wrap {
	width: 760px;
	margin: 0 auto;
	line-height: 1.3;
}
.single-column-list-wrap {
	width: 980px;
	margin: 0 auto;
	line-height: 1.3;
}
.form-title {
	margin-bottom: 20px;
	color: #06c;
	font-weight: bold;
	font-size: 2.4rem;
}
.form-section-title {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 2.2rem;
	margin-bottom: 15px;
}
.form-section-wrap {
	width: 760px;
	padding: 25px 45px;
	border: 1px solid #e6e6e6;
	background-color: #f2f2f2;
}
.form-parts-list li {
	border-bottom: 1px solid #ccc;
}
.form-parts-list li:last-child {
	border-bottom: none;
}
.form-parts-list li li {
	border-bottom: none;
}
.form-parts-list-dark {
	margin: 0 -45px 0 -45px;
	padding: 0 45px;
	font-size: 1.6rem;
	background-color: #e6e6e6;
}
.form-parts {
	display: table;
	width: 100%;
	padding: 20px 0;
	font-size: 1.6rem;
}
.form-parts-title {
	display: table-cell;
	width: 210px;
	padding-right: 20px;
	vertical-align: top;
}
.form-parts-contents {
	display: table-cell;
	word-break: break-all;
}
.form-parts-inner-table-wrap {
	background: #FFF;
	padding: 10px 15px;
	border: 1px solid #E6E6E6;
}
.form-parts-inner-table {
	display: table;
	width: 410px;
	margin: 8px 0;
}
.form-parts-inner-table-title {
	display: table-cell;
	width: 25%;
	font-size: 1.1rem;
	color: #999;
}
.form-parts-inner-table-contents {
	display: table-cell;
	font-size: 1.3rem;
}

.form-parts-contents-dark {
	font-size: 1.6rem;
	background-color: #e6e6e6;
	padding: 12px;
}
.form-parts-confirm {
	padding: 15px 0;
}
.form-parts-confirm .form-parts-title {
	padding-top: 3px;
	font-size: 1.5rem;
	color: #777;
}
.form-parts-confirm .form-parts-contents {
	display: table-cell;
	font-size: 1.8rem;
}
.form-parts-confirm .form-parts-contents-max-width {
	width: 453px;
}
.form-parts-require {
	color: #f03;
	font-size: 1.2rem;
	font-weight: bold;
}
.form-parts-subtext {
	display: inline-block;
	margin-top: 10px;
	font-size: 1.3rem;
	color: #555;
}
.input-text-name {
	display: inline-block;
	width: 38px;
	font-size: 1.4rem;
}
.input-text-name + input[type="text"] {
	width: 160px;
}
.form-parts input[type="text"],
.form-parts input[type="password"],
.form-parts input[type="email"],
.form-parts input[type="tel"],
.form-parts select,
.form-parts textarea,
.list-ticket-selector select {
	height: 40px;
	padding: 0 4px;
	font-size: 1.4rem;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.form-parts select {
	width: 120px;
}
select.birth-year-select,
.list-ticket-selector select {
	width: 160px;
}
.form-parts textarea {
	width: 100%;
	height: 6em;
}
.textarea-wide-height{
    height: 12em !important;
}

.over18-check {
	margin-top: 8px;
	font-weight: bold;
}
.form-address2 {
	width: 100%;
}
.form-address-search-btn {
	width: 80px;
	height: 32px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 1.4rem;
	cursor: pointer;
}
.form-address-search-btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.form-address-confirm {
	padding: 10px;
	margin: 6px 0 18px 0;
	background-color: #fff;
	border: 1px solid #e6e6e6;
}
.form-address-confirm dl {
	padding: 2px 0;
}
.form-address-confirm .form-parts-title {
	display: table-cell;
	width: 100px;
	padding-right: 10px;
	vertical-align: top;
	font-size: 1.2rem;
}
.form-address-confirm .form-parts-contents {
	display: table-cell;
	width: 330px;
	vertical-align: top;
	font-size: 1.4rem;
}
.form-address-change {
	padding: 15px;
	margin: 6px 0 18px 0;
	background-color: #e6e6e6;
}
.form-address-change .form-parts {
	padding: 10px 0;
}
.form-address-change .form-parts-title {
	width: 130px;
	font-size: 1.4rem;
}
.form-address-change .form-parts-contents {
	width: 320px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.form-address-change .last {
	border-bottom: none;
}
.form-address-change input[type="text"],
.form-address-change select {
	font-size: 1.3rem;
}

/* =======================================
 2カラム
======================================= */
.double-column-wrap {
	display: table;
	width: 100%;
	line-height: 1.3;
}
.double-column-wrap .main-contents,
.double-column-wrap .sidebar {
	display: table-cell;
	word-break: break-all;
}
.double-column-wrap .main-contents {
	padding: 10px 20px 10px 10px;
	text-align: left;
}
.double-column-wrap .sidebar {
	width: 248px;
	vertical-align: top;
}

/* main-contents：基本 */
.double-column-wrap .main-contents a {
	text-decoration: none;
}
.double-column-wrap .main-contents .breadcrumbs-list {
	padding: 0;
}

/* sidebar：基本 */
.sidebar-box {
	text-align: left;
	background-color: #FFF;
	border: 1px solid #e6e6e6;
	font-size: 1.2rem;
	margin-top: 6px;
	padding: 10px;
}
.sidebar-box:first-child {
	padding: 0;
}
.sidebar-box a {
	text-decoration: none;
}
.sidebar-guide-title {
	margin-bottom: 6px;
}
.sidebar-guide-title span {
	font-size: 1.3rem;
	font-weight: bold;
	color: #FFF;
	padding: 7px 5px 7px 45px;
	display: block;
}
.sidebar-box-title {
	font-size: 1.4rem;
	color: #444;
}
.sidebar-box-title span {
	padding: 8px 5px 8px 40px;
	font-weight: bold;
	display: block;
}
p.sidebar-link-more {
	text-align: right;
	margin-top: 6px;
	font-size: 1.2rem;
}

/* sidebar：profileコンテンツ */
.sidebar-main {
	padding: 18px;
}
.sidebar-inner {
	padding: 12px 18px 15px 18px;
}
.sidebar-profile {
	padding: 0 0 0 45px;
	margin-bottom: 10px;
	background: url("/img/mypage/user_icon.png") no-repeat 0 0;
}
.sidebar-profile span {
	font-size: 1.8rem;
	font-weight: bold;
}
.sidebar-profile-inner {
	margin-top: 6px;
	background-color: #f2f2f2;
	padding: 8px;
}
.sidebar-btn li {
	border-top: 1px solid #e6e6e6;
}
.sidebar-btn li a {
	padding: 20px 10px 20px 60px;
	display: block;
	color: #333;
	font-size: 1.3rem;
}
.sidebar-btn li a:hover,
.sidebar-ticket-buy dd a:hover,
.sidebar-ticket-sell dd a:hover {
	background-color: #f2f2f2;
}
.sidebar-mail-contents {
	padding: 6px 0;
	border-bottom: 1px solid #e6e6e6;
}
.sidebar-btn li.sidebar-mail-contents a {
	padding: 10px 10px 10px 60px;
	color: #0079ff;
	display: inline-block;
}
.sidebar-btn li.sidebar-mail-contents a:hover {
	background-color: #FFF;
	color: #4AA0FF;
}
/* 連絡ボード未読取引 */
.sidebar-btn.unread-ticket-board li a {
	padding: 20px 10px 20px;
	display: block;
	color: #333;
	font-size: 1.3rem;
}

/* sidebar：クーポン・スタンプ */
.sidebar-coupon,
.sidebar-stamp {
	display: table;
	width: 100%;
}
.sidebar-coupon {
	padding-bottom: 10px;
}
.sidebar-stamp {
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
}
.sidebar-coupon-link,
.sidebar-coupon-num,
.sidebar-stamp-link,
.sidebar-stamp-num {
	position: relative;
	display: table-cell;
}
.sidebar-coupon-link,
.sidebar-stamp-link {
	font-size: 1.4rem;
}
.sidebar-coupon-num,
.sidebar-stamp-num {
	text-align: right;
}
.sidebar-stamp.invite-friends {
	margin-top: 10px;
	padding: 16px 0 4px 0;
}

/* sidebar：ログインBOX */
.sidebar-box.login li {
	display: table-cell;
}
.sidebar-box.login li a {
	color: #FFF;
	font-weight: bold;
	background-color: #ff3333;
	padding: 5px 13px;
	font-size: 1.4rem;
	border-radius: 4px;
	display: inline-block;
	margin-left: 18px;
}
.sidebar-box.login li a:hover {
	background-color: #FF5555;
}

/* sidebar：本人確認未完了 */
.confirm-icon {
	position: relative;
	padding: 4px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
	display: inline-block;
}
.status-notconfirmed {
	color: #666;
	border: 1px solid #666;
}
.status-confirmed {
	color: #22ac35;
	border: 1px solid #22ac35;
}
.status-notconfirmed.confirm-alert,
.status-confirmed.confirm-alert {
	margin-left: 15px;
}
.confirm-alert::before {
	position: absolute;
	top: 1px;
	left: -22px;
	background-color: #f33;
	border-radius: 50%;
	color: #fff;
	content: "!";
	display: inline-block;
	font-family: Garamond,"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 1.8rem;
	font-weight: bold;
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}

/* sidebar：安心5つの理由 */
.sidebar-box.beginner {
	background-color: #01a6dc;
}
.sidebar-box.beginner .wrap {
	background-color: #FFF;
	padding: 10px;
}
.sidebar-box.beginner .wrap ul {
	padding-left: 15px;
}
.sidebar-box.beginner .wrap li {
	border-bottom: 1px dotted #999;
	padding: 3px 5px 3px 0;
	font-weight: bold;
}
.beginner-link {
	padding: 10px 10px 0 0;
}
.beginner-link div {
	background: url("/img/bg_ico.gif") no-repeat scroll 6px -698px;
	margin-bottom: 4px;
	padding-left: 26px;
}

/* sidebar：売り買いガイドコンテンツ */
.sidebar-ticket-sell dl {
	width: 100%;
}
.sidebar-ticket-buy dt,
.sidebar-ticket-sell dt {
	color: #FFF;
	padding: 5px 15px;
	font-size: 1.1rem;
	font-weight: bold;
}
.sidebar-ticket-buy dt {
	background: #e43139;
}
.sidebar-ticket-sell dt {
	background: #093c84;
}
.sidebar-ticket-buy dd a,
.sidebar-ticket-sell dd a {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	vertical-align: middle;
	display: block;
}
.sidebar-ticket-buy dd span,
.sidebar-ticket-sell dd span {
	font-size: 2rem;
	font-weight: bold;
	margin-left: 10px;
}
.sidebar-ticket-buy dd a {
	color: #e43139;
}
.sidebar-ticket-sell dd {
	display: table-cell;
	width: 124px;
	border-right: 2px solid #093c84;
	border-bottom: 2px solid #093c84;
}
.sidebar-ticket-sell dd a {
	color: #093c84;
}
.sidebar-ticket-sell dd:last-child {
	border-right: none;
}

.announcement-wrap {
	list-style-type: disc;
	padding: 5px 0 0 15px;
}
.announcement-wrap li {
	margin: 3px 0 5px 0;
}
.announcement-wrap li a {
	font-weight: bold;
}

/* sidebar：FAQ */
.sidebar-faq-wrap {
	border-top: 1px solid #e6e6e6;
}
.sidebar-faq-nav {
	width: 100%;
	overflow: hidden;
}
.sidebar-faq-nav li {
	display: table-cell;
	width: 82px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 8px 0;
	background-color: #E6E6E6;
}
.sidebar-faq-nav li.select {
	background-color: #FFF;
}
.sidebar-faq-nav li:hover {
	cursor: pointer;
	background-color: #EEEEEE;
}
.sidebar-faq-nav li.select:hover {
	background-color: #FFF;
}
.sidebar-faq-nav .faq-for-buy {
	color: #e43139;
}
.sidebar-faq-nav .faq-for-sell {
	color: #093c84;
}
.sidebar-faq-nav .faq-for-user {
	color: #009933;
}
.sidebar-faq-inner {
	padding: 15px 10px 10px 10px;
}
.sidebar-faq-inner li {
	padding-left: 25px;
	margin-bottom: 8px;
}
.sidebar-faq-inner li a {
	font-weight: bold;
}
.faq-for-buy-wrap li {
	background: url("/img/mypage/faq_buy_icon.png") no-repeat 0 0;
}
.faq-for-sell-wrap li {
	background: url("/img/mypage/faq_sell_icon.png") no-repeat 0 0;
}
.faq-for-user-wrap li {
	background: url("/img/mypage/faq_user_icon.png") no-repeat 0 0;
}
.sidebar-faq-wrap .hide {
	display: none;
}


/* sidebar：売れ筋ランキング */
.sidebar-box .ranking-wrap {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px solid #e6e6e6;
}
.sidebar-box .ranking-wrap li {
	position: relative;
	margin: 5px 0 7px 0;
	padding-top: 2px;
}
.sidebar-box .ranking-wrap li a {
	padding-left: 30px;
	font-weight: bold;
	display: inline-block;
}
.sidebar-box .ranking-wrap li a span {
	font-size: 1.1rem;
	color: #333;
}
.sidebar-box .r_01::before,
.sidebar-box .r_02::before,
.sidebar-box .r_03::before,
.sidebar-box .r_04::before,
.sidebar-box .r_05::before,
.sidebar-box .r_06::before,
.sidebar-box .r_07::before,
.sidebar-box .r_08::before,
.sidebar-box .r_09::before,
.sidebar-box .r_10::before {
	position: absolute;
	display: block;
	top: 0;
	left: 2px;
	width: 20px;
	height: 20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 21px;
	border-radius: 10px;
}
.sidebar-box .r_01::before {
	content: '1';
	background-color: #e95a61;
}
.sidebar-box .r_02::before {
	content: '2';
	background-color: #e95a61;
}
.sidebar-box .r_03::before {
	content: '3';
	background-color: #e95a61;
}
.sidebar-box .r_04::before {
	content: '4';
	background-color: #7b8184;
}
.sidebar-box .r_05::before {
	content: '5';
	background-color: #7b8184;
}
.sidebar-box .r_06::before {
	content: '6';
	background-color: #7b8184;
}
.sidebar-box .r_07::before {
	content: '7';
	background-color: #7b8184;
}
.sidebar-box .r_08::before {
	content: '8';
	background-color: #7b8184;
}
.sidebar-box .r_09::before {
	content: '9';
	background-color: #7b8184;
}
.sidebar-box .r_10::before {
	content: '10';
	background-color: #7b8184;
	line-height: 1.8;
	font-size: 1.1rem;
}

/* sidebar：その他（ビジネス会員・カスタマーサポート等） */
#appli h3,
#biz h3,
#cs h3,
#security h3 {
	background-color: #f2f2f2;
	font-weight: bold;
	padding: 7px;
}


/* sidebar：アイコン */
.sd-ico {
	background-image: url("/img/mypage/sidebar-icon.png?20180201");
	background-repeat: no-repeat;
}
.mypage-ico {
	background-position: 0 -5px;
}
.watchlist-ico {
	background-position: 15px -40px;
}
.config-ico {
	background-position: 15px -85px;
}
.mail-ico {
	background-size: 30px;
	background-position: 19px -106px;
}
.info-ico {
	background-position: 0 -186px;
}
.faq-ico {
	background-position: 0 -232px;
}
.ticket-ico {
	background-size: 30px;
	background-position: 10px -208px;
}
.ranking-ico {
	background-position: 0 -300px;
}


/* sidebar：共通CSS */
.sb-bg-red {
	background: #e43139;
}
.sb-bg-blue {
	background: #093c84;
}

/* バナー用 */
.banner-box {
	font-size: 0;
}


/* =======================================
 ラジオボタン・セレクト/チェックボックス
======================================= */

input[type="radio"] , input[type="checkbox"]{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	margin-right: 8px;
}
.gender-select label {
	margin-right: 20px;
}
.label-white-box {
	display: block;
	padding: 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}


/* =======================================
 inputサイズ
======================================= */

.form-input-size-max input {
	width: 100%;
}
.form-input-size-large input {
	width: 430px;
}
.form-input-size-medium input {
	width: 230px;
}


/* =======================================
 selectサイズ
======================================= */

.form-select-size-medium select {
	width: 180px;
}
.form-select-size-max select {
	width: 100%;
}
.form-select-size-auto select {
	width: auto;
}


/* =======================================
 検索サジェスト機能
======================================= */
.suggest_list {
	position: absolute;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index: 999;
	padding: 0;
	cursor: default;
	box-shadow: 0 0 10px #999;
	width: 630px;
}
.suggest_list div {
	padding: 5px;
	text-align: left;
	font-size: 1.4rem;
}
.suggest_list div span {
	color: #777;
}
.suggest_list div a {
	color: #333;
	text-decoration: none;
}
.suggest_list div:hover,
.suggest_list div.select,
.suggest_list div.over {
	background-color: #0079ff;
	cursor: pointer;
}
.suggest_list div:hover a,
.suggest_list div:hover a span,
.suggest_list div.select a,
.suggest_list div.over a {
	color: #FFF;
}
.suggest_list div.select span,
.suggest_list div.over span {
	color: #eee;
}
.suggest_list strong {
	font-weight: bold;
}


/* =======================================
 注意文言：黄色い枠
======================================= */
.form-alert-box {
	padding: 15px;
	border: 1px solid #edca37;
	background-color: #ffc;
}
.form-alert-title {
	font-size: 2.2rem;
	font-weight: bold;
	color: #f03;
}
.form-alert-text {
	font-size: 1.3rem;
}
.form-alert-inner {
	display: inline-block;
	width: 70%;
	vertical-align: top;
}


/* =======================================
 注意文言：赤色の枠
======================================= */
.form-alert-box-red {
	padding: 15px;
	border: 1px solid #FF0033;
	background-color: #FFEBF0;
}


/* =======================================
 エラー文言：ピンク色の枠
======================================= */
.form-error {
	background-color: #FFD6DF;
	border: 1px solid #FF0033;
	color: #FF0033;
	text-align: center;
	padding: 20px;
	font-size: 1.6rem;
	font-weight: bold;
}
.form-error-text-small {
	font-size: 1.4rem;
	margin-top: 5px;
}
.form-error a {
	font-weight: bold;
}


/* =======================================
 ログイン
======================================= */
.form-login {
	margin: 24px 0;
}
.form-login ul {
	margin: 0 auto;
}
.form-login li {
	padding-bottom: 24px;
}
.form-login input {
	width: 365px;
}
.form-login-subtext {
	margin-top: 12px;
	text-align: center;
	font-size: 1.3rem;
}
.form-login h3,
.form-outside-account-box.os-login h3 {
	border-left: 5px solid #f7931e;
	padding-left: 8px;
}

/* =======================================
 ログアウト
======================================= */
.form-logout-pr {
	margin-top: 60px;
}
.form-logout-pr-title {
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
	text-align: left;
}
.form-logout-pr-title span {
	background: #999;
	color: #FFF;
	padding: 5px 15px;
	font-size: 1.2rem;
	font-weight: bold;
	display: inline-block;
}
.form-logout-pr li {
	display: table-cell;
	width: 30%;
	text-align: center;
}


/* =======================================
 外部アカウントで新規会員登録・ログイン
======================================= */

/* 外部アカウント：新規会員登録・ログイン共通 */
.or-line {
	position: absolute;
	top: -11px;
	left: 0;
	width: 100%;
	text-align: center;
}
.or-line span {
	font-size: 1.4rem;
	font-weight: bold;
	display: inline-block;
	padding: 3px 8px;
	color: #999;
}

/* 外部アカウント：新規会員登録 */
.form-parts.outside-account {
	padding: 10px 0;
}
.form-outside-account-box.os-entry div {
	background-color: #f2f2f2;
	padding: 15px;
}
.form-outside-account-box.os-entry h3 {
	padding-left: 10px;
	border-left: 5px solid #0066cc;
	font-weight: bold;
	display: inline-block;
}


/* 外部アカウント：ログイン */
.form-outside-account-box.os-login {
	display: table-cell;
	vertical-align: top;
	background: url("/img/form/or.png") no-repeat 18px 18px;
	padding-left: 64px;
	text-align: left;
}
.login-user-entry-wrap {
	width: 100%;
	display: table;
	background-color: #f2f2f2;
	padding: 10px;
}
.login-user-entry-wrap dt,
.login-user-entry-wrap dd {
	display: table-cell;
	vertical-align: middle;
}
.login-user-entry-wrap dt {
	width: 431px;
	padding-left: 45px;
}
.login-user-entry-wrap dt h4 {
	border-left: 5px solid #0066cc;
    padding-left: 8px;
}


/* 外部アカウント：連携Twitterログイン */
.account-by-twitter {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 10px 0;
}
.account-by-twitter dt,
.account-by-twitter dd {
	display: table-cell;
	vertical-align: middle;
}
.account-by-twitter dt {
	color: #1DA1F2;
	font-size: 1.8rem;
}
.account-by-twitter dd {
	padding-left: 15px;
	font-size: 1.6rem;
	color: #66757f;
}
.twitter-logo-icon {
	background: url("/img/twitter_logo_blue.png") no-repeat 0 -5px;
	background-size: 32px;
	padding-left: 32px;
}

/* スタンププレゼント案内 */
.stamp-present-info {
	padding-left: 80px;
	background: url(/campaign_api/v1/img/on3.png) 6px 4px no-repeat;
	background-size: 72px;
	background-color: #ffc;
}
.stamp-present-title {
	font-size: 1.8rem;
}


/* 外部アカウント：ウォッチリスト */
.ui-widget-content .form-outside-account-box {
	margin: 0 11px 0 11px;
	padding: 0 0 15px 0;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
}
.ui-widget-content .form-outside-account-box.os-entry .or-line span {
	background-color: #FFF;
}
.ui-widget-content .form-outside-account-box a {
	color: #1DA1F3;
}
.ui-dialog-buttonset {
	text-align: center;
}
.ui-widget-content .form-outside-account-box button {
	width: 160px;
	padding: 4px 2px;
	margin: auto;
}
.modal-open .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}
.modal-open .ui-dialog .ui-dialog-buttonpane button {
	margin: 0.5em 0 0.5em 0;
}
.modal-open .ui-dialog .ui-dialog-buttonpane {
	padding: 0.3em 0.1em 0.5em 0;
}

/* =======================================
 パスワード再設定
======================================= */
.form-password-remind-text {
	font-size: 1.2rem;
	margin-left: 210px;
	text-align: left;
	font-weight: bold;
}


/* =======================================
 支払方法
======================================= */
.from-payment-list .title {
	padding-top: 18px;
	font-weight: bold;
}
.from-payment-list .detail {
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
}
.from-payment-list dd:last-child {
	border-bottom: none;
}


/* =======================================
フォーム内の利用規約・同意事項
======================================= */
.rule-box {
	margin-top: 18px;
}
.rule-box-title {
	font-weight: normal;
	font-size: 1.8rem;
}
.rule-box-subwin {
	margin-top: -20px;
	text-align: right;
	font-size: 1.4rem;
}
.rule-box-text {
	width: 100%;
	height: 170px;
	padding: 10px;
	margin-top: 6px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	color: #555;
	font-size: 1.4rem;
	line-height: 1.3;
}
.rule-box-ticket-entry {
	margin-top: 10px;
	text-align: right;
	font-size: 1.4rem;
}
.ticket-unit,
.ticket-unit-price {
	color: #d1272d;
	font-size: 2.4rem;
	font-weight: bold;
}
.ticket-unit-price {
	display: inline-block;
	padding-right: 12px;
}
.ticket-limit-time {
	color: #FF0033;
	font-size: 1.8rem;
	font-weight: bold;
}


/* =======================================
 ボタン
======================================= */
.btn {
	display: block;
	margin: 0 auto;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}
a.btn {
	text-decoration: none;
	padding-top: 10px;
}
.btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* サイズ：小 */
.btn-small {
	width: 140px;
	height: 40px;
	padding: 4px;
}
/* サイズ：中 */
.btn-medium {
	width: 240px;
	height: 47px;
	padding: 6px;
	font-size: 1.8rem;
}
/* サイズ：大 */
.btn-large {
	width: 320px;
	height: 52px;
	padding: 6px;
	font-size: 1.8rem;
}
/* サイズ：自動 */
.btn-auto {
	width: auto;
	height: 47px;
	padding: 6px 18px;
	font-size: 1.8rem;
	display: inline-block;
}

/* 青色 */
.btn-blue {
	background-color: #06c;
	border-bottom: 3px solid rgba(0, 0, 0, 0.4);
	color: #fff;
}

/* オレンジ色 */
.btn-orange {
	background-color: #f7931e;
	border-bottom: 3px solid rgba(0, 0, 0, 0.3);
	color: #fff;
}

/* 白色 */
.btn-white {
	background-color: #fff;
	border-bottom: 3px solid rgba(0, 0, 0, 0.3);
	color: #0079FF;
}

/* グレー */
.btn-gray {
	background-color: #999;
	color: #fff;
}

/* 水色(Twitter用ボタン) */
.btn-twitter {
	background: #FFF url("/img/twitter_logo_blue.png") no-repeat scroll 5px 3px;
	background-size: 37px;
	font-size: 1.6rem;
	border-bottom: 3px solid rgba(0, 0, 0, 0.3);
	color: #1DA1F2;
	padding-top: 12px !important;
	padding-left: 45px;
	position: relative;
	top: 0;
	left: 0;
}
.btn-twitter::after {
    border-left: 1px solid #e6e6e6;
    content: "";
    height: 100%;
    left: 45px;
    position: absolute;
    top: 0;
    width: 0;
}


/* 戻るボタン */
.btn-back {
	position: relative;
	background-color: #999;
	color: #fff;
	font-size: 1.6rem;
	padding: 4px 4px 4px 15px;
	border-radius: 0;
	width: 120px;
	height: 40px;
}
.btn-back:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: 6px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 8px solid #fff;
}
.btn-to-top {
	position: relative;
	background-color: #999;
	color: #fff;
	font-size: 1.4rem;
	padding: 8px 4px 4px 23px;
	border-radius: 0;
	width: 105px;
	height: 34px;
}
.btn-to-top:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 17px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 0 8px 11px;
	width: 0;
}
a.btn.btn-to-top {
	padding-top: 8px;
}
a.btn-to-top:hover,
a.btn-back:hover {
	color: #FFF;
}
.btn-mypage-back {
	width: 165px;
	padding: 4px 4px 4px 23px;
}

/* 灰色（完了画面に設置している再掲載ボタン等） */
.btn-ticket-entryend-gray {
	position: relative;
	background: #E6E6E6;
	color: #fff;
	font-size: 1.6rem;
	padding: 6px 20px 6px 6px;
	margin-top: 20px;
	width: 240px;
	height: 47px;
}
.btn-ticket-entryend-gray:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 4px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: 6px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 6px solid transparent;
}
/* 灰色＋テキストと矢印：赤 */
.btn-ticket-entryend-red {
	color: #ea475f;
}
.btn-ticket-entryend-red:before {
	border-left: 8px solid #ea475f;
}
a.btn-ticket-entryend-red,
a.btn-ticket-entryend-blue {
	padding-top: 13px;
}
a.btn-ticket-entryend-red:hover {
	color: #EC5970;
}
/* 灰色＋テキストと矢印：青 */
.btn-ticket-entryend-blue {
	color: #06c;
}
.btn-ticket-entryend-blue:before {
	border-left: 8px solid #06c;
}

/* シンプルな灰色ボタン（矢印も何もないボタン） */
.btn-simple-gray {
	background: #999;
	color: #FFF;
	font-weight: bold;
	font-size: 1.4rem;
	padding: 8px 30px;
	text-decoration: none;
	display: inline-block;
}
.btn-simple-gray:hover {
	background: #AFAFAF;
	color: #FFF;
}

/* 新着アラートボタン */
.btn-alertmail {
	color: #333;
    text-decoration: none;
	display: block;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #999;
}
.btn-alertmail:hover {
	color: #777;
}
.btn-alertmail-large {
	width: 300px;
	height: 47px;
	font-size: 1.5rem;
	padding-top: 13px;
	padding-left: 32px;
	border-radius: 6px;
	background-position: 19px 14px;
}

/* チケット掲載(規約同意確認) */
button.btn-ticket-entry.not_tenbai_unchecked {
	color: #fff;
	background-color: #ccc;
	border-bottom: 3px solid rgba(0, 0, 0, 0.1);
	font-weight: bold;
}
button.btn-ticket-entry.not_tenbai_unchecked:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: default;
}

/* 注文ボタンなど */
.btn-tikcet-list-order {
	width: 68px;
	height: 34px;
	color: #fff;
	background-color: #e43139;
	border-bottom: 3px solid rgba(0, 0, 0, 0.3);
	font-weight: bold;
}
input.btn-tikcet-list-order[type="submit"][disabled] {
	width: 68px;
	height: 34px;
	color: #fff;
	background-color: #ccc;
	border-bottom: 3px solid rgba(0, 0, 0, 0.3);
	font-weight: bold;
}
input.btn-tikcet-list-order[type="submit"][disabled]:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: default;
}
.btn-no-order,
.btn-tikcet-list-order.self-entry {
	display: block;
	margin: 0 auto;
	padding-top: 7px;
	border-radius: 6px;
	text-align: center;
	width: 68px;
	height: 34px;
	color: #fff;
	background-color: #999;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: normal;
}

/* ウォッチリスト登録ボタン */
.watch-star {
	margin-bottom: 3px;
}
.watchlists-buttons {
	display: block;
	margin: 0 auto;
	width: 28px;
	height: 30px;
	background: url(/img/list/watch_star_new.png) 0 -30px no-repeat;
}
.watchlists-buttons:hover {
	cursor: pointer;
}
.watchlists-buttons.listed {
	background: url(/img/list/watch_star_new.png) 0px 0 no-repeat;
}

/* 「アイコンの説明」ボタン */
.icon-info-btn {
	padding: 5px 12px;
	border: 1px solid #CCC;
	display: inline-block;
	float: right;
	font-size: 1.2rem;
}
.icon-info-btn a {
	color: #444;
}
.icon-info-btn a:hover {
	color: #999;
}



/* =======================================
 チケットアイコン
======================================= */
.tk-ico {
	display: inline-block;
	word-break: keep-all;
	margin: 4px 1px 0;
	padding: 1px 2px;
	line-height: 1.4;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	border: 2px solid;
	vertical-align: middle;
	white-space: nowrap;
}
.tk-ico.woman,
.tk-ico.owner_kbn-1,
.tk-ico.meigi-1 {
	color: #fff;
	border-color: #e25a91;
	background-color: #e25a91;
}
.tk-ico.man,
.tk-ico.owner_kbn-2,
.tk-ico.meigi-2 {
	color: #fff;
	border-color: #0071bc;
	background-color: #0071bc;
}
.tk-ico.nomeigi,
.tk-ico.owner_kbn-3,
.tk-ico.meigi-3 {
	color: #666;
	border-color: #666;
	background-color: #FFF;
}
.tk-ico.anshin {
	color: #00a99d;
	border-color: #00a99d;
	background-color: #FFF;
}
.tk-ico.nopaint,
.paint_id-1 {
	color: #f7931e;
	border-color: #f7931e;
	background-color: #FFFFD2;
}
.paint_id-2 {
	color: #666;
	border-color: #666;
	background-color: #FFFFD2;
}
.tk-ico.shop {
	color: #158243;
	border-color: #158243;
}
.tk-ico.idcord {
	color: #22AC35;
	border-color: #22AC35;
	background-color: #FFF;
}

.tk-ico.express {
	background: url("/img/form/ticket_express_icon.png") no-repeat 0 0;
	border: none;
	width: 50px;
	height: 19px;
	margin-top: 2px;
	vertical-align: middle;
}
.tk-ico.express.toumeihan {
	background: url("/img/form/ticket_express_toumeihan_icon.png") no-repeat 0 0;
	width: 66px;
}
.tk-ico.express.kansai {
	background: url("/img/form/ticket_express_kansai_icon.png") no-repeat 0 0;
	width: 60px;
}
.tk-ico.express.kanto {
	background: url("/img/form/ticket_express_kanto_icon.png") no-repeat 0 0;
	width: 60px;
}
.tk-ico.trade-type-1 {
	color: #2FA53A;
	border-color: #2FA53A;
	background-color: #FFF;
	padding: 1px 4px;
}
.tk-ico.trade-type-2 {
	color: #D4145A;
	border-color: #D4145A;
	background-color: #FFF;
}
.tk-ico.trade-type-3 {
	color: #0071BC;
	border-color: #0071BC;
	background-color: #FFF;
}
.tk-ico.trade-type-4 {
	color: #99824F;
	border-color: #99824F;
	background-color: #FFF;
}

.tk-ico-otoku {
	background-color: #ffff00;
	border: 1px solid #a8202a;
	border-radius: 3px;
	color: #a8202a;
	font-size: 1rem;
	font-weight: bold;
	margin: 0 1px 2px 1px;
	padding: 1px 4px;
	display: inline-block;
}
.tk-ico-new {
	background-color: #A8202A;
	border: 1px solid #A8202A;
	border-radius: 3px;
	color: #FFF;
	font-size: 1rem;
	font-weight: bold;
	margin: 0 1px 2px 1px;
	padding: 1px 3px;
	display: inline-block;
}
.tk-ico.today.tk-list,
.tk-ico.tomorrow.tk-list {
	background-color: #fff;
	border: 1px solid #a8202a;
	border-radius: 3px;
	color: #a8202a;
	font-size: 0.8rem;
	line-height: 1;
	padding: 2px 0;
	width: 32px;
}
.tk-ico.today.tk-list span,
.tk-ico.tomorrow.tk-list span {
	font-size: 1rem;
	font-weight: bold;
}


/* =======================================
 ビックリマーク
======================================= */
.ex-mark::before {
	background-color: #06c;
	border-radius: 50%;
	color: #fff;
	content: "!";
	display: inline-block;
	font-family: Garamond,"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 4.8rem;
	font-weight: bold;
	width: 50px;
	height: 50px;
	margin-right: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}

/* 黄色 */
.em-yellow::before {
	background: #EDCA37;
}

/* 赤色 */
.em-red::before {
	background: #FF0033;
}

/* 小サイズ */
.ex-mark-small::before {
	width: 26px;
	height: 26px;
	font-size: 2.6rem;
	margin-right: 8px;
}

/* 小小サイズ */
.ex-mark-xsmall::before {
	width: 18px;
	height: 18px;
	font-size: 1.8rem;
	margin-right: 8px;
}


/* =======================================
 メガホンアイコン
======================================= */
.megaphone_icon {
	background: url("/img/form/megaphone_icon.png") no-repeat 33px 23px;
	background-size: 45px;
}
.megaphone_icon p,
.megaphone_icon ul {
	margin-left: 75px;
}

/* =======================================
 数字アイコン
======================================= */
.form-number-icon {
	border-radius: 50%;
	background-color: #06c;
	color: #fff;
	font-size: 3.6rem;
	font-weight: bold;
	width: 46px;
	height: 46px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-right: 14px;
}


/* =======================================
 target_blankアイコン
======================================= */
.target-blank {
	background: url("/img/form/new_window.png") no-repeat 100% 3px;
	padding-right: 20px;
}


/* =======================================
 新着アラートアイコン
======================================= */
.btn-mail-icon {
	background-image: url("/img/form/alertmail_icon.png");
	background-repeat: no-repeat;
	background-color: #FFF;
}


/* =======================================
 完了画面等の中央寄せコンテンツ
======================================= */
.form-center-wrap {
	text-align: center;
	line-height: 1.3;
	line-height: 1.5\9;
	width: 760px;
	margin: auto;
}
@media all and (-ms-high-contrast:none){
  .form-center-wrap {
    line-height: 1.5;
  }
}

.form-center-title {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 80px 0 60px 0;
	line-height: 1.6;
}

.form-center-box {
	border: 4px solid #06c;
	width: 75%;
	margin: auto;
	border-radius: 3px;
	padding: 30px 20px;
}
.form-center-box-title {
	font-size: 2rem;
	font-weight: bold;
	color: #f03;
}
.form-center-box .form-alert-box {
	text-align: left;
	margin-top: 25px;
}
.form-center-box .form-alert-box span {
	font-size: 1.4rem;
	font-weight: bold;
}
.form-center-wrap .ex-mark::before {
	position: relative;
	top: -25px;
	margin: 0;
}
.form-center-wrap .end-ticketlist-link {
	font-size: 1.5rem;
	margin-top: 40px;
}


/* =======================================
 パンくずリスト
======================================= */
.breadcrumbs-list {
	text-align: left;
	font-size: 1.3rem;
	padding: 8px;
	line-height: 1.4;
}


/* =======================================
 フォームの流れ（ステップ）
======================================= */
.form-flow-step {
	padding: 0;
	overflow: hidden;
	width: 100%;
	display: table;
	line-height: 1;
}
.form-flow-step li {
	display: table-cell;
	padding: 0 22px 0 0;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #CCC;
	width: 20%;
}
.form-flow-step li:last-child {
	padding: 0;
}
.form-flow-step li:first-child span::before,
.form-flow-step li:last-child span::after {
	border: none;
}
.form-flow-step span.step-wrap {
	line-height: 1.4;
	font-weight: bold;
	display: block;
}
.form-flow-step span.flow-wrap {
	background: #CCC;
	padding: 22px 0;
	display: block;
	color: #888;
	position: relative;
	font-weight: bold;
	font-size: 1.6rem;
}
.form-flow-step span.flow-wrap::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -30px;
	border-width: 30px 0 30px 16px;
	border-style: solid;
	border-color: #CCC #CCC #CCC transparent;
	left: -16px;
}
.form-flow-step span.flow-wrap::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -30px;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 16px solid #CCC;
	right: -16px;
}
.form-flow-step .current {
	font-weight: bold;
	color: #0066cc;
}
.form-flow-step .current span.flow-wrap {
	background: #0066CC;
	color: #FFF;
}
.form-flow-step .current span.flow-wrap::before {
	border-color: #0066CC #0066CC #0066CC transparent;
}
.form-flow-step .current span.flow-wrap::after {
	border-left: 16px solid #0066CC;
}
.form-flow-step .current::after,
.form-flow-step .current::before{
  content: normal;
}


/* =======================================
 新着アラートメール
======================================= */
.alertmail-header {
	padding: 28px 6px;
	background-color: #06c;
	text-align: center;
	color: #fff;
}
.alertmail_icon img {
	width: 45px;
}
.alertmail-title {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 5px 0 15px 0;
}
.alertmail-address {
	padding: 20px 30px 30px 30px;
	background-color: #F2F2F2;
	border: 1px solid #E6E6E6;
}
.alertmail-address-info {
	margin: 0 20px 20px 20px;
}
.alertmail-address-info dt {
	position: absolute;
	font-size: 1.5rem;
}
.alertmail-address-info dd {
	padding-left: 190px;
	word-break: break-all;
	font-weight: bold;
	color: #06c;
}
.alertmail-address-info dd input {
	font-weight: normal;
	font-size: 1.4rem;
}
.alertmail-address-text {
	font-size: 1.3rem;
	border-top: 1px solid #D6D6D6;
	padding: 15px 20px 0 20px;
}
.alertmail-address-login {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.alertmail-address-login a {
	font-weight: bold;
}
.alertmail-info-text {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.6;
}
.alertmail-info {
	padding: 30px 0 35px 0;
}
.alertmail-info input {
	display: none;
}
.alertmail-info label {
	cursor: pointer;
	font-weight: bold;
	color: #0079ff;
	text-decoration: underline;
}
.alertmail-info label:hover {
	color: #4AA0FF;
}
.alertmail-info .alertmail-info-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	padding: 0 0 0 32px;
}
.alertmail-info input:checked + .alertmail-info-cont {
	height: auto;
	padding-top: 20px;
}


/* =======================================
 キーワード検索フォーム
======================================= */
.form-keyword-search-box {
	position: relative;
	width: 630px;
}
.form-keyword-search-btn {
	background: #06c url("/img/form/search_icon.png") no-repeat scroll center center;
	border: 0 none;
	height: 40px;
	position: absolute;
	top: 0;
	right: -38px;
	text-indent: -9999px;
	width: 40px;
	border-radius: 0 3px 3px 0;
}
.form-keyword-search-btn:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}
.form-input-size-keyword {
	width: 630px;
}


/* =======================================
 チケット掲載
======================================= */
.form-ticketentry-first-list {
	text-align: left;
	margin-bottom: 20px;
	background: #FFF;
	padding: 15px;
}
.form-ticketentry-list-title {
	font-size: 2rem;
	font-weight: bold;
	color: #06c;
}
.form-ticketentry-list-text {
	font-size: 1.2rem;
	margin-left: 60px;
}
.form-ticketentry-list-text span {
	display: inline-block;
	font-weight: bold;
	font-size: 2rem;
	margin-top: 6px;
	color: #FFF;
	background: #FF0033;
	padding: 3px 10px;
}

/* チケット掲載前のご注意・ルール */
.ticketentry-rule-link {
	margin: 20px 0 60px 0;
	font-size: 1.3rem;
	line-height: 1.6;
}
.ticketentry-rule-link li {
	display: inline-block;
}
.ticketentry-rule-checklist {
	background: #E6E6E6;
	padding: 18px;
	margin-top: 6px;
	font-size: 1.2rem;
}
.ticketentry-rule-checklist li:before {
	content: "×";
	color: #FF0033;
	font-weight: bold;
	font-size: 1.8rem;
	margin-right: 5px;
}
.ticketentry-rule-checklist a,
.ticketentry-kouen-select-wrap a {
	text-decoration: none;
}
.ticketentry-rule-checklist a {
	font-weight: bold;
}

/* 「掲載するチケットのカテゴリを選択」 */
.ticketentry-category-select div {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.ticketentry-category-select a {
	font-size: 1.3rem;
}
.ticketentry-category-select p {
	font-weight: bold;
	font-size: 1.8rem;
	margin: 20px 0 6px 0;
}
.ticketentry-category-select li {
	margin-bottom: 8px;
}

/* 「掲載数の多い公演から選ぶ」 */
.form-popular-kouen-list li {
	width: 47%;
	display: inline-block;
	vertical-align: top;
	margin: 6px 15px 6px 0;
}
.form-popular-kouen-list a {
	font-size: 1.2rem;
}

/* 検索結果：複数の公演 */
.ticketentry-kouen-select-list {
	background: #FFF;
	margin: 15px 0 10px 0;
	padding: 20px;
}
.ticketentry-kouen-select-list li {
	width: 31%;
	margin: 10px 5px;
	display: inline-block;
	vertical-align: top;
}
.ticketentry-kouen-select-list h3 {
	font-size: 1.4rem;
	line-height: 1.1;
}
.ticketentry-kouen-select-list span.count {
	font-size: 1.1rem;
	color: #666;
}

/* 検索結果：タグ */
.ticketentry-kouen-name {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 24px;
	color: #06c;
}

/* チケット登録フォーム */
.form-otoku-mark-wrap {
	border-top: 1px solid #CCC;
	margin-top: 16px;
	padding-top: 18px;
	width: 454px;
	font-size: 1.4rem;
}
.form-ticket-paint-wrap label {
	display: block;
	margin-bottom: 6px;
}
#js-trade_type2 {
	background-color: #ffc;
	border: 1px solid #edca37;
	padding: 15px;
}

/* チケット登録フォーム：会場サジェスト機能 */
.ticket-kaijo-suggest-size .suggest_list {
	width: 320px;
}
.ticket-kaijo-suggest-size .suggest_list div.select,
.ticket-kaijo-suggest-size .suggest_list div.over {
	color: #FFF;
}

/* チケット掲載　入力アシスト機能 */
.form-zaseki-txt1,
.form-zaseki-txt2,
.form-zaseki-txt3 {
	display: block;
}
#display-assist1,
#display-assist2,
#display-assist3 {
	display: block;
	width: 108px;
	font-size: 1.2rem;
	padding: 4px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	cursor: pointer;
}
button#display-assist1:hover,
button#display-assist2:hover,
button#display-assist3:hover {
	background-color: #f0f0f0;
}
#inputassist1,
#inputassist2,
#inputassist3 {
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
.input-assist-title {
	padding: 6px;
	color: #666;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #e6e6e6;
}
.input-assist-wrap {
	padding: 4px 8px;
	font-size: 1.2rem;
}
.input-assist-subtext {
	font-size: 1rem;
}
.input-assist-wrap input[type="button"],
.input-assist-wrap button {
	position: relative;
	margin-top: 6px;
	height: 20px;
	padding: 2px 18px 0 3px;
	font-size: 1.2rem;
	line-height: 1;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 3px;
	cursor: pointer;
}
.input-assist-wrap button {
	margin-right: 4px;
}
.input-assist-wrap button::before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	top: 3px;
	right: 3px;
	background-color: #999;
}
.input-assist-wrap button::after {
	position: absolute;
	content: "＋";
	top: 4px;
	right: 3px;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.input-assist-wrap button.input-assist-simple-btn {
	width: 24px;
}
.input-assist-wrap button.input-assist-simple-btn::before {
	right: 5px;
}
.input-assist-wrap button.input-assist-simple-btn::after {
	right: 5px;
}
.input-assist-wrap input[type="text"] {
	width: 40px;
	height: 24px;
	margin-top: 4px;
	padding: 0 3px;
	font-size: 1.2rem;
}
.input-assist-wrap label {
	display: block;
	margin-top: 6px;
}
.input-assist-wrap input[type="checkbox"] {
	margin-left: 4px;
	vertical-align: middle;
}
.input-assist-wrap button[type="button"].input-assist-clear {
	padding: 3px 6px;
}
button[type="button"].input-assist-clear {
	position: absolute;
	top: 5px;
	right: 4px;
}
button[type="button"].input-assist-clear::before,
button[type="button"].input-assist-clear::after {
	content: none;
}
.input-assist-block-align {
	display: inline-block;
	width: 96px;
}

/* チケット掲載　自動値下げ設定 */
.auto-price-down-list li.auto-price-down-section {
	padding-top: 12px;
	border-bottom: 1px solid #ccc;
}
.auto-price-down-list li.auto-price-down-section:last-child {
	border-bottom: none;
}
.form-sub-parts {
	display: table;
}
.form-sub-parts-title,
.form-sub-parts-contents {
	display: table-cell;
}
.form-sub-parts-title {
	width: 45px;
}
.form-sub-parts-contents select {
	width: 180px;
}
.auto-price-down-section .form-otoku-mark-wrap {
	border-top: none;
	margin-top: 0;
	padding: 0 0 0 12px;
	width: auto;
	font-size: 1.2rem;
}
.auto-price-down-calc-date {
	padding-left: 6px;
}
.auto-pricedown-otoku-txt {
	margin-left: 58px;
	text-indent: -1.1rem;
}
.tk-ico-otoku.auto-price-down-conf {
	position: absolute;
}

/* 転売チェック */
.form-alert-box.tenbai-check {
	padding: 20px 40px;
}


/* =======================================
 チケット注文フォーム
======================================= */

/* チケット注文フォーム：登録情報と異なる住所に送る */
.another-address-input-wrap {
	padding: 15px 18px;
}
.another-address-input-wrap dl {
	width: 100%;
	display: table;
	font-size: 1.4rem;
    padding: 10px 0;
}
.another-address-input-wrap dt {
	width: 28%;
}
.another-address-input-wrap dd .form-parts-subtext {
	font-size: 1.1rem;
}
.another-address-input-wrap dd .name-text {
	font-size: 1.7rem;
}

/* 古いIE・android用のアラートメッセージ */
#impossible-zeus-cre-browser-alert,
#impossible-zeus-cre-android-alert,
#possible-zeus-cre-android-alert {
	width: 100%;
	margin-bottom: 36px;
	padding: 24px 24px 24px 84px;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid #edca37;
	background: url(/img/alert_52x40.gif) 18px 18px no-repeat;
	background-color: #ffc;
}



/* =======================================
 チケット注文フォーム：確認画面
======================================= */
.form-payment-price-title {
	display: table-cell;
	width: 38%;
	font-size: 1.3rem;
}
.form-payment-price-contents {
	display: table-cell;

}


/* =======================================
 チケエクアラートの枠
======================================= */

.form-ticket-express-box {
	display: table;
	width: 100%;
	border: 3px solid #0066CC;
}
.form-ticket-express-box dt,
.form-ticket-express-box dd {
	display: table-cell;
	vertical-align: middle;
}
.form-ticket-express-box dt {
	width: 244px;
	background-color: #2C8BD8;
	border-right: 3px solid #0066CC;
	text-align: center;
}
.form-ticket-express-box dt img {
	vertical-align: middle;
}
.form-ticket-express-box dd {
	padding: 18px 30px;
}
.form-ticket-express-mark {
	border-radius: 20px;
	background: #FF2961;
	font-weight: bold;
	color: #FFF;
	padding: 6px 25px;
	display: inline-block;
	margin: 7px 0;
}

/* =======================================
 モーダル画面
======================================= */

.inline-age-alert,
.inline-address-selector {
	padding:10px 20px;
	background:#fff;
}
.age-alert-title,
.modal-inner-title {
	margin: 24px auto 36px auto;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.3;
	color: #f03;
}
.age-alert-subtitle,
.modal-inner-subtitle {
	margin-top: 18px;
	font-weight: bold;
	font-size: 1.8rem;
}
.age-alert-text,
.modal-inner-text {
	margin-top: 12px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.inline-address-selector dt {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.2;
}
.inline-address-selector dd {
	padding-top: 12px;
}
.inline-address-selector li {
	padding: 6px 4px;
	font-size: 1.5rem;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.inline-address-selector li:hover {
	background-color: #06c;
	color: #fff;
}
.need_modify {
	font-weight: bold;
	color: #f03;
}
.inline_address_no_match p {
	padding: 60px 0 10px 0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
.inline_address_no_match button {
	margin-bottom: 40px;
}
/* モーダル内閉じるボタン */
.btn-modal-close {
	display: block;
	width: 80px;
	margin: 18px auto 0 auto;
	padding: 4px 0;
	font-size: 1.3rem;
	color: #fff;
	background-color: #999;
	cursor: pointer;
}
.btn-modal-close:hover,
.inline-address-selector li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* モーダル内table */
.modal-inner-table {
	width: 100%;
	border: 1
}
table.modal-inner-table,
table.modal-inner-table td,
table.modal-inner-table th {
	border-collapse: collapse;
	border:1px solid #999;
}
table.modal-inner-table th,
table.modal-inner-table td {
	padding: 5px;
	text-align: center;
}
table.modal-inner-table td.ta-left {
	text-align: left;
}


/* =======================================
 ウォッチリスト
======================================= */
.watch-list-wrap {
	padding: 12px;
	text-align: left;
	background-color: #f2f2f2;
}

.watch-list-title {
	font-size: 2.4rem;
	text-align: left;
}
.watch-list-title span {
	font-size: 1.2rem;
}
.watch-list-kouen-title {
	display: table;
	width: 100%;
}
.watch-list-kouen-title li {
	display: table-cell;
	padding-bottom: 4px;
}
.watch-list-kouen-title h3 {
	display: inline;
	font-size: 1.8rem;
}
.watch-list-kouen-title a {
	color: #333;
}
.watch-list-kouen-title a:hover {
	color: #888;
}
.watch-list-kouen-date {
	display: block;
	padding: 12px 0 3px 2px;
	font-size: 1.3rem;
	border-bottom: 1px solid #ccc;
}
.watch-list-kouen-price-info {
	padding-right: 4px;
	width: 120px;
	text-align: right;
	font-size: 1.2rem;
}
/* ウォッチリストtooltip */
.watchlist-tooltips {
	position: relative;
	top: -58px;
	right: 56px;
	z-index: 999;
	width: 140px;
	padding: 10px;
	color: #333;
	font-size: 1.2rem;
	font-weight: bold;
	background: #fff;
	border: 2px solid #999;
	border-radius: 4px;
}
/* ウォッチリスト　アプリ紹介 */
.watch-list-appli-wrap {
	display: table;
	margin: auto;
}
.watch-list-appli-wrap dt.watch-list-appli-img {
	width: 340px;
}
.watch-list-appli-wrap dt,
.watch-list-appli-wrap dd,
.watch-list-appli-wrap li {
	display: table-cell;
	vertical-align: middle;
}
.watch-list-search {
	width: 760px;
	margin: auto;
}
.watch-list-search p {
	text-align: left;
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 15px;
}
.watch-list-search li {
	display: inline-block;
	padding: 5px;
}
/* ウォッチリスト　ログイン画面 */
.ui-dialog div,
.ui-dialog div button span {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック","MS PGothic","Lucida Grande",arial,sans-serif;
}
.ui-dialog-title,
.login-form-text {
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
}
.login-form-text,
.login-form-member-entry {
	text-align: center;
}
.login-form-text {
	margin: 10px 0 18px 0;
}
.ui-widget-content .login-form-member-entry a {
	background-color: #06c;
	border-radius: 4px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.4);
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	padding: 12px;
	text-decoration: none;
	width: 240px;
	font-size: 1.8rem;
}
.login-form-header {
	background-color: #999;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	padding: 6px 8px;
	font-size: 1.6rem;
}
#login-form-dialog .login-form dt {
	clear: left;
	float: left;
	font-size: 14px;
	padding-top: 15px;
	text-align: right;
	width: 120px;
}
#login-form-dialog .login-form dd input {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 1.4rem;
	height: 40px;
	width: 420px;
	padding: 0 4px;
	margin-left: 15px;
}
.ui-dialog .ui-dialog-buttonset button:first-child {
	background-color: #f7931e;
    color: #fff;
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
	background-image: none;
	padding: 2px 6px;
	font-size: 1.8rem;
	width: 240px;
}
.ui-dialog .ui-dialog-buttonset button:first-child span {
	font-weight: bold;
}
.ui-dialog .ui-dialog-buttonset button:first-child:hover,
.login-form-member-entry a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.ui-dialog .login-form-message {
	font-size: 1.4rem;
	font-weight: bold;
	color: red;
	text-align: center;
	margin-bottom: 18px;
}


/* =======================================
 チケット一覧：キーワード検索
======================================= */
.search-kouens-result {
	font-size: 1.2rem;
}
.search-kouens-result a {
	text-decoration: none;
}
.search-kouens-result ul {
	border: 1px solid #e6e6e6;
	background-color: #FFF;
	padding: 10px;
}
.search-kouens-result li {
	padding: 15px;
	border-bottom: 1px dashed #CCC;
}
.search-kouens-result li:last-child {
	border-bottom: none;
}
.search-kouens-result dt {
	background: #E4ECF4;
	padding: 5px;
}
.search-kouens-result dd {
	padding: 10px 5px 5px 20px;
}
.search-kouens-result dd:last-child {
	padding-bottom: 0;
}
.search-kouens-result .alert_mail {
	padding-left: 21px;
	background: url('/img/alert_mail.gif') no-repeat 0 3px;
	float: right;
	line-height: 1.5;
}
.search-list-form-box {
	background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px 20px;
}
.search-list-form-box li {
	display: table-cell;
}
.search-list-form-box li.search-list-form-keywords {
	width: 680px;
}
.search-list-form-genre {
	padding-left: 10px;
	vertical-align: middle;
}
.search-list-form-genre a {
	display: inline-block;
	font-size: 1.3rem;
	margin-right: 10px;
	text-decoration: none;
}
.search-list-form-box .search-list-form-genre a:nth-child(3) {
    width: 65px;
}
.search-pr-links-bottom {
	background-color: #FFF;
	border: 1px solid #e6e6e6;
	padding: 20px;
	margin-top: 18px;
	font-size: 1.2rem;
}
.search-pr-links-bottom li {
	display: inline-block;
	margin: 3px 8px 3px 0;
}


/* =======================================
 チケット一覧・ウォッチリスト
======================================= */

.list-ticket-wrap {
	margin-top: 6px;
	padding:  8px 18px 20px 18px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	text-align: left;
}
.list-ticket-wrap a {
	text-decoration: none;
}
.list-ticket-wrap dt {
	padding-top: 36px;
}
.list-ticket-wrap dt:first-child {
	padding-top: 12px;
}
.list-ticket-wrap ul.canceled-ticket {
	background-color: #f2f2f2;
}
.list-ticket-wrap ul.express {
	background-color: #EDF4F8;
}
.list-ticket-wrap p.list-ticket-alert-box {
	border: 1px solid #edca37;
	background-color: #ffc;
	display: inline-block;
	font-size: 1.2rem;
	padding: 2px 5px;
	word-break: break-all;
}
.list-ticket-header,
.list-ticket-box {
	display: table;
	width: 100%;
}
.list-ticket-header li {
	display: table-cell;
	color: #fff;
	padding: 7px 6px;
	font-size: 1.2rem;
	background-color: #06c;
	font-weight: bold;
}
.list-ticket-box li {
	display: table-cell;
	padding: 8px 6px;
	border-bottom: 1px solid #ccc;
	word-break: break-all;
}
.list-ticket-header-name,
.list-ticket-name {
	width: 160px;
}
.list-ticket-header-date,
.list-ticket-date {
	width: 110px;
}
.list-ticket-header-place,
.list-ticket-place {
	width: 120px;
}
.list-ticket-header-price,
.list-ticket-price {
	width: 174px;
	vertical-align: middle;
}
.list-ticket-header-order,
.list-ticket-order {
	width: 88px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0 10px 0 !important;
}
.list-ticket-selector {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 10px 20px 10px;
}
.list-ticket-selector-box.fixed {
    padding: 15px 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba(242,242,242,0.7);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    text-align: center;
}
.list-ticket-selector-box.fixed .js-filter_selector_switch .js-seat_selector_switch {
	margin: 0 18px;
}
.list-ticket-selector li,
.schedule_selector p,
.pref_selector p,
.kouen_selector p {
	display: inline-block;
	padding: 8px 2px;
	font-size: 1.2rem;
}
.list-ticket-selector li h3 {
	font-size: 1.2rem;
}
.list-ticket-selector .current a {
	color: #093C84;
	background-color: #E6E6E6;
	padding: 2px;
	font-weight: bold;
}
.list-ticket-selector .current a span {
	color: #093C84;
	font-weight: bold;
}
.unscheduled,
.unscheduled a,
.unscheduled .holiday,
.schedule_selector .unscheduled .sat,
.list-ticket-wrap .unscheduled .sun {
	color: #999;
}
.kouen_selector {
	border-bottom: 1px dotted #CCC;
}
.schedule_selector li {
	width: 168px;
}
.kouen_selector .kouen_selector-all-data {
	font-size: 1.2rem;
	text-align: right;
}
.kouen_selector li {
	margin-right: 30px;
}
.kouen_selector a {
	font-weight: bold;
}

.pref-selector li {
	padding-right: 12px;
}

.kouen_selector ul,
.pref_selector ul,
.schedule_selector ul {
	margin: -30px 0 0 58px;
}

.list-ticket-selector-box select {
	margin-right: 18px;
	height: 28px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.list-ticket-selector-box select {
		margin-right: 18px;
		appearance:none;
		-webkit-appearance:none;
		width: 160px;
		height: 28px;
		border: 1px solid #CCC;
		border-radius: 3px;
		padding-right: 30px;
		background-color: #FFF;
		background-image: url('/img/list/selectbox_arrow.png');
		background-repeat: no-repeat;
		background-size: 17px 26px;
		background-position: right center;
	}
}

/* 絞り込み条件モーダル */
.js-filter_selector_switch {
	display: inline-block;
}
.js-filter_selector_switch a {
	display: inline-block;
	width: 180px;
	margin: 0 18px -10px 0;
	padding: 6px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: left;
	color: #000;
	border: 1px solid #ccc;
	background-color: #fff;
	background-image: url('/img/list/selectbox_arrow.png');
	background-repeat: no-repeat;
	background-size: 17px 26px;
	background-position: right center;
	overflow: hidden;
}
.filter-selector-wrap {
	padding:24px 36px;
	font-size: 1.4rem;
}
.filter-selector-list {
	width: 100%;
}
.filter-selector-list li {
	float: left;
	width: 25%;
	padding: 10px 0;
}
.filter-selector-btn-wrap {
	clear: left;
	width: 100%;
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px solid #ccc;
	text-align: center;
}
/* 絞り込み条件モーダル 席種 */
.js-seat_selector_switch {
	display: inline-block;
}
.js-seat_selector_switch a {
	display: inline-block;
	width: 180px;
	margin: 0 18px -10px 0;
	padding: 6px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: left;
	color: #000;
	border: 1px solid #ccc;
	background-color: #fff;
	background-image: url('/img/list/selectbox_arrow.png');
	background-repeat: no-repeat;
	background-size: 17px 26px;
	background-position: right center;
	overflow: hidden;
}
.seat-selector-wrap {
	padding:24px 36px;
	font-size: 1.4rem;
}
.seat-selector-list {
	width: 100%;
}
.seat-selector-list li {
	float: left;
	width: 25%;
	padding: 10px 0;
}
.seat-selector-btn-wrap {
	clear: left;
	width: 100%;
	margin-top: 12px;
	padding-top: 18px;
	border-top: 1px solid #ccc;
	text-align: center;
}
/* 絞り込み条件 取引中 含む/除外 */
.list-ticket-selector-box.fixed .orderable-selector {
	display: inline-block;
}
.list-ticket-selector-box .orderable-selector {
	display: none;
}
.orderable-selector ul {
	display: inline-table;
}
.orderable-selector li {
	display: table-cell;
	border: 1px solid #ccc;
	background-color: #fff;
}
.orderable-selector li:first-child {
	padding: 6px;
	border: none;
	background-color: transparent;
}
.orderable-selector li:nth-child(2) {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.orderable-selector li:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.orderable-selector li.current {
	background-color: #06c;
	border-color: #06c;
}
.orderable-selector li a {
	padding: 6px 10px;
	color: #333;
}
.orderable-selector li.current a {
	padding: 6px 10px;
	color: #fff;
	background-color: #06c;
}
.pager-top .orderable-selector {
	position: absolute;
	right: 3px;
	bottom: 10px;
}


/* チケットリスト内のフォントサイズ */
.list-ticket-name {
	font-size: 1.4rem;
	line-height: 1.2;
	font-weight: bold;
}
.list-ticket-seat {
	font-size: 1.2rem;
}
.list-ticket-date,
.list-ticket-place,
.list-ticket-price {
	font-size: 1.2rem;
}
.list-ticket-place,
.list-ticket-seat {
	word-break: break-all;
}
.list-ticket-price .ticket-price {
	color: #e43139;
	font-size: 1.8rem;
	font-weight: bold;
}
.list-ticket-price .ticket-sellunit {
	color: #e43139;
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: 3px;
}
.sat {
	color: #093c84;
}
.sun,
.holiday {
	color:  #f33;
}

/* チケット一覧：PR文あり */
.search-list-header {
	background-color: #FFF;
	border: 1px solid #e6e6e6;
	text-align: left;
	padding: 18px;
}
.search-list-header a {
	text-decoration: none;
}
.search-list-header h1 {
	font-size: 1.8rem;
	font-weight: bold;
}
.search-list-header dl {
	display: table;
}
.search-list-header-title,
.search-list-header-data {
	display: table-cell;
}
.search-list-header-title {
	width: 703px;
	padding-right: 15px;
	vertical-align: top;
}
.search-list-header-title h1 {
	font-weight: bold;
}
.search-list-header-title p {
	text-align: justify;
}
.search-list-header-data {
	border-left: 1px solid #e6e6e6;
	padding: 5px 0 10px 15px;
}
.search-list-header-inner li {
	display: table-cell;
	height: 33px;
	vertical-align: middle;
	padding-left: 33px;
}
dl.search-list-header .all-order-ticket,
dl.search-list-header .wait-ticket-user {
	width: 200px;
	font-size: 1.2rem;
}
.all-order-ticket-value,
.wait-ticket-user-value {
	font-weight: bold;
	font-size: 1.8rem;
	text-align: right;
}
.all-order-ticket {
	background: url('/img/list/list_order_ticket_icon.png') no-repeat 0 11px;
}
.wait-ticket-user {
	background: url('/img/list/list_user_icon.png') no-repeat 3px 5px;
}
.kouen-ticket-alert-link {
	background: url('/img/list/list_new_icon.png') no-repeat 0 6px;
}
.kouen-ticket-sell-link {
	background: url('/img/list/list_ticket_sell_icon.png') no-repeat 0 9px;
}
.kouen-ticket-alert-link a,
.kouen-ticket-sell-link a {
	font-size: 1.4rem;
	font-weight: bold;
}
.bg-gray-mt {
	margin-top: 0 !important;
}

/* チケット一覧：PR文なし（横並びパターン） */
div.search-list-header .search-list-header-inner {
	margin-top: 12px;
	padding-left: 3px;
}
div.search-list-header li {
	padding-right: 60px;
	font-size: 1.2rem;
}

/* 日程：もっと表示する */
.schedule_selector .schedule_month_divide {
	display: none;
}
.schedule_selector.schedule_selector_expand .schedule_month_divide {
	display: block;
	font-weight: bold;
	padding: 8px 5px 3px 5px;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	color: #444;
}
.schedule_selector .hide {
	display: none;
}
.schedule_selector.schedule_selector_expand .hide {
	display: inline-block;
}
#js-schedule_selector_to_expand,
#js-schedule_selector_to_collapse,
#js-kouen_selector_to_expand,
#js-kouen_selector_to_collapse {
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
	text-align: center;
	padding: 8px;
	background-color: #f2f2f2;
	border-bottom: 2px solid #DBDBDB;
	color: #0079ff;
	margin-top: 5px;
	cursor: pointer;
}
#js-schedule_selector_to_expand:hover,
#js-schedule_selector_to_collapse:hover,
#js-kouen_selector_to_expand:hover,
#js-kouen_selector_to_collapse:hover {
	background-color: #edf4f8;
	color: #4AA0FF;
}

/* ページ下部：新着アラート・チケット掲載リンク */
.js-list-fix-footer {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: rgba(0, 102, 204, 0.85);
    overflow: hidden;
    position: fixed;
    right: 0;
    text-align: center;
    padding: 12px 25px;
    border-top-left-radius: 10px;
}
.js-list-fix-footer li {
	display: table-cell;
	text-align: left;
    vertical-align: middle;
}
.js-list-fix-footer li a {
	text-decoration: none;
	padding: 8px 15px 8px 40px;
	border-radius: 5px;
	font-weight: bold;
	display: inline-block;
	margin-left: 12px;
	border: 2px solid #ccc;
}
.js-list-fix-footer li.list-fix-alert-link a {
	background: #FFF url("/img/list/list_new_icon.png") no-repeat scroll 10px 6px;
}
.js-list-fix-footer li.list-fix-sell-link a {
	background: #FFF url("/img/list/list_ticket_sell_icon.png") no-repeat scroll 11px 9px;
}

/* ページ下部：おすすめチケット・ランキング */
.bottom-pr-title {
	margin-top: 36px;
	text-align: left;
	font-size: 1.8rem;
}
.bottom-recommend-list a {
	margin: 5px 8px 5px 0;
	text-decoration: none;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 3px;
	padding: 4px 10px;
	font-size: 1.2rem;
}
.bottom-ranking-list ul {
	margin-top: 12px;
	font-size: 1.4rem;
}
.bottom-ranking-list li {
	position: relative;
	padding: 12px 5px;
	border-bottom: 1px dashed #ccc;
}
.bottom-ranking-list li a {
	padding-left: 36px;
}
.bottom-ranking-list .r_01::before,
.bottom-ranking-list .r_02::before,
.bottom-ranking-list .r_03::before,
.bottom-ranking-list .r_04::before,
.bottom-ranking-list .r_05::before,
.bottom-ranking-list .r_06::before,
.bottom-ranking-list .r_07::before,
.bottom-ranking-list .r_08::before,
.bottom-ranking-list .r_09::before,
.bottom-ranking-list .r_10::before {
	position: absolute;
	display: block;
	top: 7px;
	width: 26px;
	height: 26px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	border-radius: 13px;
}
.bottom-ranking-list .r_01::before {
	content: '1';
	background-color: #e95a61;
}
.bottom-ranking-list .r_02::before {
	content: '2';
	background-color: #e95a61;
}
.bottom-ranking-list .r_03::before {
	content: '3';
	background-color: #e95a61;
}
.bottom-ranking-list .r_04::before {
	content: '4';
	background-color: #7b8184;
}
.bottom-ranking-list .r_05::before {
	content: '5';
	background-color: #7b8184;
}
.bottom-ranking-list .r_06::before {
	content: '6';
	background-color: #7b8184;
}
.bottom-ranking-list .r_07::before {
	content: '7';
	background-color: #7b8184;
}
.bottom-ranking-list .r_08::before {
	content: '8';
	background-color: #7b8184;
}
.bottom-ranking-list .r_09::before {
	content: '9';
	background-color: #7b8184;
}
.bottom-ranking-list .r_10::before {
	content: '10';
	background-color: #7b8184;
	line-height: 1.5;
	font-size: 18px;
}

/* 掲載受付前：公演・日程一覧 */
.kouen-not-open-schedule {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 18px;
}
.kouen-not-open-schedule li {
	font-size: 1.2rem;
	display: inline-block;
	width: 175px;
	padding: 3px 0;
}

/* dに紐付く有効公演なし */
.kouen-nothing-links {
	display: table;
	width: 560px;
	margin: 48px auto 0;
}
.kouen-nothing-links li {
	display: table-cell;
	width: 50%;
	text-align: center;
}

/* チケット一覧：キャンペーンバナー(テキスト) */
.ticketlist-top-campagin-wrap {
	width: 980px;
	margin: auto;
	padding-top: 8px;
}
.ticketlist-top-campagin-wrap a {
	font-size: 16px;
	display: block;
	padding: 13px;
	color: #333;
	background-color: #FFCC33;
}
.ticketlist-top-campagin-wrap a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.ticketlist-top-campagin-wrap a span.cam-red-arrow {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
}
.ticketlist-top-campagin-wrap a span.cam-red-arrow::before {
	content: '';
	width: 0;
	height: 0;
	border: solid 6px transparent;
	border-left: solid 8px #F00000;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
}
.ticketlist-top-campagin-wrap a span.fc-cam-red {
	color: #F00000;
	font-weight: bold;
}

/* チケット一覧+ウォッチリスト 0円プロモーション */
.ticketlist-promotion-band,
.campaign-promotion-band {
	padding: 6px 10px;
	background-color: #f9344c;
	font-size: 1.5rem;
}

/* チケット一覧 キャンペーン用 */
.campaign-promotion-band a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.campaign-promotion-band a:hover {
	text-decoration: underline;
}
.campaign-promotion-band.hanryu {
	padding: 10px;
	color: #222;
	background-color: #ffcc00;
}
.campaign-promotion-band.hanryu a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}
.campaign-promotion-band.hanryu a:hover {
	text-decoration: underline;
}
.campaign-promotion-band.d25 {
	padding: 10px;
	background-color: #000066;
}
.campaign-promotion-band.d25 a:before {
	display: inline-block;
	background-color: #fc0;
	border-radius: 50%;
	color: #006;
	content: "!";
	font-size: 1.8rem;
	font-weight: bold;
	margin: -2px 4px 0 0;
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	line-height: 19px;
}
.campaign-promotion-band.takarazuka {
	background-color: #a244ae;
	padding: 10px;
}
.campaign-promotion-band.takarazuka a {
	color: #FFF;
}
.campaign-promotion-band.sports {
	padding: 10px;
	background-color: #38c77c;
}
.campaign-promotion-band.sumo {
	padding: 10px;
	background-color: #200631;
}
.campaign-promotion-band.sumo a {
	color: #ebc57c;
}
.campaign-promotion-band.figure {
	padding: 10px;
	background-color: #1079e4;
}
.campaign-promotion-band.figure a {
	color: #ffff33;
}



/* =======================================
 関連タグから探す
======================================= */
.relation_tag li {
	display: inline-block;
	margin: 3px 15px 3px 0;
	font-size: 1.2rem;
}


/* =======================================
 pager
======================================= */
.pager {
	margin: 12px auto 6px;
	font-size: 1.3rem;
	color: #666;
	text-align: center;
}
.pager li {
	display: inline-block;
	line-height: 15px;
}
.pager li a,
.pager li.current {
	font-weight: bold;
}

.pager-prev,
.pager-next {
	width: 100px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.pager-prev.inactive,
.pager-next.inactive {
	color: #999;
}
.pager-count {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.pager-prev a,
.pager-next a,
.pager li.pager-count a {
	display: block;
	padding: 10px 15px;
}
.pager-prev.inactive,
.pager-next.inactive,
.pager-prev.current,
.pager-next.current,
.pager-count.current {
	padding: 10px 15px;
}
.pager-count.current {
	color: #fff;
	background-color: #666;
}
.pager-top {
	position: relative;
}
.pager-top .icon-info-btn {
	position: absolute;
	left: 3px;
	bottom: 12px;
}
/* 掲載0件の場合は位置調整 */
.pager-top.no-result {
	height: 36px;
}
.pager-top.no-result .icon-info-btn {
	position: absolute;
	left: 3px;
	bottom: 12px;
}


/* =======================================
 pagetop
======================================= */
.to-top {
	margin-top: 16px;
	text-align: right;
}
.to-top a.btn-to-top {
	margin: 0;
	display: inline-block;
}


/* =======================================
 SNSボタン
======================================= */
.sns-btn-wrap {
    text-align: right;
    margin-bottom: 10px;
}
.twitter-share-button,
.fb-like {
    display: inline-block;
    vertical-align: bottom;
}


/* =======================================
 noscript警告
======================================= */



/* =======================================
 PC・SP切り替えリンク
======================================= */
#view_switcher_footer p {
	margin: 18px 0;
	font-size: 2rem;
}


/* =======================================
 footer twigテンプレ後 追加分
======================================= */
.footer-category-link-wrapper {
	padding: 24px 0;
	border-bottom: 1px solid #e4e4e4;
}
.footer-category-link {
	width: 920px;
	margin: 0 auto;
}
.footer-category-link ul {
	display: table;
	width: 100%;
	font-size: 1.3rem;
	text-align: left;
}
.footer-category-link li {
	display: table-cell;
	width: 50%;
	line-height: 1.7;
}
.footer-category-link li a {
	color: #666;
	text-decoration: none;
}
.footer-category-link li a:hover {
	text-decoration: underline;
}
.footer-category-link li a.top-category {
	font-size: 1.6rem;
	font-weight: bold;
}
/* フォームなどはカテゴリリンクを非表示 */
.footer-simple .footer-category-link-wrapper {
	display: none;
}

.footer-copyright {
	padding: 12px 0;
	color: #fff;
	background-color: #555;
}


/* =======================================
 Helper Class
======================================= */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.mt-6 {margin-top: 6px;}
.mt-12 {margin-top: 12px;}
.mt-18 {margin-top: 18px;}
.mt-24 {margin-top: 24px;}
.mt-36 {margin-top: 36px;}
.mt-45 {margin-top: 45px;}
.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}

.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.ml-36 {margin-left: 36px;}
.mr-20 {margin-right: 20px;}

.mb-0 {margin-bottom: 0;}
.mb-6 {margin-bottom: 6px;}
.mb-12 {margin-bottom: 12px;}
.mb-18 {margin-bottom: 18px;}
.mb-24 {margin-bottom: 24px;}
.mb-36 {margin-bottom: 36px;}
.mb-45 {margin-bottom: 45px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}
.mb-100 {margin-bottom: 100px;}

.pt-0 {padding-top: 0px;}
.pt-6 {padding-top: 6px;}
.pt-12 {padding-top: 12px;}
.pt-18 {padding-top: 18px;}

.pb-6 {padding-bottom: 6px;}
.pb-12 {padding-bottom: 12px;}
.pb-18 {padding-bottom: 18px;}
.pb-24 {padding-bottom: 24px;}

.pd-0 {padding: 0;}
.pd-10 {padding: 10px;}
.pd-20 {padding: 20px;}
.pd-30 {padding: 30px;}
.pd-45 {padding: 45px;}

.lh-12 {line-height: 1.2;}
.lh-13 {line-height: 1.3;}
.lh-14 {line-height: 1.4;}
.lh-16 {line-height: 1.6;}

.fs-xxlarge {font-size: 2.6rem;}
.fs-xlarge {font-size: 2.2rem;}
.fs-large {font-size: 1.8rem;}
.fs-medium {font-size: 1.4rem;}
.fs-small {font-size: 1.3rem;}
.fs-xsmall {font-size: 1.1rem;}
.fs-xxsmall {font-size: 1rem;}

.fc-white {color: #FFF;}
.fc-red {color: #f03;}
.fc-darkred {color: #ea475f;}
.fc-blue {color: #06c;}
.fc-tw-blue {color: #1da1f2}
.fc-orange {color: #f7931e;}
.fc-green {color: #0C9134;}
.fc-gray {color: #4D4D4D;}
.fc-lightgray {color: #999;}

.fw-bold {font-weight: bold;}

.ta-right {text-align: right;}
.ta-left {text-align: left;}
.ta-center {text-align: center;}

.va-top {vertical-align: top;}
.va-middle {vertical-align: middle;}
.va-bottom {vertical-align: bottom;}

.dp-table-cell {display: table-cell;}
.dp-inline-block {display: inline-block;}
.dp-block {display: block;}
.dp-inline {display: inline;}

.bg-white {background-color: #fff;}
.bg-blue {background-color: #0066cc;}
.bg-gray {background-color: #f2f2f2;}
.bg-darkgray {background-color: #E6E6E6;}
.bg-yellow {background-color: #FFFFCC;}
.bg-red {background-color: #ff0033;}

.lst-disc {list-style-type: disc;}

.bd-t {border-top: 1px solid #CCC;}

a.txt-deco-none {
	text-decoration: none;
}