@charset "utf-8";
/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

共通設定CSS

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* Reset Style */
html {
  overflow-y: scroll;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust: none;
  list-style: none;
}

p, ul li, dl dt, dl dd,
table th, table td,
h1, h2, h3, h4, h5, h6,
caption, address, blockquote, pre {
  line-break: strict;
  font-weight: normal;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

select {
  padding: 1px 0;
}

img {
  vertical-align: bottom;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font-size: 16px;
  line-height: 1.6;
  min-height: 100%;
}

select, input, button, textarea {
  font: 16px arial,helvetica,clean,sans-serif;
}

table {
  font-size: inherit;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  line-height: 100%;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  padding: 2px 5px;
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
}

input[type="text"],
input[type="email"],
input[type="password"],
select
{
	  height: 46px;
}

input[type="radio"],
input[type="checkbox"]
{
	font-size:200%;
	height:25px;
	width:25px;

	top: 6px;
	position: relative;
}


/*-----------------------------------------------------
					YUI Fonts Size
-------------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

mixin & extend & CSS3

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
extend
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* 汎用クラス */
[class^="mark"] {
  padding-left: 15px;
  background: no-repeat left .5em;
}

.mark1 {
  background-image: url(../images/share/mark_1.gif);
}

.mark2 {
  background-image: url(../images/share/mark_2.gif);
}

.mark3 {
  background-image: url(../images/share/mark_3.gif);
}

.mark4 {
  background-image: url(../images/share/mark_4.gif);
}

.mark5 {
  background-image: url(../images/share/mark_5.gif);
}

.opacity, .button a:active, .buttonSmall a:active, footer #pageTop a:active {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.inlineBlock, #areaContents #liveData .number * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.tableCell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.fr,
.imgR {
  float: right;
  margin-left: 10px;
}

.fl,
.imgL {
  float: left;
  margin-right: 10px;
}

.imgC,
.tC,
.btn {
  text-align: center;
}

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tR,
.sign {
  text-align: right;
}

.boxSize, .widthMax, section.form > section .inputLayout input, section.form > section .inputLayout select,
section.discription > section .inputLayout input,
section.discription > section .inputLayout select, .widthMax select, .box, .status, .button li, .buttonSmall li, .button a, .buttonSmall a, .button span, .buttonSmall span, section.form > section .inputLayout,
section.discription > section .inputLayout, header, #areaContents .receivePayment a, #areaMypageMenu, .modalContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tsNone {
  -webkit-text-shadow: none !important;
  -moz-text-shadow: none !important;
  -ms-text-shadow: none !important;
  -o-text-shadow: none !important;
  text-shadow: none !important;
}

