  /* ************************************************
   *  all
   * ************************************************ */
  body {
	color:#404040;
	background-color:#404040;
	font-family:"繝｡繧､繝ｪ繧ｪ","Meiryo","MS PGothic","Osaka",Arial,sans-serif;
	font-size: 14px;
	line-height:20px;
  background: url(../images/background.jpg) right top no-repeat fixed #404040 !important; 
    background-size: cover;
  }
html {overflow-y:scroll; height:100%;}

a {outline: none;color: #ffffff;text-decoration: none; }
a:visited { text-decoration: none;}
a:hover { color: #aeaeae; text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";outline:none; }


/* ************************************************
 *  header
 * ************************************************ */
header { width: 1000px;position: relative; margin:0 auto 10px;}
header h1 { float:left; padding-top:30px;}
header h1 img { width: 200px;}
header ul { float:right;}
header ul li { list-style: none; display: inline-block; padding: 34px 7px 20px;  font-size: 12px; font-weight: bold;}
header ul li i { font-size: 1.5em; padding-right: 10px; color: #ffffff;}
header a { color: #e7582c;}

/* ************************************************
 *  order_common
 * ************************************************ */
 .order-main-box { width: 1000px; background-color: rgba(255,255,255,0.8);margin:0 auto 50px; box-sizing:border-box; padding:30px 50px 40px;}

 .order-title { font-size: 24px; line-height: 1.2em; font-weight:bolder; color:#333;}
 .order-title2 { font-size: 18px; font-weight:bolder; line-height:1.7em; margin-bottom:10px;}
 .order-title3 { font-size: 24px; line-height:1.2em; color: #e7582c; margin: 20px 0 12px 0; font-weight:bold;}

 .order-main-box table{ width:100%;}

 .titleorange { color: #e7582c;}

.order-nav { width: 100%; }
  .order-nav ul { margin-top: 10px; position: relative;}
  .order-nav ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
    .order-nav ul li { color: #fff; float: left; font-size: 12px; background-color: #696969; padding: 12px 0; position: relative; text-align: center; margin-right: 22px; width: 162px; box-sizing:border-box; padding-left:8px;}
      .order-nav ul li:after { content: ''; width: 0; height: 0; position: absolute; border: 22px solid transparent; border-left-color: #696969; top: 0; left: 100%;}

    .order-nav ul li.at{ background-color: #e7582c;}
      .order-nav ul li.at:after {  border-left-color: #e7582c; }

        .order-nav ul li:last-child{ margin-right:0;}
        .order-nav ul li:last-child:after { border: 0;}



/* ************************************************
 *  mypage
 * ************************************************ */
 .mypage { }
  .mypage h2 { font-size: 2em; padding:0 0 24px 0; color: #e7582c; line-height:1.2em; font-weight:bolder;}
    .mypage table {
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	border: 6px solid #ffffff;
}
      .mypage table tr { width: 100%; height: 45px; border: 3px solid #fff;}
        .mypage table td { text-align: left; vertical-align: middle; font-size: 1em; color: #2e2e2e;}
          .mypage table td:nth-child(odd) { background-color: #2e2e2e; color: #ffffff; text-align: center;}
            .mypage table td:nth-child(even) { padding-left: 12px;}
  .mypage ul {}
    .mypage ul li { width: 199px; height: 199px; float: left; margin: 30px 13px 0 13px; list-style: none; background-color: #ffffff; display:inline-table; vertical-align:middle;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;
	box-shadow: 0 0 0 6px #9a9a9a; -webkit-box-shadow: 0 0 0 8px #9a9a9a; -moz-box-shadow: 0 0 0 8px #9a9a9a; -o-box-shadow: 0 0 0 8px #9a9a9a; -ms-box-shadow: 0 0 0 8px #9a9a9a;}
      .mypage ul li a {
	color: #696969;
	display: block;
	line-height: 1.3em;
	text-align: center;
	padding-top: 10px;
}



/* ************************************************
 * table
 * ************************************************ */
.table { background-color: #fff; width: 100%; border-collapse:collapse;}
    .table tr{ }
    .table tr.bgblack { background-color: #000; color: #fff;  border-bottom:none;}
      .table th { text-align: center; vertical-align: middle; width: 160px; padding:10px 0;}
        .table td { text-align: center; vertical-align: middle; width: 160px; padding:20px 0;}
        .table td i{ font-size:24px;}
          .table hr { color: #aaa; margin: 0 auto; width: 840px;}
.trhr td{ padding:0;}
.select-box { background: #fff; border: 1px solid #696969; border-radius: 5px; color: #0C2245; font-size: 14px; height: 30px; text-indent: 12px; vertical-align: middle; width: 120px;}

.table td.subtotal{ text-align:right; padding-right:30px; font-size:24px; line-height:1.2em; }
.table td.subtotal .subtotal-orange{font-weight:bold; color:#e7582c}
.table td.subtotal .subtotal-small{ font-size:}



/* ************************************************
 *  nextbtn
 * ************************************************ */
.btn_block{ text-align:right; padding-right:15px;}
/* 160114 霑ｽ蜉�縲∝､画峩縲�*/
.btn_block ul{ display: table; margin:0 auto; border-spacing: 10px 0;}
/* 160114 霑ｽ蜉�縲∝､画峩縲�*/
.btn_block li{ display:table-cell;}
.button-prev { display:block;font-weight:bolder; background-color: #666; color: #fff; border: 6px solid #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 14px; width:300px; font-size:22px; line-height:1em; text-align:center;}
.button-next { display:block;font-weight:bolder; background-color: #e7582c; color: #fff; border: 6px solid #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 14px; width:300px; font-size:22px; line-height:1em; text-align:center;}
.button-prev:hover{ background-color:#777; color:#fff;}
.button-next:hover{ background-color:#ff6633; color:#FFF;}
/*遶雁�ｪ�ｿｽ蜃ｪ�ｿｽ�ｿｽ2017/11/28 陷会ｿｽ髦ｯ�ｽ､ QuickTikcet(Phase2)陝��ｽｾ陟｢�ｿｽ*/
.buttonline-next
{ display:block;
 font-weight:bolder;
 /*background-color: #13bf00;*/
 background-color: #00C300;
 background-image: url('../../../img/line/btn_line_base.png');
 background-repeat: no-repeat;
 background-size: auto 50px;
 border:none;
 /*height:30px;*/
 color: #fff;
 border: 6px solid #fff;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
 padding: 14px;
 width:340px;
 font-size:22px;
 line-height:1em;
 margin: 0px 0px -22px 0px !important;
 text-align:center;}
.buttonline-next:hover
{
 /*background-color:#13bf00;*/
 background-color: #00E000;
 background-image: url('../../../img/line/btn_line_hover.png');
 color:#FFF;
}
.buttonline-next:disabled
{
 display:block;
 font-weight:bolder;
 /*background-color: #09a000;*/
 background-color: #C6C6C6;
 background-image: url('../../../img/line/btn_line_disable.png');
 color: #fff;
 /*border: 6px solid #fff;
 border-radius: 6px;*/
  -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
 padding: 14px;
 width:340px;
 font-size:22px;
 margin: 0px 0px -22px 0px !important;
 line-height:1em; text-align:center;}

/*遶企ｯ幢ｿｽ魃幢ｿｽ�ｿｽ2017/11/28 陷会ｿｽ髦ｯ�ｽ､ QuickTikcet(Phase2)陝��ｽｾ陟｢�ｿｽ*/

/*↓↓↓2019.07.22 チケット不正転売禁止法対応　Step1　Eventifyシステムグループ*/
.button-next2
{ display:block;
 font-weight:bolder;
 background-color: #e7582c;
 background-repeat: no-repeat;
 background-size: auto 50px;
 border:none;
 color: #fff;
 border: 6px solid #fff;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
 padding: 14px;
 width:300px;
 font-size:22px;
 line-height:1em;
 text-align:center;}
.button-next2:hover
{
 background-color: #ff6633;
 color:#FFF;
}
.button-next2:disabled
{
 display:block;
 font-weight:bolder;
 background-color: #C6C6C6;
 color: #fff;
  -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
 padding: 14px;
 width:300px;
 font-size:22px;
 line-height:1em; text-align:center;}
/*↑↑↑2019.07.22 チケット不正転売禁止法対応　Step1　Eventifyシステムグループ*/

/*↓↓↓20180320 加藤 LINE注意文言変更対応 */
.linemsg {
  text-align: left;
  font-weight: normal;
}
.lineagreemsg
{
  text-align: center;
}
.lineCaution {
  text-align: left;
  color: #ff0000;
}
/*↑↑↑20180320 加藤 LINE注意文言変更対応 */

/* ************************************************
 *  fa-circle,times,triangle
 * ************************************************ */
.fa-circle-o {color: #e7582c;}
.fa-times {color: #2ce7b6;}
.fa-exclamation-triangle { color: #2cbbe7;}

/* =clearfix
------------------------------------------------------------------------------------------*/
.clearfix { display: block !important;}
.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