.bsNone {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

/* clearfix */
.clearfix, .buttonLayout, header, header nav ul {
  *zoom: 1;
}
.clearfix:after, .buttonLayout:after, header:after, header nav ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

メインコンテンツSCSS

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
elemment style
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
html {
  background-color: #3a3a3a;
}

body {
  background: #FFFFFF;
  color: #666666;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html body, * html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

a:link {
  text-decoration: none;
  color: #00a4aa;
}
a:visited {
  text-decoration: none;
  color: #00a4aa;
}
a:active {
  text-decoration: underline;
  color: #00a4aa;
}
a:active {
  text-decoration: none;
  color: #00a4aa;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

汎用スタイル

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.widthMax, section.form > section .inputLayout input, section.form > section .inputLayout select,
section.discription > section .inputLayout input,
section.discription > section .inputLayout select {
  width: 100%;
}
.widthMax select, section.form > section .inputLayout input select, section.form > section .inputLayout select select,
section.discription > section .inputLayout input select,
section.discription > section .inputLayout select select {
  width: 100%;
}

.alignRight {
  text-align: right !important;
}

.alignLeft {
  text-align: left !important;
}

.alignCenter {
  text-align: center !important;
}

.backgroundGray {
  background-color: #eeeeee;
}
.widthAuto {
 width: auto !important;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
余白設定
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.paddingNone {
  padding: 0 !important;
}

.paddingBox {
  padding: 20px 10px !important;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

共通スタイル

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
コンテンツボックス
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.box {
  border: 1px solid #dddddd;
  padding: 20px 10px;
  margin-bottom: 25px;
}

.box.boxBorder {
  border: 1px solid #dddddd !important;
  padding: 20px 10px !important;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
フォントスタイル
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.fontBold, strong, section.form h5,
section.discription h5, #areaContents #liveData h1 strong, #areaContents #liveData h1 span, #areaContents #termsOfService .accordion h6, #areaContents #termsOfService .separate .mailAddress label, #areaContents .checkAccordion, .mypageMenu h5, #areaContents #mypageMenuConts h5,
#areaContents #faqMenuConts h5, #mypageMenu h5 {
  font-weight: bold;
}

.android .fontBold, .android strong, .android section.form h5, section.form .android h5,
.android section.discription h5,
section.discription .android h5, .android #areaContents #liveData h1 strong, #areaContents #liveData h1 .android strong, .android #areaContents #liveData h1 span, #areaContents #liveData h1 .android span, .android #areaContents #termsOfService .accordion h6, #areaContents #termsOfService .accordion .android h6, .android #areaContents #termsOfService .separate .mailAddress label, #areaContents #termsOfService .separate .mailAddress .android label, .android #areaContents .checkAccordion, #areaContents .android .checkAccordion, .android .mypageMenu h5, .mypageMenu .android h5, .android #areaContents #mypageMenuConts h5, #areaContents #mypageMenuConts .android h5,
.android #areaContents #faqMenuConts h5,
#areaContents #faqMenuConts .android h5, .android #mypageMenu h5, #mypageMenu .android h5 {
  font-family: monospace;
}

.fontRed {
  color: #b10000;
}

.fontGray {
  color: #949190;
}

.fontOrange {
  color: #f79e1c;
}

.fontSmall {
  font-size: 10px;
}

.fontMedium, #areaContents #agreement .box .separate label {
  font-size: 15px;
}

.fontLarge {
  font-size: 18px;
}

.fontLarge2 {
  font-size: 22px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
リンク装飾
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
a.linkWindow,
a[target="_blank"] {
  background-repeat: no-repeat;
  background-position: right 70%;
  background-image: url(../images/common/iconLinkWindow.png);
  background-size: 8px 8px;
  padding-right: 13px;
}

.linkBottom {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-image: url(../images/common/arrowGreenBottom.png);
}

a.linkArrow, div.linkArrow {
  display: block;
  padding: 10px;
  position: relative;
  padding-right: 30px;
  text-decoration: none;
  color: #666666;
}
a.linkArrow:after, div.linkArrow:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/common/arrowGreenRight.png);
  background-size: 8px 11px;
  width: 8px;
  height: 11px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

a.linkArrowText {
  background-repeat: no-repeat;
  background-position: 0 1px;
  background-image: url(../images/common/arrowGreenRight.png);
  background-size: 8px 13px;
  padding-left: 15px;
}

.linkGray {
  display: inline-block;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  padding: 2px 8px;
}
.linkGray, .linkGray:link, .linkGray:active, .linkGray:visited {
  color: #666666;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
見出し
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.caption {
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}
.caption h1, .caption h2, .caption h3 {
  padding-bottom: 7px;
  color: #42433E;
  font-size: 20px;
  line-height: 1;
}
.caption h1 img, .caption h2 img, .caption h3 img {
  vertical-align: middle;
}

.subCaption, .borderCaption {
  margin-bottom: 10px;
  color: #42433E;
  font-size: 16px;
  color: #42433E;
  line-height: 1;
}

.borderCaption {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 8px;
}

.captionLayout, .caption, .subCaption, .borderCaption {
  display: table;
  width: 100%;
  position: relative;
}
.captionLayout > *:not(span), .caption > *:not(span), .subCaption > *:not(span), .borderCaption > *:not(span) {
  /*display: table-cell;*/
  vertical-align: middle;
}
.captionLayout .left, .caption .left, .subCaption .left, .borderCaption .left {
  text-align: left;
  position: relative;
}
.captionLayout .right, .caption .right, .subCaption .right, .borderCaption .right {
  padding-left: 10px;
  text-align: right;
  white-space: nowrap;
}
.captionLayout .right .button, .caption .right .button, .subCaption .right .button, .borderCaption .right .button, .captionLayout .right .buttonSmall, .caption .right .buttonSmall, .subCaption .right .buttonSmall, .borderCaption .right .buttonSmall {
  text-align: right;
}
.captionLayout .right ul li, .caption .right ul li, .subCaption .right ul li, .borderCaption .right ul li {
  display: inline-block;
  margin-left: 5px;
}
.captionLayout .right ul.button, .caption .right ul.button, .subCaption .right ul.button, .borderCaption .right ul.button, .captionLayout .right ul.buttonSmall, .caption .right ul.buttonSmall, .subCaption .right ul.buttonSmall, .borderCaption .right ul.buttonSmall {
  position: relative;
  top: -6px;
}
.captionLayout .right ul.button li, .caption .right ul.button li, .subCaption .right ul.button li, .borderCaption .right ul.button li, .captionLayout .right ul.buttonSmall li, .caption .right ul.buttonSmall li, .subCaption .right ul.buttonSmall li, .borderCaption .right ul.buttonSmall li, .captionLayout .right ul.button a, .caption .right ul.button a, .subCaption .right ul.button a, .borderCaption .right ul.button a, .captionLayout .right ul.buttonSmall a, .caption .right ul.buttonSmall a, .subCaption .right ul.buttonSmall a, .borderCaption .right ul.buttonSmall a, .captionLayout .right ul.button span, .caption .right ul.button span, .subCaption .right ul.button span, .borderCaption .right ul.button span, .captionLayout .right ul.buttonSmall span, .caption .right ul.buttonSmall span, .subCaption .right ul.buttonSmall span, .borderCaption .right ul.buttonSmall span {
  height: auto !important;
  line-height: 2.5 !important;
}

.captionLayout_old {
  position: relative;
}
.captionLayout_old .right {
  position: absolute;
  right: 0;
  top: 0;
}
.captionLayout_old .right ul li {
  display: inline-block;
  margin-left: 5px;
}
.captionLayout_old .right ul.button, .captionLayout_old .right ul.buttonSmall {
  position: relative;
  top: -6px;
}
.captionLayout_old .right ul.button li, .captionLayout_old .right ul.buttonSmall li, .captionLayout_old .right ul.button a, .captionLayout_old .right ul.buttonSmall a, .captionLayout_old .right ul.button span, .captionLayout_old .right ul.buttonSmall span {
  height: auto !important;
  line-height: 2.5 !important;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
アコーディオンボックス
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.accordionBox, #areaContents #liveData .accordion, #areaContents #agreement .box .accordion, #areaContents #termsOfService .accordion {
  border: 1px solid #dddddd;
  padding: 10px 10px 0 10px;
}
.accordionBox .button, #areaContents #liveData .accordion .button, #areaContents #agreement .box .accordion .button, #areaContents #termsOfService .accordion .button, .accordionBox .buttonSmall, #areaContents #liveData .accordion .buttonSmall, #areaContents #agreement .box .accordion .buttonSmall, #areaContents #termsOfService .accordion .buttonSmall {
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.accordionBox .button li, #areaContents #liveData .accordion .button li, #areaContents #agreement .box .accordion .button li, #areaContents #termsOfService .accordion .button li, .accordionBox .buttonSmall li, #areaContents #liveData .accordion .buttonSmall li, #areaContents #agreement .box .accordion .buttonSmall li, #areaContents #termsOfService .accordion .buttonSmall li {
  width: 100%;
}
.accordionBox .button li span, #areaContents #liveData .accordion .button li span, #areaContents #agreement .box .accordion .button li span, #areaContents #termsOfService .accordion .button li span, .accordionBox .buttonSmall li span, #areaContents #liveData .accordion .buttonSmall li span, #areaContents #agreement .box .accordion .buttonSmall li span, #areaContents #termsOfService .accordion .buttonSmall li span {
  display: inline-block !important;
  background-position: 0 center !important;
  padding-left: 20px !important;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ステータス
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.status {
  display: inline-block;
  text-align: center;
  min-width: 60px;
  padding: 0px 8px;
  margin-bottom: 5px;
}
.status.accepting {
  color: #ce3a3a;
  border: 1px solid #ce3a3a;
  background-color: #FFFFFF;
}
.status.firstArrival {
  color: #FFFFFF;
  background-color: #d8a941;
  border: 1px solid #d8a941;
}
.status.preinitiation {
  color: #d8a941;
  border: 1px solid #d8a941;
  background-color: #FFFFFF;
}
.status.finish {
  color: #666666;
  border: 1px solid #666666;
  background-color: #FFFFFF;
}
.status.lottery, .status.paid {
  color: #FFFFFF;
  background-color: #ce3a3a;
  border: 1px solid #ce3a3a;
}
.status.lotteryWait, .status.shipmentWait {
  color: #FFFFFF;
  background-color: #f79e1c;
  border: 1px solid #f79e1c;
}
.status.elected {
  color: #FFFFFF;
  background-color: #b10000;
  border: 1px solid #b10000;
}
.status.disabled, .status.commission {
  color: #FFFFFF !important;
  background-color: #5E5A58 !important;
  border: 1px solid #5E5A58;
}
.status.notPayment {
  color: #FFFFFF;
  background-color: #d8a941;
  border: 1px solid #d8a941;
}
.status.getNumber, .status.shipped, .status.traderWait, .status.complete {
  color: #FFFFFF;
  background-color: #00a4aa;
  border: 1px solid #00a4aa;
}

.status.digitalTicket {
  color: #FFFFFF;
  background-color: #FF89B4;
  border: 1px solid #FF89B4;
}

.status.emtgTicket {
  color: #FFFFFF;
  background-color: #FF89B4;
  border: 1px solid #FF89B4;
}

.status.eTicket {
  color: #FFFFFF;
  background-color: #FF89B4;
  border: 1px solid #FF89B4;
}

.status.anypass {
  color: #FFFFFF;
  background-color: #FF89B4;
  border: 1px solid #FF89B4;
}

.status.streaming {
  color: #FFFFFF;
  background-color: #7F4EFB;
  border: 1px solid #7F4EFB;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ボタン
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.button, .buttonSmall {
  text-align: center;
}
.button li, .buttonSmall li {
  display: inline-block;
  min-width: 160px;

}

.button a, .buttonSmall a, .button span, .buttonSmall span {
  display: block;
  cursor: pointer;
}
.button span, .buttonSmall span {
  background-repeat: no-repeat;
}
.button a, .buttonSmall a {
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 1px 33px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: none;
  padding: 0 10px;
}
.button .btnGray a, .buttonSmall .btnGray a {
  background-color: #737373;
}
.button .btnGray02 a, .buttonSmall .btnGray02 a {
  background-color: #CCCCCC;
}
.button .btnRed a, .buttonSmall .btnRed a {
  background-color: #ce3a3a;
}
.button .btnBlue a, .buttonSmall .btnBlue a {
  background: none;
  background-color: #0473B7;
}
.button .btnNext .disabled, .buttonSmall .btnNext .disabled {
  background: none;
  background-color: #DCDCDC;
}
.button .btnGreen a, .buttonSmall .btnGreen a {
  background-color: #00a4aa;
}
.button .btnBlack a, .buttonSmall .btnBlack a {
  background-color: #000000;
}

.button span, .buttonSmall span {
  font-size: 15px;
}

.button .btnBack span, .buttonSmall .btnBack span {
  background-position: 0 center;
  background-image: url(../images/common/arrowWhiteLeft.png);
  padding-left: 10px;
  background-size: 8px 11px;
  font-size: 14px;

}
.button .btnNext span, .buttonSmall .btnNext span {
  background-position: right center;
  background-image: url(../images/common/arrowWhiteRight.png);
  padding-right: 15px;
  background-size: 8px 11px;
}
.button .btnBottom span, .buttonSmall .btnBottom span {
  background-position: right center;
  background-image: url(../images/common/arrowWhiteBottom.png);
  padding-left: 10px;
  background-size: 11px 8px;
}
.button .btnTop span, .buttonSmall .btnTop span, .accordionBox .button li.open span, #areaContents #liveData .accordion .button li.open span, #areaContents #agreement .box .accordion .button li.open span, #areaContents #termsOfService .accordion .button li.open span, .accordionBox .buttonSmall li.open span, #areaContents #liveData .accordion .buttonSmall li.open span, #areaContents #agreement .box .accordion .buttonSmall li.open span, #areaContents #termsOfService .accordion .buttonSmall li.open span {
  background-position: right center;
  background-image: url(../images/common/arrowWhiteTop.png);
  padding-left: 10px;
  background-size: 11px 8px;
}
.button .btnPlus span, .buttonSmall .btnPlus span {
  display: inline-block;
  background-image: url(../images/common/iconPlus.png);
  background-position: 0 center;
  background-size: 8px 8px;
  padding-left: 15px;
}
.button .btnClose span, .buttonSmall .btnClose span {
  display: inline-block;
  background-image: url(../images/common/iconClose.png);
  background-position: 0 center;
  background-size: 8px 8px;
  padding-left: 15px;
}

.buttonLayout li {
/*  width: 50%;*/
  min-width: 49%;
}

.buttonLayout .btnBack{
  /*width: 40%;*/
  min-width: 40%;
}

.buttonLayout .btnNext{
	max-width:60%;
    width: 60%;

}

.buttonLayout li:first-child {
  float: left;
}
.buttonLayout li:first-child a {
  margin-right: 5px;
}
.buttonLayout li:last-child {
  float: right;
}
.buttonLayout li:last-child a {
  margin-left: 5px;
}

.buttonSmall a {
  background-size: 1px 23px;
  height: 44px;
  line-height: 44px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
flexbox
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#areaContents #liveList .sort, #areaContents #step ul {
  display: -webkit-box;
  /* Android 2~4 */
  -webkit-box-pack: justify;
  /* Android 2~4 */
  display: flex;
  display: -webkit-flex;
  /* Safari */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  /* Safari */
}
.flexbox, #areaContents #liveData article {
  display: -webkit-box;
  /* Android 2~4 */
  -webkit-box-pack: justify;
  /* Android 2~4 */
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  /* Safari */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  /* Safari */
}
.flexbox .flexible, #areaContents #liveData article .flexible, #areaContents #liveList .sort .flexible, #areaContents #step ul .flexible, #areaContents #liveData .flexbox article > section, #areaContents #liveData article > section, #areaContents #liveList .sort #liveData article > section, #areaContents #liveData #liveList .sort article > section, #areaContents #liveData #step ul article > section, #areaContents #liveList .sort select, #areaContents #liveList .sort #step ul li, #areaContents #step ul #liveList .sort li, #areaContents #step ul li, .sortModal .flexbox li, #areaContents #liveData article .sortModal .flexbox li, #areaContents #liveList .sort .sortModal .flexbox li, .sortModal #areaContents #liveData article li, #areaContents #liveData .sortModal article li, .sortModal #areaContents #liveList .sort li, #areaContents #liveList .sortModal .sort li {
  -webkit-box-flex: 1;
  /* Android 2~4 */
  flex: auto;
  -webkit-flex: auto;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
注釈
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.attentionText li {
  text-indent: -1em;
  padding-left: 1em;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
テーブル（データ）
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
table.data tr th, table.aspTable tr th {
  background-color: #eeeeee;
  white-space: nowrap;
}
table.data tr th, table.aspTable tr th, table.data tr td, table.aspTable tr td {
  border: 1px solid #dddddd;
  padding: 10px;
  vertical-align: middle;
}
table.data .margin th, table.aspTable .margin th, table.data .margin td, table.aspTable .margin td {
  border: none;
  height: 10px;
}
table.data.cellRed th, table.cellRed.aspTable th {
  background-color: #DE6666;
  color: #FFFFFF;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ASP用テーブル
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
table.aspTable td {
  text-align: center;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
フォームテーブル
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
section.form,
section.discription {
  border: 1px solid #dddddd;
}
section.form h5,
section.discription h5 {
  background-color: #eeeeee;
  text-align: center;
  padding: 10px 10px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px dashed #dddddd;
}
section.form h5:first-child,
section.discription h5:first-child {
  border-top: none;
}
section.form h5 span,
section.discription h5 span {
  color: #b10000;
  margin-left: 5px;
  font-weight: normal;
}
section.form > section,
section.discription > section {
  padding: 10px 10px;
}
section.form > section.error,
section.discription > section.error {
  background-color: #fff4f3 !important;
}
section.form > section .inputLayout,
section.discription > section .inputLayout {
  display: table;
  width: 100%;
}
section.form > section .inputLayout div, section.form > section .inputLayout label, section.form > section .inputLayout select,
section.discription > section .inputLayout div,
section.discription > section .inputLayout label,
section.discription > section .inputLayout select {
  display: table-cell;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
section.form > section .inputLayout div:first-child, section.form > section .inputLayout label:first-child, section.form > section .inputLayout select:first-child,
section.discription > section .inputLayout div:first-child,
section.discription > section .inputLayout label:first-child,
section.discription > section .inputLayout select:first-child {
  padding-left: 0;
}
section.form > section .inputLayout div:last-child, section.form > section .inputLayout label:last-child, section.form > section .inputLayout select:last-child,
section.discription > section .inputLayout div:last-child,
section.discription > section .inputLayout label:last-child,
section.discription > section .inputLayout select:last-child {
  padding-right: 0;
}
section.form > section .inputLayout:last-child,
section.discription > section .inputLayout:last-child {
  margin-bottom: 0;
}
section.form > section .inputLayout .captcha,
section.discription > section .inputLayout .captcha {
  min-width: 86px;
  width: 86px;
}
section.form > section .inputLayout .captcha img, section.form > section .inputLayout .captcha input,
section.discription > section .inputLayout .captcha img,
section.discription > section .inputLayout .captcha input {
  vertical-align: middle;
}
section.form > section .inputLayout .captchaInput,
section.discription > section .inputLayout .captchaInput {
  height: 28px;
}

section.discription h5 {
  text-align: left;
}
section.discription section section.commission {
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px 0 10px;
  border-top: 1px dashed #dddddd;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

レイアウト関係のSCSS

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
html {
  position: relative;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ヘッダー
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
header {
  position: relative;
  z-index: 3;
  padding: 0px 10px 0px 10px;
  background-color: #0da4aa;
}
header.shadowNone {
  box-shadow: none;
}
header #logo {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
header nav {
  float: right;
}
header nav ul li {
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
header nav ul li.open {
  background-color: #eeeeee;
}
header nav ul li.btnMypage, header nav ul li.btnMypageMenu {
  width: 34px;
  margin-right: 15px;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}
header nav ul li.logoYahoo {
  width: 60px;
}
/*
header nav ul li.btnTicket {
  width: 56px;
}
*/
.login header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.login #wrapContents {
  margin-top: 47px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
コンテンツ
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#wrapContents {
  padding: 25px 10px 0px 10px;
  position: relative;
}

#areaContents {
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  メンテナンス情報
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  公演情報
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  チケット受け取り・お支払い方法
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  注意事項
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  チケット購入
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  ライブリスト
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  ページネーション
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  ご確認ください
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  座席について
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  お支払い内容
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  チケット受取方法 & お支払い方法
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  その他手数料
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  同意文
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  新規利用登録
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  利用規約同意
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  基本情報入力
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

  	マイページ

  	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  お知らせ
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  メールアドレス変更
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  	/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

  	静的ページ

  	−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  アクセス
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  Yahoo! ログイン
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  ステップ
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  デバイス選択
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  マイページメニュー
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  パンくずリスト
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
  /* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  エラーメッセージ
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
}
#areaContents .maintenance {
  background-repeat: repeat;
  background-position: 0 0;
  background-image: url(../images/common/backgroundGray.png);
  padding: 3px;
  margin-bottom: 20px;
}
#areaContents .maintenance p {
  padding: 7px;
  background-color: #FFFFFF;
}
#areaContents #liveData {
  margin-bottom: 15px;
}
#areaContents #liveData .number * {
  padding: 2px 8px;
}
#areaContents #liveData .number h6 {
  background-color: #42433E;
  border: 1px solid #42433E;
  color: #FFFFFF;
}
#areaContents #liveData .number p {
  border: 1px solid #42433E;
}
#areaContents #liveData h1 {
  line-height: 1.3;
  margin-bottom: 8px;
}
#areaContents #liveData h1 strong, #areaContents #liveData h1 span {
  display: block;
  font-size: 15px;
}
#areaContents #liveData h1 strong {
  margin-bottom: 5px;
  line-height: 1;
}
#areaContents #liveData .box h3 {
  font-size: 14px;
}
#areaContents #liveData .checkTerm {
  border: 1px solid #dddddd;
}
#areaContents #liveData .checkTerm h4, #areaContents #liveData .checkTerm p {
  padding: 5px 3px;
  text-align: center;
}
#areaContents #liveData .checkTerm h4 {
  border-bottom: 1px dashed #dddddd;
}
#areaContents #liveData article {
  margin-bottom: 10px;
}
#areaContents #liveData article figure {
  min-width: 102px;
  /*margin-right: 10px;*/
  margin-bottom: 10px;
}
#areaContents #liveData article figure img {
  border: 1px solid #dddddd;
}
#areaContents #liveData article > section dl dd {
  display: block;
  margin-bottom: 5px;
  /*margin-left: 10px;*/
}
#areaContents #liveData article > section dl dd:last-child {
  margin-bottom: 0;
}
#areaContents #liveData #dayInfo {
  margin-bottom: 10px;
}
#areaContents #liveData #dayInfo dd {
  padding: 5px 10px;
}
#areaContents #liveData #dayInfo dd:nth-child(odd) {
  background-color: #f9f9f9;
}
#areaContents #liveData #sponsorContact {
  border: 1px dashed #dddddd;
}
#areaContents #liveData #sponsorContact h3 {
  padding: 5px;
  text-align: center;
  border-bottom: 1px dashed #dddddd;
}
#areaContents #liveData #sponsorContact h3 img {
  vertical-align: baseline;
}
#areaContents #liveData #sponsorContact p {
  padding: 5px 10px;
}
#areaContents .receivePayment {
  margin-bottom: 25px;
}
#areaContents .receivePayment a {
  display: block;
  border: 1px solid #00a4aa;
  background-color: #00a4aa;
  padding: 5px;
  text-align: center;
}
#areaContents .receivePayment span {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/common/iconQuestion.png);
  color: #FFFFFF;
  background-size: 15px 15px;
  display: inline-block;
  padding-left: 20px;
}
#areaContents > .attention {
  border: 1px solid #b10000;
  margin-bottom: 15px;
  padding: 5px 10px;
  color: #B10000;
}
#areaContents #buyTicket .box {
  padding: 0;
  margin-bottom: 15px;
}
#areaContents #buyTicket .box table {
  width: 100%;
}
#areaContents #buyTicket .box table thead tr.headCell th {
  background-color: #3a3a3a;
  color: #FFFFFF;
  padding: 10px 0;
  border-right: 1px solid #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
#areaContents #buyTicket .box table thead tr.headCell th:last-child {
  border-right: 1px solid #3a3a3a;
}
#areaContents #buyTicket .box table thead tr.margin td {
  background-color: #FFFFFF;
}
#areaContents #buyTicket .box table tbody tr td {
  padding: 10px;
  border-top: 1px solid #dddddd;
  text-align: center;
  vertical-align: middle;
  border-right: 1px dashed #dddddd;
}
#areaContents #buyTicket .box table tbody tr td[data-href] {
  background-repeat: no-repeat;
  background-position: 98% center;
  background-image: url(../images/common/arrowGreenRight.png);
  background-size: 8px 11px;
  padding-right: 20px;
  cursor: pointer;
}
#areaContents #buyTicket .box table tbody tr td[data-href]:hover {
  background-color: #FFFFFF;
}
#areaContents #buyTicket .box table tbody tr td:last-child {
  border-right: none;
}
#areaContents #buyTicket .box table tbody tr td div {
  margin-top: 10px;
}
#areaContents #buyTicket .box table tbody tr td div:first-child {
  margin-top: 0;
}
#areaContents #buyTicket .box table tbody tr td div.separate {
  border-top: 1px dashed #dddddd;
  margin: 10px -10px 0 -10px;
  padding: 10px 10px 0 10px;
}
#areaContents #buyTicket .box table tbody tr td table tr td {
  border-top: 1px dashed #dddddd;
}
#areaContents #buyTicket .box table tbody tr:first-child > td {
  border-top: none;
}
#areaContents #buyTicket .box table tbody tr.disabled td {
  background-color: #eeeeee;
  color: #c0c1ba;
}
#areaContents #liveList .sort {
  margin-bottom: 10px;
}
#areaContents #liveList .sort h2 {
  min-width: 3em;
  padding-right: 10px;
  padding-top: 12px;
}
#areaContents #liveList li.disabled {
  background-color: #eeeeee;
  color: #949190;
}
#areaContents #liveList li.disabled .parentLive, #areaContents #liveList li.disabled li {
  background-color: #eeeeee !important;
  color: #949190 !important;
}
#areaContents #liveList .box {
  padding: 0;
  border: none;
}
#areaContents #liveList .box > ul > li {
  margin-bottom: 10px;
  border: 1px solid #dddddd;
}
#areaContents #liveList .box > ul > li:last-child {
  margin-bottom: 0;
}
#areaContents #liveList .box > ul > li .linkWrap, #areaContents #liveList .box > ul > li .linkWrap:link, #areaContents #liveList .box > ul > li .linkWrap:active, #areaContents #liveList .box > ul > li .linkWrap:visited, #areaContents #liveList .box > ul > li .linkWrap:hover {
  color: #666666;
  text-decoration: none;
}
#areaContents #liveList .box > ul > li .btnAccordion {
  position: relative;
  padding: 15px 35px 15px 10px;
  cursor: pointer;
}
#areaContents #liveList .box > ul > li .btnAccordion:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/common/arrowWhiteBottom.png);
  background-size: 11px 8px;
  background-color: #737373;
  width: 25px;
  height: 100%;
}
#areaContents #liveList .box > ul > li .btnAccordion.open:after {
  background-image: url(../images/common/arrowWhiteTop.png);
}
#areaContents #liveList .box > ul > li .parentLive {
  padding: 15px 10px;
}
#areaContents #liveList .box > ul > li .parentLive .linkArrow {
  padding: 0 !important;
  padding-right: 30px !important;
}
#areaContents #liveList .box > ul > li .contsAccordion,
#areaContents #liveList .box > ul > li .childLive {
  border-top: 1px dashed #dddddd;
  background-color: #eeeeee;
  padding: 10px;
}
#areaContents #liveList .box > ul > li .contsAccordion ul,
#areaContents #liveList .box > ul > li .childLive ul {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
}
#areaContents #liveList .box > ul > li .contsAccordion ul li,
#areaContents #liveList .box > ul > li .childLive ul li {
  font-size: 14px;
  border-top: 1px solid #dddddd;
}
#areaContents #liveList .box > ul > li .contsAccordion ul li:first-child,
#areaContents #liveList .box > ul > li .childLive ul li:first-child {
  border-top: none;
}
#areaContents #liveList .box > ul > li .contsAccordion ul li div,
#areaContents #liveList .box > ul > li .childLive ul li div {
  padding: 10px;
}
#areaContents #liveList .box > ul > li:first-child .btnAccordion, #areaContents #liveList .box > ul > li:first-child .parentLive {
  border-top: none;
}
#areaContents #faq .btnFaqAccordion,
#areaContents #faq .btnFaqAccordionParent {
  position: relative;
  cursor: pointer;
  background-color: #FBFBF9;
}
#areaContents #faq .btnFaqAccordion:after,
#areaContents #faq .btnFaqAccordionParent:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/common/arrowWhiteBottom.png);
  background-size: 11px 8px;
  background-color: #C0C1BA;
  width: 25px;
  height: 100%;
  padding-bottom: 1px;
}
#areaContents #faq .btnFaqAccordion.open:after,
#areaContents #faq .btnFaqAccordionParent.open:after {
  background-image: url(../images/common/arrowWhiteTop.png);
}
#areaContents #faq .box {
  padding: 0;
  margin-bottom: 15px;
}
#areaContents #faq .box .faqCaption {
  padding: 10px;
}
#areaContents #faq .box h3.subCaption, #areaContents #faq .box h3.borderCaption {
  margin: 0;
}
#areaContents #faq .box > .faqConts {
  border-top: 1px dashed #cccccc;
  background-color: #f2f2ee;
  padding: 10px;
}
#areaContents #faq .box > .faqConts ul {
  border: 1px solid #cccccc;
  background-color: #FBFBF9;
}
#areaContents #faq .box > .faqConts ul li {
  border-top: 1px solid #cccccc;
}
#areaContents #faq .box > .faqConts ul li:first-child {
  border-top: none;
}
#areaContents #faq .box > .faqConts ul li .question, #areaContents #faq .box > .faqConts ul li .answer {
  padding: 10px;
  padding-right: 35px;
  padding-left: 40px;
  text-indent: -30px;
}
#areaContents #faq .box > .faqConts ul li .question img, #areaContents #faq .box > .faqConts ul li .answer img {
  margin-right: 10px;
}
#areaContents #faq .box > .faqConts ul li .answer {
  padding-top: 0;
}
#areaContents #keywordSearch {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#areaContents #keywordSearch .box {
  padding: 10px;
  margin-bottom: 0;
}
#areaContents #keywordSearch form {
  position: relative;
}
#areaContents #keywordSearch form input[type="search"] {
  height: 3em;
  padding: 0.7em;
  padding-right: 30px;
}
#areaContents #keywordSearch form input[type="submit"] {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -8px;
  display: block;
  background: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/common/iconSearch.png);
  background-size: 15px 15px;
  text-indent: -9999px;
  border: none;
  z-index: 2;
}
#areaContents .pagination {
  margin-top: 15px;
}
#areaContents .pagination ul {
  text-align: center;
  margin-bottom: 10px;
}
#areaContents .pagination ul li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}
#areaContents .pagination ul li span {
  background-color: #00a4aa;
}
#areaContents .pagination ul li a {
  background-color: #c0c1ba;
}
#areaContents .pagination ul li span, #areaContents .pagination ul li a {
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  padding: 4px 8px;
}
#areaContents .pagination p {
  text-align: center;
}
#areaContents .pagination p span {
  color: #b10000;
}
#areaContents #check h2 {
  background-color: #b10000;
  color: #FFFFFF;
}
#areaContents #seat .box {
  padding: 15px 10px;
  border: 2px solid #b10000;
}
#areaContents #seat .box h2 {
  line-height: 1;
}
#areaContents #payment .box {
  padding: 0;
}
#areaContents #payment .box table tr th, #areaContents #payment .box table tr td {
  padding: 10px;
  border-top: 1px dashed #dddddd;
}
#areaContents #payment .box table tr:first-child th, #areaContents #payment .box table tr:first-child td {
  border-top: none;
}
#areaContents #payment .box table tr.separate th, #areaContents #payment .box table tr.separate td {
  background-color: #f9f9f9;
  border-top: 1px solid #dddddd;
  line-height: 1.2;
}
#areaContents #receive,
#areaContents #howToPayment {
  margin-bottom: 25px;
}
#areaContents #receive .box,
#areaContents #howToPayment .box {
  padding: 0;
  margin-bottom: 15px;
}
#areaContents #receive .box > section,
#areaContents #howToPayment .box > section {
  padding: 10px;
}
#areaContents #receive .box > section.separate,
#areaContents #howToPayment .box > section.separate {
  border-top: 1px dashed #dddddd;
  background-color: #f9f9f9;
}
#areaContents #receive .attention,
#areaContents #howToPayment .attention {
  border: 1px dashed #b10000;
  padding: 5px 10px;
}
#areaContents #comission .box {
  padding: 0;
}
#areaContents #comission .box table th {
  border-right: 1px dashed #dddddd;
  text-align: center;
}
#areaContents #comission .box table th, #areaContents #comission .box table td {
  padding: 10px;
  vertical-align: middle;
}
#areaContents #agreement .box {
  padding: 0;
}
#areaContents #agreement .box > section {
  padding: 20px 10px;
}
#areaContents #agreement .box .separate {
  padding: 0;
  border-top: 1px dashed #dddddd;
  background-color: #eeeeee;
  text-align: center;
}
#areaContents #agreement .box .separate label {
  padding: 10px;
  display: block;
}
#areaContents #newRegisterEntrance #yahooID {
  text-align: center;
  border: 1px solid #c0c1ba;
}
#areaContents #newRegisterEntrance #yahooID h4 {
  background-color: #c0c1ba;
  color: #FFFFFF;
}
#areaContents #newRegisterEntrance #yahooID h4, #areaContents #newRegisterEntrance #yahooID p {
  padding: 5px 10px;
}
#areaContents #termsOfService .box {
  padding: 0;
}
#areaContents #termsOfService .box > section {
  padding: 20px 10px;
}
#areaContents #termsOfService .separate {
  padding: 0;
  border-top: 1px dashed #dddddd;
  background-color: #eeeeee;
}
#areaContents #termsOfService .separate .mailAddress {
  display: block;
  text-align: center;
}
#areaContents #termsOfService .separate .mailAddress label {
  font-size: 14px;
}
#areaContents #termsOfService .separate .mailAddress label input {
  margin-left: 10px;
}
#areaContents #termsOfService .separate .attention {
  padding: 10px 15px;
  border: 1px dashed #dddddd;
}
#areaContents #registForm h6 {
  background-color: #fff4f3;
  color: #b10000;
  text-align: center;
  padding: 5px;
  display: none;
}
#areaContents #registForm .buttonSmall {
  min-width: 80px;
}
#areaContents #registForm .buttonSmall li {
  min-width: 100px;
}
#areaContents .checkAccordion {
  cursor: pointer;
}
#areaContents #information .box ul li {
  border-top: 1px solid #dddddd;
}
#areaContents #information .box ul li:first-child {
  border-top: none;
}
#areaContents #emailUpdate h6 {
  background-color: #fff4f3;
  color: #b10000;
  text-align: center;
  padding: 5px;
  display: none;
}
#areaContents #access .box .map {
  border: 1px solid #dddddd;
}
#areaContents #access .box .map iframe {
  vertical-align: bottom;
}
#areaContents .yahooLogin {
  padding: 15px;
  border: 1px dotted #dddddd;
}
#areaContents #step {
  margin: 0 -10px 15px -10px;
  padding: 5px 5px 10px 5px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
#areaContents #step ul li {
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 3px solid #dddddd;
  color: #dddddd;
  letter-spacing: -0.2px;
}
#areaContents #step ul li.current {
  border-bottom: 3px solid #b10000;
  color: #666666;
}
#areaContents #selectDevice {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}
#areaContents #selectDevice p {
  background-color: #eeeeee;
  display: inline-block;
  padding: 5px 10px;
}
#areaContents #mypageMenuConts,
#areaContents #faqMenuConts {
  margin-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
}
#areaContents #faqMenuConts h5 {
  text-align: center;
}
#areaContents #breadcrumb {
  padding: 8px 10px;
  border-top: 1px solid #dddddd;
  margin-left: -10px;
  margin-right: -10px;
  background-color: #f9f9f9;
}
#areaContents .caution {
  background-color: #fff4f3;
  border: 1px solid #fff4f3;
  color: #b10000;
  padding: 5px;
  margin-bottom: 15px;
}
#areaContents #registForm .caution,
#areaContents #emailUpdate .caution {
  text-align: center;
  display: none;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
フッター
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
footer {
  background-color: #3a3a3a;
  padding: 80px 10px 30px 10px;
  position: relative;
}
footer p, footer address {
  text-align: center;
  font-style: normal;
}
footer nav,
footer > p {
  margin-bottom: 20px;
}
footer #loginStatus {
  margin-bottom: 20px;
  text-align: center;
  display: table;
  width: 100%;
}
footer #loginStatus span {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
  width: 100%;
}
footer #pageTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width:15%;
  z-index: 9;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
ページトップ
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#top {
  /* このページの先頭 */
  position: absolute;
  width: 1px;
  height: 1px;
  left: 0;
  top: 0;
  text-indent: -9999px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
マイページメニュー
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#areaMypageMenu {
  z-index: 2;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 46px;
  background: #FFFFFF;
  overflow-x: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mypageMenu h5, #areaContents #mypageMenuConts h5,
#areaContents #faqMenuConts h5, #mypageMenu h5 {
  padding: 10px;
  background-color: #eeeeee;
}
#areaContents #faqMenuConts > ul {
  background-color: #FBFBF9;
}
.mypageMenu > ul li, #areaContents #mypageMenuConts > ul li,
#areaContents #faqMenuConts > ul li, #mypageMenu > ul li {
  border-bottom: 1px dashed #dddddd;
}
.mypageMenu > ul li:last-child, #areaContents #mypageMenuConts > ul li:last-child,
#areaContents #faqMenuConts > ul li:last-child, #mypageMenu > ul li:last-child {
  border-bottom: none;
}
.mypageMenu > ul li a, #areaContents #mypageMenuConts > ul li a,
#areaContents #faqMenuConts > ul li a, #mypageMenu > ul li a {
  display: block;
  padding: 0 20px;
  color: #666666;
}
.mypageMenu > ul li a:link, #areaContents #mypageMenuConts > ul li a:link,
#areaContents #faqMenuConts > ul li a:link, #mypageMenu > ul li a:link, .mypageMenu > ul li a:visited, #areaContents #mypageMenuConts > ul li a:visited,
#areaContents #faqMenuConts > ul li a:visited, #mypageMenu > ul li a:visited, .mypageMenu > ul li a:active, #areaContents #mypageMenuConts > ul li a:active,
#areaContents #faqMenuConts > ul li a:active, #mypageMenu > ul li a:active, .mypageMenu > ul li a:active, #areaContents #mypageMenuConts > ul li a:active,
#areaContents #faqMenuConts > ul li a:active, #mypageMenu > ul li a:active {
  text-decoration: none;
}
.mypageMenu > ul li a span, #areaContents #mypageMenuConts > ul li a span,
#areaContents #faqMenuConts > ul li a span, #mypageMenu > ul li a span {
  display: block;
  padding: 10px 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../images/common/arrowGreenRight.png);
  background-size: 8px 11px;
}
.mypageMenu .yahooTicket, #areaContents #mypageMenuConts .yahooTicket,
#areaContents #faqMenuConts .yahooTicket, #mypageMenu .yahooTicket {
  border-top: 1px dashed #dddddd;
}
.mypageMenu .yahooTicket a, #areaContents #mypageMenuConts .yahooTicket a,
#areaContents #faqMenuConts .yahooTicket a, #mypageMenu .yahooTicket a {
  display: block;
  text-align: center;
  padding: 15px;
  background-color: #FBFBF9;
}
.mypageMenu .areaCloseBtn, #areaContents #mypageMenuConts .areaCloseBtn,
#areaContents #faqMenuConts .areaCloseBtn, #mypageMenu .areaCloseBtn {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
モーダル
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.modalContent {
  position: absolute;
  display: none;
  z-index: 4;
  margin: 0 10px;
/*  left: 0;*/

  top: 0;
  background: #FFFFFF;
  min-width: 315px;
}
.modalContent .modalWindow {
  margin: 0;
  padding: 0;
  position: relative;
}
.modalContent .modalWindow h3 {
  background-color: #eeeeee;
  padding: 10px;
  text-align: center;
  font-size: 15px;
}
.modalContent .modalWindow section {
  padding: 10px;
}
.modalContent .modalWindow section .button, .modalContent .modalWindow section .buttonSmall {
  margin-top: 10px;
}
.modalContent .modalWindow .separate {
  border-top: 1px solid #dddddd;
}
.modalContent .modalWindow .separate .button, .modalContent .modalWindow .separate .buttonSmall {
  margin-top: 0;
}
.modalContent .modalWindow .windowOuter {
  position: absolute;
  top: 100%;
  left: 22%;
  /*margin-left: -70px;*/
}
.modalContent .modalWindow .windowOuter .button li, .modalContent .modalWindow .windowOuter .buttonSmall li, .modalContent .modalWindow .windowOuter .button a, .modalContent .modalWindow .windowOuter .buttonSmall a, .modalContent .modalWindow .windowOuter .button span, .modalContent .modalWindow .windowOuter .buttonSmall span {
  height: auto !important;
  line-height: 3.2 !important;
}

.modalOverlay {
  z-index: 3;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5);
}

.sortModal .flexbox li, .sortModal #areaContents #liveData article li, #areaContents #liveData .sortModal article li, .sortModal #areaContents #liveList .sort li, #areaContents #liveList .sortModal .sort li, .sortModal #areaContents #step ul li, #areaContents #step .sortModal ul li {
  border-left: 1px dashed #dddddd;
}
.sortModal .flexbox li:first-child, .sortModal #areaContents #liveData article li:first-child, #areaContents #liveData .sortModal article li:first-child, .sortModal #areaContents #liveList .sort li:first-child, #areaContents #liveList .sortModal .sort li:first-child, .sortModal #areaContents #step ul li:first-child, #areaContents #step .sortModal ul li:first-child {
  border-left: none;
}
.sortModal .flexbox li label, .sortModal #areaContents #liveData article li label, #areaContents #liveData .sortModal article li label, .sortModal #areaContents #liveList .sort li label, #areaContents #liveList .sortModal .sort li label, .sortModal #areaContents #step ul li label, #areaContents #step .sortModal ul li label {
  display: block;
  padding: 10px 0;
  text-align: center;
}
.sortModal > section {
  border-bottom: 1px solid #dddddd;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
 add 2015.7.10
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.fontNormal {
 color: #666;
}
.caption h2.fontSmall {
	font-size: 16px;
}

.selectbtnArea {
	padding:10px 0 0;
}
.soldout {
	text-align:center;
	padding:8px;
	background:#f7a7a7;
}
.button li.btnSelect,
.button li.btnCancel {
	width:50px;
	min-width: 50px !important;
}
.button .btnSelect a {
	width:56px;
	height: auto;
	line-height: normal;
	text-align: center;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	padding: 8px 10px 20px;
 background: #dd6161 url(../images/common/arrowWhiteBottom.png) no-repeat 50% 28px;
	background-size: 16px 11px;
}
.button .btnCancel a {
	width:56px;
	height: auto;
	line-height: normal;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding: 22px 10px 6px;
 background: #a4a5a5 url(../images/common/arrowWhiteTop.png) no-repeat 50% 8px;
	background-size: 16px 11px;
}
table.ticket tbody tr.active {
	background: #ffc6c6;
}
table.ticket tbody tr .btnSelect,
table.ticket tbody tr.active .btnCancel {
	display: block;
}
table.ticket tbody tr .selectbtnArea,
table.ticket tbody tr.active .btnSelect,
table.ticket tbody tr .btnCancel {
	display:none;
}
table.ticket tbody tr td ul.button{
	margin:0 auto;
	display:inline-block;
}
.btnLong li {
	width: 80%;
	margin:0 auto 10px;
}
.btnLong li:first-child,
.btnLong li:last-child {
 float: none;
}
.btnLong li:first-child a,
.btnLong li:last-child a {
 margin: 0px;
}
.btnLong li.line {
	padding:10px 0 0;
	border-top:1px dotted #CCCCCC;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

印刷用SCSS

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
@media print {
  * html body {
    zoom: .7;
  }
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

AC追加

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
 .attentionAC {
  border: 1px dashed #cccccc;
  padding: 5px 10px;
}

.attentionACRed {
  border: 1px solid #b10000;
  margin-bottom: 20px;
  padding: 5px 10px;
}

/* リンク赤 */
a:link.AcPattern1 {
  color: #b10000;
}
a:visited.AcPattern1 {
  color: #b10000;
}
a:hover.AcPattern1 {
  color: #b10000;
}
a:active.AcPattern1 {
  color: #b10000;
}

.AcSeparate {
  border-top: 1px solid #dddddd;
}

.AcBGColorWhite{
	background-color: #ffffff;
}

.AcBGColorRed{
	color : #ffffff;
	background-color: #b10000;
}

.modalContent .modalWindow h3 .AcBGColorRed2 {
	color : #ffffff;
	background-color: #b10000;
}

.modalContent .modalWindow .AcBGColorRed2  {
	color : #ffffff;
	background-color: #b10000;
}

.AcMr10 {
    margin-right: 10px;
}

.AcTableWordWrap {
  table-layout:fixed;
  word-break:break-all;
  word-wrap:break-word;
}

.AcWordWrapBreakAll {
  word-break:break-all;
  word-wrap:break-word;
}

.AcWordWrapBreakWord {
    word-wrap:break-word;
    overflow-wrap:break-word;
}

.AcDisabled {
  background-color: #f2f2ee;
  color: #949190;
}

.AcDisabled2 {
  background-color: #eeeeee;
  color: #949190;
}

.AcDisabledColor {
  color: #949190;
}

.AcDisplayBlock {
  display:block;
}

.AcWidthAuto {
  width:auto;
}

.AcWidth150 {
  width:150px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

画像アップロード用(AC追加)

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:3px;
    background:#b10000;
    color:#fff;
    text-align:center;
    padding:10px;
    line-height:30px;
    width:100%;
    cursor:pointer;
    box-sizing: border-box; /* ← ボタンがはみ出るのを防ぐ */
    margin-bottom: 5px !important;
}
.uploadButton:active {
    background:#e0e0e0;
}
.uploadButton input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}
input[type="text"].uploadValue {

  display:none;

  background:none;
  background-color: #bdbdbd;
  border: none;
  padding:3px;
  border-radius: 0;
  -webkit-appearance: none;
  height: 2.4em;
  color:#ffffff;

  width:100%;
  text-align:center;

}

.AcOshiraseBackGround {
	margin-top: 47px;
	background-color: #0da4aa;
	padding: 10px 10px 5px 5px;
}

.AcOshirase {
  background-repeat: repeat;
  background-position: 0 0;
  background-image: url(../images/common/backgroundGray.png);
  padding: 3px;
  margin-bottom: 5px;
}
.AcOshirase p {
  padding: 7px;
  background-color: #FFFFFF;
}

.loginAcOshirase header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.AcImgBtnWidth {
    width: 80%;
    max-width: 300px;
}

/** buttonタグがiphoneだと丸くなるため追加 */
.AcCopyButtonStyle {
  -webkit-appearance: none;
  border-radius: 0;

  border:none;
  /*background:none;*/
  /*  background-color: #A8A9A9; */
  background:linear-gradient(to bottom, #A8A9A9,#A0A0A1);
  color: #FFFFFF;
/*  text-decoration: none; */

  width: 100px;
  height:27px;

}

.AcFontRedLargeBold {
  color: #b10000;
  font-size: 108%;
  font-weight: bold;
}

.kusekiJokyo {
  font-size: 19px;
}

.searchAddress {
  min-width: 93px;
}

.Acwidth60 {
  width: 60px;
}

.AcVCdodeSection {
  border: 1px solid #b10000;
  padding: 10px 10px;
}

/* --------------------- 言語選択用 --------------------- */
.language-link {
  text-align: center;
  padding: 10px 10px;
  font-weight: bold;
  position: fixed;
  bottom: 20px;
  right: 25px;
  z-index: 9999;
  border: 2px solid #c0c0c0;
  background-color: #eeeeee;
  transition: width 0.3s ease, height 0.3s ease;
  width: 100px;
  height: 20px;
  overflow: hidden;
}

.language-link.expanded {
  height: auto;
  width: auto;
}

.language-options {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.language-link.expanded .language-label {
  display: block;
}

.language-link.expanded .language-options {
  max-height: 200px;
}

.language-options a {
  font-size: 24px;
}

/* ------------------------------------------ */

.btnTicket {
  display: block;
}

.btnTicket img {
  height:14px;
  margin: 0 auto;
  display: block;
}

.btnTicket a span {
  display: block;
  color: #FFFFFF;
  font-size: 70%;
  height: 12px;

}

.opacity-50 {
  opacity: 0.5;
}