@charset "UTF-8";
/* CSS Document */
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


.flow.w200 li{
  width: 200px;
}

.flow.w150 li{
  width: 160px;
}

.flow.twoRows li {
 line-height: 1.5;
 display: table;
 float: left;
}
.flow.twoRows li span {
  display: table-cell;
  vertical-align: middle;
}
.pointer{
  cursor: pointer;
}

.txtAreaW800 {
  width: 800px;
}
.txtAreaH200 {
  height: 200px;
}
.txtDecorationNone {
  text-decoration: none;
}
.txtDecorationNone a {
  text-decoration: none;
}
.txtDecorationNone:hover{
  text-decoration: underline;
}
.txtDecorationNone li a {
  text-decoration: none;
}
.txtDecorationNone li a:hover {
  text-decoration: underline;
}
.lineHeight0 {
  line-height: 0 !important;
}
.pD0 {
  padding: 0 !important;
}
.pdTopBottom0 {
  padding: 0 10px !important;
}
.columnCenterOnly {
  margin: 0 auto !important;
}
button {
  border: none;
}
.boxContents .point {
  margin-left: 50px;
  font-weight: bold;
}
.boxContents .point input[name=USE_POINT_QTY]{
  width: 80px;
  margin-left: 50px;
}
.boxContents .point input[name=USE_POINT_QTY]:disabled{
  background-color: #ebebeb;
}
.boxContents .pontaPointCheck {
  margin-left: 50px;
  font-weight: bold;
}
.boxContents .pontaPointCheck input[name=PONTA_ID_CHECK]{
  width: 80px;
  margin-left: 50px;
}
.boxContents .pontaPointCheck input[name=PONTA_ID_CHECK]:disabled{
  background-color: #ebebeb;
}
.bottunBorder {
  border-style: solid !important;
}
.txtCenter input[type='button'],.txtCenter input[type='submit'] {
  vertical-align: baseline;
}
.inlineB {
  display: inline-block !important;
}
.inputColumnBox .col {
  vertical-align: text-top;
}

.list03 li {
  vertical-align: text-top;
}

.boxBorderNone {
  border: none !important;
}

textarea {
  background-color: #fff;
  padding: 10px;
}

.colWidth5 {width: 5%;}

/* list01 */
.list01 li {
  border-top: #dedede 1px solid;
  border-bottom: none;
}
.list01 li:first-child {
  border-top: none;
}
.list01 > li > ul {
  overflow: hidden;
}

.moreArticle li:first-child {
  border-top: #dedede 1px solid;
}

/*  --------------------------------------------------
  個別ページ
  -------------------------------------------------- */
/*ttd010*/
.point input[type="text"] {
  width: 80px;
  padding-right: 5px;
  padding-left: 5px;
  color: #f35184;
  font-size:14px;
  font-weight: bold;
  text-align: right;
}

div.textAlignRight {
  text-align: right;
}

form input[readonly]{
  background-color: #ebebe4;
}
/*ttd010 他 配送受取のクリックエリアを広く*/
.moreSpaceTable td {
  padding: 0;
}

.moreSpaceTable td label {
  padding: 20px;
  display: inline-block;
  font-weight: bold;
}


/*Tmw040S01*/
.js-accordion-contents {
  display: none;
}
.newsinfo ul li a {
  color: #0000ff;
}

/*Tmw050S01*/
table.itemTable02,
table.itemTable03 {
  display: none;
}
.tabListItem input[type="button"] {
  display: block;
  width: 100%;
}
.tabList .tabListItems .tabListItem .inner {
  display: block;
}

/*Tmw340S01*/
.formInline form {
  display: inline;
}
/*Tmw340S01 レコメンド部分*/
.recommend {
  width: 882px;
  padding: 10px 0 0 0;
  overflow: hidden;
  border: 1px solid #ced9d8;
}
.recommend ul li {
  float: left;
  width: 176px;
  height: 300px;
  padding: 10px;
  border-right: 1px solid #ced9d8;
}
.recommend ul li.last {
  border-right: none;
}
.recommend ul li:hover {
  background-color: #c0c0c0;
  color: #fff;
}
.recommend ul li p {
  padding: 0 0 5px 0;
}
.recommend ul li p.image {
  text-align: center;
}
.recommend ul li p.image img {
  border: 1px solid #ced9d8;
}

/*Tmw360S01*/
.cboxCenter {
  text-align: center !important;
}
.cboxCenter input[type="checkbox"] {
  margin-right: 0;
}
/*バンクズフッター上に変更*/
.breadcrumb {
  margin-top: 40px;
}
#footer {
  margin-top: 0;
}

/*  --------------------------------------------------
  サイト間
  -------------------------------------------------- */
/*TOPメニュー*/
.gMenu .mainMenu li {
  float: left;
  width: 130px;
  height: 38px;
  margin-right: 2px;
  font-weight: bold;
}
.gMenu .mainMenu li a, .gMenu .mainMenu li input {
  color: #fff;
  width: 130px;
  height: 38px;
  padding: 0!important;
  line-height: 38px;
  font-size: 15px;
  background-color: #000;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.gMenu .mainMenu li a:hover, .gMenu .mainMenu li input:hover {
  background:#525252;
}
.gMenu .subMenu {
  margin-top: 5px;
}
.gMenu .subMenu li {
  float: left;
  margin-left: 30px;
}
.gMenu .subMenu li a:before {
  content: url(/img/site/pc/images/ico/ico_arrow17.png);
  width: 14px;
  height: 9px;
  padding: 0 5px 0 0;
}
.gMenu .subMenu li a {
  text-decoration: none;
}
.gMenu .subMenu li a:hover {
  text-decoration: underline;
}

/*ボタンラベル追加色*/
.btnBoxBase.btnBox07 {
  background:#4699FF !important;
  color:#fff;
}
.btnBoxBase.btnBox08 {
  background:#000 !important;
  color:#fff;
}
.btnBoxBase.btnBox09 {
background:#f35184;
color:#fff;
}
.btnSize120 {
  width: 120px;
}
.label08 {
  background:#fff !important;
  color:#4F9EFF;
  line-height: 20px;
  border:#4F9EFF 2px solid;
}
.label09 {
  background:#4F9EFF !important;
  color:#fff;
}
.label10 {
  background:#fff !important;
  color:#62c7c8;
  line-height: 20px;
  border:#62c7c8 2px solid;
}
.label11 {
  background:#fff !important;
  color:#FD9535;
  line-height: 20px;
  border:#FD9535 2px solid;
}

/*Ttg010 利用規約*/
.paragraphBox {
  width: 800px;
  margin: auto;
  height: 200px;
  padding: 16px;
  border: solid 1px #000;
}

input[type='submit'],
input[type='button'] {
  border-style: none;
  background: none;
}


/* input-width-default */
input.defaultWidth{width:auto;}



/**/
/* ----------------------- Ttg050 ----------------------- */
.ticketSearchInfoTable {
  width: 100%;
}
.ticketSalesSelectList {
  overflow: hidden;
}
.ticketSalesSelectList .ticketSalesSelectListItem {
  text-align: center;
  width: 33%;
  float: left;
  padding-right: 10px;
}
/* .ticketSalesSelectBox */
.ticketSalesSelectBox {
  text-align: left;
  padding: 11px 10px 11px 11px;
  margin: 0px 0px 10px 0px;
  border: solid 1px #D9E1E1;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #FFF;
}
.ticketSalesSelectBox > p {
  line-height: 1.1;
  margin-top: 0.5em;
}
.ticketSalesSelectBox ul {
  overflow: hidden;
}
.ticketSalesSelectBox ul li {
  float: left;
  margin-right: 5px;
}
/* .ticketSalesSelectBox2 */
.ticketSalesSelectBox2 {
  text-align: left;
  padding: 0;
  margin: 0px 0px 0px 0px;
  border: solid 1px #5e5e66;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  width: 100%;
  background-color: #FFF;
  box-sizing:border-box;
  height:150px;
}

.seatAsgnBox .ticketSalesSelectBox2 {
  text-align: left;
  padding: 0;
  margin: 0px 0px 0px 0px;
  color:#fff;
  border: #f35184 none repeat scroll 0 0;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  width: auto;
  border:none !important;
  box-sizing:border-box;
}

.ticketSalesSelectBox2:hover,
.ticketSalesSelectBox2.active {
  background-color: #EBF8F8;
  border: solid 2px #62C7C8;
  padding: 0;
  box-sizing:border-box;
}
.bgCross .ticketSalesSelectBox2:hover,
.bgCross .ticketSalesSelectBox2.active {
  background-color: #FFF;
  border: solid 1px #5e5e66;
  padding: 0;
}
.ticketSalesSelectBox2 > p {
  line-height: 1.1;
  margin-top: 0.5em;
}
.ticketSalesSelectBox2 ul {
  overflow: hidden;
}
.ticketSalesSelectBox2 ul li {
  float: left;
  margin-right: 5px;
}

.ticketInfoBlock{
  padding: 0;
  margin: 0;
  display: none;
}
.ticketInfoBlock .pDayTimeDetaile {
  text-align: center;
  padding: 20px;
  margin: 0px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ticketInfoBlock .pDayTimeDetaile form {
  text-align: left;
}
.ticketInfoBlock .pDayTimeDetaile table {
  text-align: left;
}

.ticketInfoComment {
  display: none;
}

.pDayTimeDetaile table td {
  background-color: #fff;
}

.pDayTimeDetaile table td p {
  padding: 2px 15px;
  float: left;
  /*width: 150px; 2014.12.25@Ci0005*/
  height: 26px;
  border: #bcbcbc solid 1px;
  border-right: none;
}
.bgCross .ticketSalesSelectBox2 {
  cursor: default;
}
.bgCross .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 70px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState03.png") no-repeat 100% 50%;
}
.bgCircle .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 70px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState01.png") no-repeat 100% 50%;
}
.bgTriangle .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 70px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState02.png") no-repeat 100% 50%;
}
.bgBar .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 70px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState04.png") no-repeat 100% 50%;
}
.btnModalDelete04 {
    background: #fff url("/img/site/pc/images/ico/ico_delete04.png") no-repeat scroll center center;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
}

.bgCrossCalendarselect{
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  float:left;
  background: url("/img/site/pc/images/ico/ico_seatState03.png") no-repeat 100% 50%;
}
.bgCircleCalendarselect{
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  float:left;
  background: url("/img/site/pc/images/ico/ico_seatState01.png") no-repeat 100% 50%;
}
.bgTriangleCalendarselect{
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  float:left;
  background: url("/img/site/pc/images/ico/ico_seatState02.png") no-repeat 100% 50%;
}

.bgBarCalendarselect{
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  float:left;
  background: url("/img/site/pc/images/ico/ico_seatState04.png") no-repeat 100% 50%;
}

.ts5box .bgCross .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_delete04.png") no-repeat 100% 50%;
}
.ts5box .bgCircle .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState01_02.png") no-repeat 100% 50%;
}
.ts5box .bgTriangle .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState02_02.png") no-repeat 100% 50%;
}
.ts5box .bgBar .ticketSalesSelectBox2:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url("/img/site/pc/images/ico/ico_seatState04.png") no-repeat 100% 50%;
  background-size: 30px;
}

.waitCancel .ticketSalesSelectBox2 {
  position: relative;
}
.bgCross .ticketSalesSelectBox2.imgNone,
.bgCircle .ticketSalesSelectBox2.imgNone,
.bgTriangle .ticketSalesSelectBox2.imgNone,
.bgBar .ticketSalesSelectBox2.imgNone,
.waitCancel .ticketSalesSelectBox2.imgNone{ background-image:none; }

.ticketSalesSelectBox2:hover:after,
.ticketSalesSelectBox2.active:after {
  top: 70px !important;
  left: 10px !important;
}
.bgCross .ticketSalesSelectBox2:hover:after,
.bgCross .ticketSalesSelectBox2.active:after {
  top: 70px !important;
  left: 10px !important;
}

.ts5box .ticketSalesSelectBox2:hover:after,
.ts5box .ticketSalesSelectBox2.active:after {
  top: 10px !important;
  left: 10px !important;
}
.ts5box .bgCross .ticketSalesSelectBox2:hover:after,
.ts5box .bgCross .ticketSalesSelectBox2.active:after {
  top: 10px !important;
  left: 10px !important;
}



ul.pDayTimeList {
  padding-top: 20px;
  border-top: 1px solid #D1DCDB;
}
ul.pDayTimeList > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D1DCDB;
}

.boxS01 {
  text-align: left;
  padding: 16px 11px;
  margin: 0px 0px 10px 0px;
  border: solid 1px #D9E1E1;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.boxS01:hover,
.boxS01.active {
  background-color: #EBF8F8;
  border: solid 2px #62C7C8;
  padding: 15px 10px;
}


/* .toolTip */
a.toolTip{
  display: block;
  margin: 0 auto;
}
.tooltipBox {
  text-align: left;
  padding: 10px 30px 10px 10px;
  margin: 0px 10px 10px 0px;
  background-color: #EBF8F8;
  border: solid 2px #62C7C8;
  overflow: hidden;
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 101;
}
.tooltipBox .tooltipClose {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 102;
  display: block;
  width: 11px;
  height: 11px;
}
.tooltipBox .tooltipClose img {
  vertical-align: top;
}
.invisible{
  display: none;
}
/* .PerformanceDayTime */
.PerformanceDayTime{
  position: relative;
}
.pfdaycalenderTab .dayTime{
  float:left;
  margin-left:10px;
}
.pfdaycalenderTab .daySelectButton{
  float:right;
  display: inline-block;
  margin-right:10px;
}

.pfdaycalenderTab .daySelectButton .tsTab{
  position:static;
  top:auto;
  right:auto;
}
/* .tsTab */
.tsTab{
  position:absolute;
  top:0;
  right:0;
}
.tsTab li{
  margin: 0 3px;
  float: left;
}
.tsTab li span{
  background-color: #BCBCBC;
  display: inline-block;
  cursor: pointer;
}
.tsTab li.selected span,
.tsTab li:hover span{
  background-color: #2F2B2B;
  color: #fff;
}
.tsTab li.disabled:hover span{
  background-color: #BCBCBC;
  color: #000;
}
.tsTabCont {
  display: none;
}
.tsTabCont.selected {
  display: block;
}
.btnList {
  background: url("/img/site/pc/images/ico/ico_list01_white.png") no-repeat 5% 50%;
  padding: 0 10px 0 26px;
}
.btnCalender {
  background: url("/img/site/pc/images/ico/ico_list02_white.png") no-repeat 5% 50%;
  padding: 0 10px 0 26px;
}


/* .ts5box */
.ts5box {
  clear: both;
}
.ts5box li{
  width: 20%;
  float: left !important;
  cursor: pointer;
  padding-right: 10px;
  margin-bottom: 10px;
}
.ts5box li.bgCross{
  cursor: default;
}
.ts5box li small{
  display: block;
}
.ts5box li .ticketSalesSelectBox2{
}
.ts5box li.bgCross .ticketSalesSelectBox2{
}
.ts5box li.firstLi .ticketSalesSelectBox2{
  margin-left: 0;
}
.ts5box li:nth-child(6) .ticketSalesSelectBox2{
  margin-left:0 !important;
}

/* tableInfoBlock01 */
.tableInfoBlock01 {
  width:100%;
  margin:20px 0;
}
.tableInfoBlock01 th {
  padding:10px;
  border:#ced9d8 1px solid;
  text-align: left;
  vertical-align: middle;
}
.tableInfoBlock01 td {
  padding:0;
  border:#ced9d8 1px solid;
  text-align: left;
  vertical-align: middle;
}
/* tableInfoBlock01Inner */
.tableInfoBlock01Inner {
  width:100%;
  margin: -1px 0 0;
}
.tableInfoBlock01Inner td {
  padding:10px;
  text-align: left;
  vertical-align: middle;
  border-top:#ced9d8 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* .calenderStyle */
.calenderStyle{
  border-top: #cacaca solid 2px;
  border-left: #cacaca solid 2px;
  width: 100%;
}
.calenderStyle thead th{
  padding: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 93%;
  color: #414141;
  background-color: #fff;
}
.calenderStyle caption{
  padding: 8px;
  font-size: 138.5%;
  font-weight: bold;
  background-color: #fff;
  border: #cacaca solid 3px;
  border-bottom: #cacaca solid 1px;
}
.calenderStyle caption span{
  margin: 0 40px;
  cursor: pointer;
}
.calenderStyle caption span.disable{
  color: #999;
}
.calenderStyle thead th.sat{
  color: #003399;
  background-color: #eff7ff;
}
.calenderStyle thead th.sun{
  color: #cc3333;
  background-color: #ffebeb;
}
.calenderStyle tbody td{
  padding: 5px 8px;
  height: 90px;
}
.calenderStyle tbody td li{
  padding-right: 20px;
  text-align: right;
  color: #666;
}
.calenderStyle tbody td.bgW{
  background-color: #fff;
}
.calenderStyle th,.calenderStyle td{
  border-bottom: #cacaca solid 2px;
  border-right: #cacaca solid 2px;
}
.sat p{
  color: #003399;
}
.sun p{
  color: #cc3333;
}
.calenderStyle tbody td li.soldout{
  background: url("/img/site/pc/images/ico/ico_ticket02_x16.png") no-repeat 100% 50%;
}
.calenderStyle tbody td li.few{
  background: url("/img/site/pc/images/ico/ico_ticket03_x16.png") no-repeat 100% 50%;
}
.calenderStyle tbody td li.many{
  background: url("/img/site/pc/images/ico/ico_ticket01_x16.png") no-repeat 100% 50%;
}
.calenderStyle tbody td li.few a{
  color: #003399;
}
.calenderStyle tbody td li.many a{
  color: #cc3333;
}
.calenderStyle .modal_link {
  cursor: pointer;
}

/*お申込方法*/
.entry {
  background-color: #F4F4F4;
  padding: 20px 0;
}
.entry .title {
  padding: 0 0 10px 25px;
}
.entry .item {
  float: left;
  width: 560px;
  margin-left: 20px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #D9E1E1;
  display: block !important;
}
.entry .item p {
  margin-left: 23px;
  /*height: 50px;*/
}

/* Reveal Modals */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  /*visibility: hidden;*/
  display:none;
  top: 50px;
  left: 50%;
  margin-left: -600px;
  position: absolute;
  z-index: 101;
  width: 1200px;
  padding: 20px;
  background-color: #F4F4F4;
  border: 1px solid #C5C5C5;
}
.mClose{
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin: 0 auto;
}
.reveal-modal .mClose{
  display: inline-block;
}

.reveal-modal.small     { width: 800px; margin-left: -420px;}
.reveal-modal.medium    { width: 1100px; margin-left: -550px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge    { width: 800px; margin-left: -440px;}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
.reveal-modal {
  left: 0;
  margin-left: 0;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
.reveal-modal {
  left: 0;
  margin-left: 0;
}
}
/* clearfix */
.cFix:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cFix        { min-height: 1px; }
* html .cFix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* .tsTab */
.tsTab{
}
.tsTab li{
}
.tsTab li .btnBoxBase {
  background-color: #BCBCBC;
  display: inline-block;
  cursor: pointer;
}
.tsTab li.selected .btnBoxBase,
.tsTab li:hover .btnBoxBase{
  background-color: #2F2B2B;
  color: #fff;
}
.tsTab li.disabled:hover .btnBoxBase{
  background-color: #BCBCBC;
  color: #000;
}
.tsTabCont {
  display: none;
}
.tsTabCont.selected {
  display: block;
}
.btnList {
  background-image: url("/img/site/pc/images/ico/ico_list01_white.png") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  padding: 0 10px 0 26px;
}
.btnCalender {
  background-image: url("/img/site/pc/images/ico/ico_list02_white.png") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  padding: 0 10px 0 26px;
}

/* .ts5box */
.ts5box li{
  /*width: auto;*/
}
.ts5box button,
.ts5box input[type="button"],
.ts5box input[type="reset"],
.ts5box input[type="submit"]
{
  text-align: left;
}

/* .bgCross */
.bgCross button,
.bgCross input[type="button"],
.bgCross input[type="reset"],
.bgCross input[type="submit"]
{
  cursor: default;
}

/* .label */
.label99 {
  background: #000000 !important;
  color:#fff;
}
.label98 {
  background: #fff !important;
  color: #000000;
  line-height: 20px;
  border: #000000 2px solid;
}
/* text color */
.txtColor99 {
  color: #000000 !important;
}

/*  --------------------------------------------------
  テキストフォーカス
  -------------------------------------------------- */
/*form input[type=text],
form input[type=password]{
  padding: 6px;
  color: #999;*/
/*  background: #fdf7f7;
  border: #c00 solid 1px;
*/}

form .focusNone input[type=text],
form .focusNone input[type=password],
input[type=text].focusNone,
input[type=password].focusNone {
  padding: 6px;
  color: #333;
  background: #fff;
  border: #858585 solid 1px;
}

form .focusNone.add input[type=password]{
  margin-right: 10px;
  padding: 6px;
  font-size: 108%;
  float: left;
  color: #999;
  background: #FFF;
  border: #858585 solid 1px;
}

form input[type=password].ignore{
  margin-right: 10px;
  padding: 6px;
  font-size: 108%;
  float: left;
  color: #333;
  background: #FFF;
  border: #858585 solid 1px;
}

form input[disabled=disabled]{
  color: #FFF;
  -webkit-text-fill-color: #FFF;
  background: #ccc !important;
  opacity: 1!important;
}

input.doubleClickControl[disabled=disabled] {
  color: #FFF;
  background: #ccc !important;
  opacity: 1!important;
}

button.doubleClickControl[disabled=disabled]{
  color: #FFF;
  background: #ccc !important;
  opacity: 1 !important;
}

form select.grayOut[disabled=disabled]{
  color: #FFF;
  background: #ccc !important;
}
form input.textFocus[type=text],
form input.textFocus[type=password]{
  color: #333;
  background-color: #fff;
  border: #858585 solid 1px;
}

.reset-input input.textFocus[readonly][type=text],
.reset-input input.textFocus[readonly][type=password] {
  background-color: #ebebe4;
}

/*  --------------------------------------------------
  バリデートエラー
  -------------------------------------------------- */
input.valid ~ ul{
  position: relative;
  bottom: 28px;
  left: 210px;
  background: url("/img/site/pc/images/ico/ico_check.png") no-repeat 0% 50%;
  width: 24px;
  height: 24px;
  margin-bottom: -20px;
}
input.valid ~ ul.mailMagazineMailField{
  left: 270px;
}
input.error {
  background: #fdf7f7 !important;
  border: #c00 solid 1px !important;
}
select.error ~ ul{
  position: relative;
  bottom: 35px;
  left: 210px;
  padding-left: 36px;
  vertical-align: middle;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
  width: 24px;
  height: 24px;
  min-height: 40px;
}
input.error ~ ul.mailMagazineMailField{
  left: 270px;
}

select.error {
  background: #fdf7f7 !important;
  border: #c00 solid 1px !important;
}
input.error ~ ul{
  position: relative;
  bottom: 26px;
  left: 210px;
  padding-left: 36px;
  vertical-align: middle;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
  width: 24px;
  height: 24px;
  margin-bottom: -20px;
}

textarea.error {
  background: #fdf7f7 !important;
  border: #c00 solid 1px !important;
}

textarea.valid ~ div.icon{
  position: relative;
  float:left;
  background: url("/img/site/pc/images/ico/ico_check.png") no-repeat 0% 50%;
  margin-left:20px;
  width: 24px;
  height: 24px;
}

textarea.error ~ div.icon{
  position: relative;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
  width: 24px;
  height: 24px;
  margin-left:20px;
  float:left;
}

/*
ul.validationTxt .error{
  padding-left: 36px;
  vertical-align: middle;
  font-weight:normal;
  position: relative;
  top: 50px;
  right: 280px;
  color: #FF0000;
}
*/
.tableStyle002 td ul input.error ~ ul li{
  padding-top: 0;
}
ul.radioError li.error{
  margin: 0 0 10px 20px;
  padding-left: 40px;
  color: #f00;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
}
ul.radioError li.valid{
  height: 27px;
  line-height: 27px;
  width: 30px;
  color: #333;
  background: url("/img/site/pc/images/ico/ico_check.png") no-repeat 0% 50%;
}
ul.radioError01 li.error,ul.expirationError li.error{
  margin: 20px 0 0;
  padding-left: 40px;
  color: #f00;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
}
ul.radioError01 li.valid,ul.expirationError li.valid{
  height: 27px;
  line-height: 27px;
  width: 30px;
  color: #333;
  background: url("/img/site/pc/images/ico/ico_check.png") no-repeat 0% 50%;
}

ul.selectError li.error{
  min-height: 30px;
  line-height: 30px;
  padding-left: 36px;
  padding-top:9px;
  vertical-align: middle;
  color: #f00;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
}
ul.selectError li.valid{
  padding-top:0;
  min-height: 30px;
  line-height: 30px;
  padding-left: 36px;
  vertical-align: middle;
  color: #333;
  background: url("/img/site/pc/images/ico/ico_check.png") no-repeat 0% 50%;
}

.credit-validate-valid ~ .credit-validate-error-image{
  display: inline-block;
  vertical-align: middle;
  background: url("/img/site/pc/images/ico/ico_check.png") no-repeat;
  width: 24px;
  height: 24px;
  margin-left:10px;
}
.credit-validate-error ~ .credit-validate-error-image{
  display: inline-block;
  vertical-align: middle;
  background: url("/img/site/pc/images/ico/ico_error.png") no-repeat;
  width: 24px;
  height: 24px;
  margin-left:10px;
}
.credit-validate-error-text{
    color:#ff0000;
    margin:10px 0px;
    padding:0;
}
.credit-validate-error {
  background-color: #fdf7f7;
  border-color: #c00;
}

.selectDateSet select,
.customSelect,
.selectDateSet label,
.mobileSuica input,
.mobileSuica label { float:left;}
.selectDateSet label { padding:5px 0 0 5px;}
.mobileSuica label { padding:5px 7px 0 0;}
.floatNone {float:none !important;}

ul.selectCardError,
ul.selectBirthdayError,
ul.selectPrefError{margin-left:10px !important; width:200px; display:inline-block;}


ul.selectCardError li.error,
ul.selectBirthdayError li.error,
ul.selectPrefError li.error,
ul.selectCardError li.valid,
ul.selectBirthdayError li.valid,
ul.selectPrefError li.valid{
  min-height: 30px;
  line-height: 30px;
  padding-left: 36px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position:0% 50%;
  display:inline-block;
  width:200px;
}

ul.selectCardError li.error,
ul.selectBirthdayError li.error,
ul.selectPrefError li.error{
  color: #f00;
  background-image: url("/img/site/pc/images/ico/ico_error.png");
}
ul.selectCardError li.valid,
ul.selectBirthdayError li.valid,
ul.selectPrefError li.valid{
  color: #333;
  background-image: url("/img/site/pc/images/ico/ico_check.png");
}

ul.selectBirthdayError { float:none !important; display:inline-block;}
ul.selectBirthdayError li.error,
ul.selectBirthdayError li.valid{ display:inline-block !important;}

.tableStyle002 td ul select.valid ~ ul,
.tableStyle002 td ul select.error ~ ul{
  background:none;
  padding:0;
  margin:0;
  min-height: 40px;
}
.tableStyle002 td ul select.error ~ ul li{ padding-top: 9px;}

.mobileSuica ul.selectSuicaError { float:none !important; display:inline-block !important; width:15em !important;}
.mobileSuica .valid ~ ul.selectSuicaError,
.mobileSuica .error ~ ul.selectSuicaError{
  padding-left: 36px !important;
  min-height: 40px !important;
  vertical-align: middle !important;
}

.mobileSuica .valid ~ ul.selectSuicaError{ background: url("/img/site/pc/images/ico/ico_check.png") no-repeat 0% 50%;}
.mobileSuica .error ~ ul.selectSuicaError{ background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;}

.mobileSuica .valid ~ ul.selectSuicaError li{ padding-top: 9px;}
.mobileSuica .error ~ ul.selectSuicaError li{ padding-top: 3px; line-height:1.2; }
.mobileSuica .error ~ ul.selectSuicaError li.error { color:#f00;}

ul.expirationError{
  margin-bottom: -10px;
  overflow: hidden;
  display: inline-block;
}
ul.expirationError li.error{
  margin: 5px 0 0 10px;
  padding-top: 5px;
}
.tableStyle002 ul.receiptError li.error{
  padding-top: 5px;
}
li.error {
  color: #FF0000;
}

input+li[for^="q_"].error {
  line-height: normal;
  position: static;
  bottom: auto;
}
.inputColumnBox .aplctBirthDayError {
  height:30px;
}

/*  --------------------------------------------------
  tablesorte
  -------------------------------------------------- */
table.tablesorter thead tr .header {
  background-image: url(/img/site/pc/images/ico/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody tr.odd td {
  background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(/img/site/pc/images/ico/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(/img/site/pc/images/ico/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*  --------------------------------------------------
  モーダルウィンド
  -------------------------------------------------- */
.modal {
  display:none;
  width:690px;
  color: #eee;
}
.modalBody {
  position: fixed;
  z-index:1000;
  background: #333;
  width:600px;
  left:50%;
  top:50%;
  height: 250px;
}
.modalBK {position: fixed;
  z-index:999;
  height:100%;
  width:100%;
  background:#000;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity:0.90;
}
.close {
  cursor: pointer;
}
.modalBody {
  padding: 10px;
}


/*  --------------------------------------------------
  上部ヘッダーサブメニュー
  -------------------------------------------------- */
#header .hederMenu {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}
#header .hederMenu h1 {
  float: left;
}
#header .hederMenu .dropDown {
  float: right;
}
#header .hederMenu .dropDown > .listItems {
  display: table;
  table-layout: fixed;
}
#header .hederMenu .dropDown > .listItems > .listBox {
  width: 175px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #FFF;
  color: #000;
  position: relative;
  z-index: 10;
  border-top: #dedede 1px solid;
  border-right: #dedede 1px solid;
  border-bottom: #dedede 2px solid;
}
#header .hederMenu .dropDown > .listItems > .listBox:first-child {
border-left: #dedede 1px solid;
border-radius:6px 0 0 6px;
}
#header .hederMenu .dropDown > .listItems > .listBox:last-child {
    border-radius:0 6px 6px 0;
}
#header .hederMenu .dropDown > .listItems > .listBox > .box {
  width: 175px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px #fff solid;
}
#header .hederMenu .dropDown > .listItems > .listBox > .box > span {
  display: block;
  line-height: 1.4;
  text-align: center;
  padding: 2px 5px;
    color:#333;
}
#header .hederMenu .dropDown > .listItems > .listBox a {
  color: #fff;
  text-decoration: none;
}
#header .hederMenu .dropDown > .listItems > .listBox > .subMenu {
  width: 174px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
#header .hederMenu .dropDown > .listItems > .listBox > ul > li {
  background: #EEEEEE;
  border-top: 1px solid #fff;
  width: 100%;
}
#header .hederMenu .dropDown > .listItems > .listBox > ul > li:first-child {
  border-top: 2px solid #109ad7;
}
#header .hederMenu .dropDown > .listItems > .listBox > ul > li a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 5px 3px;
    font-size:90%;
}
#header .hederMenu .dropDown > .listItems > .listBox > ul > li a:hover {
  background-color: #109ad7;
  color:#FFF;
  width: 100%;
}

/*  --------------------------------------------------
  サイドバーナビゲーション サブナビゲーション
  -------------------------------------------------- */
/*ul.subNavItems {
  display: none;
}

li.navItem {
  cursor: pointer;
  clear: both;
  position: relative;
  background: url(/img/site/pc/images/ico/ico_arrow16.png) no-repeat 15px 21px #fff;
}

li.navItem:hover {
  background-color: #e8eded;
}

li.navItem.active {
  background-color: #62c7c8;
  background: url(/img/site/pc/images/ico/ico_arrow16_bottom.png) no-repeat 12px 24px #62c7c8;
}

li.navItem span.navArrow {
  padding: 15px 15px 15px 40px;
  display: block;
  position: relative;
}

ul.subNavItems {
  border-top: solid 1px #f3f3f3;
  clear: both;
}

ul.subNavItems li.subNavItem {
  font-size: 14px;
  font-weight: normal;
  padding-left: 25px;
  border-bottom: dashed 1px #d2d2d2;
  background-color: #fff;
}

ul.subNavItems li.subNavItem:hover {
  background-color: #e8eded;
}

ul.subNavItems li.subNavItem.lastChild {
  border-bottom: none;
}

ul.subNavItems li.subNavItem a {
  text-decoration: none;
}*/

/* =========================================================
◇tooltipBtn
========================================================= */

.toolTipBtn {
  margin: 20px 0;
  overflow: hidden;
}
.toolTipBtn a{
  text-decoration: none;
}
.toolTipBtn ul{
  float: left;
  width: 1030px;
  padding: 2px 0;
}
.toolTipBtn dt span{
  padding: 2px 8px;
  display: block;
}
.toolTipBtn td ul{
  position: relative;
}
.toolTipBtn ul li label {
  float: left;
  position:relative;
  margin-right: 3px;
  padding: 1px 8px;
  color: #fff;
  display: block;
  background: #fff;
  border: #C0C0C0 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  behavior:url("/img/site/pc/js/PIE.htc");
}
.toolTipBtn ul li label.active {
  position:relative;
  color: #000;
  background: #62C7C8;
  border: #DFDFDF solid 1px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  behavior:url("/img/site/pc/js/PIE.htc");
}


/* =========================================================
◇search checkbox
========================================================= */
.refineSearch h2{
  padding: 0 10px;
  font-size: 100%;
  color: #333;
}
.refineSearch h2 small{
  padding: 0 10px;
}
.refineSearch h3{
  padding: 0 10px;
  color: #fff;
  font-size: 123.1%;
  background: #191919;
}
.refineSearch form{
  padding: 8px 8px 3px;
}
.refineSearch input[type="checkbox"] {
  display: none;
  opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity:0; -khtml-opacity: 0;
}
.refineSearch input[type="text"] {
  padding: 3px 5px;
  margin-right: 5px;
  width: 12em;
  border: #858585 solid 1px;
}
input.datepicker{
  background-image: url(/img/site/pc/images/ico/ico_calender.png);
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 98% 50%;
  cursor:pointer;
}
.hideBox{
  display: none;
}
.refineSearch input[type="button"] {
  padding: 1px 10px;
  color: #fff;
  font-size: 93%;
  background: #000;
  border: #000 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position:relative;
  behavior:url("/img/site/pc/js/PIE.htc");
}
.refineSearch input[type="button"]:hover { background-color:#525252;}
.refineSearch li.iText input[type="button"] {
  background: #999;
  border: #999 solid 1px;
}
.refineSearch dl{
  border: #ced9d8 1px solid;
  overflow: hidden;
}
.refineSearch dt{
  margin-right: 5px;
  width: 147px;
  height: 33px;
  line-height: 33px;
  color: #000;
  float: left;
  background: #deebea;
}
.refineSearch dd{
  float: left;
  width: 1030px;
  padding: 2px 0;
}
.refineSearch dt span{
  padding: 2px 8px;
  display: block;
}
.refineSearch td ul{
  position: relative;
}
.refineSearch dd ul p{
  cursor: pointer;
  float: left;
}
.refineSearch dd ul li label,
.refineSearch p.checkAllBtn{
  position:relative;
  margin-right: 10px;
  padding: 1px 8px;
  background: #fff;
  float: left;
  border: #858585 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  behavior:url("/img/site/pc/js/PIE.htc");
  cursor: pointer;
}
.refineSearch dd ul ul li p.checkAllBtn {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: #FFF;
}
.refineSearch dd ul ul li label,
.refineSearch dd p span{
  position:relative;
  margin-right: 0;
  padding: 1px 8px;
  color: #fff;
  display: block;
  background: #C0C0C0;
  border: #C0C0C0 solid 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  behavior:url("/img/site/pc/js/PIE.htc");
}
.refineSearch dd ul ul li label.active,
.refineSearch dd p.active span{
  position:relative;
  color: #000;
  background: #fff;
  border: #DFDFDF solid 1px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  behavior:url("/img/site/pc/js/PIE.htc");
}
.refineSearch dd p{
  border: none;
}

.refineSearch dd ul ul .overClassChild .overClassChildSec label{
  float: left;
}
.refineSearch dd ul ul li p,.refineSearch dd ul ul li label{
  margin-right: 3px;
}
.refineSearch dd ul .overClassChild .overClassChildSec{
  display: none;
}
.refineSearch dd ul .overClassChild .overClassChildSec:after{
  content:"";
  display:block;
  visibility: hidden;
  clear: both
}
.refineSearch dd ul ul li.over p{
  padding-bottom: 10px;
  margin-bottom: 30px;
  background-color: #deebea;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  behavior:url("/img/site/pc/js/PIE.htc");
}
.refineSearch dd ul ul li.over p{
  cursor: default !important;
}
.refineSearch dd ul ul li.over p.checkAllBtn {
  background: #FFF;
}
/*.refineSearch dd ul ul li.over {
  position: relative;
}*/
.refineSearch dd ul ul li.over .overClassChild{
  padding: 3px;
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  background: #deebea;
  width:1000px !important;
}
.refineSearch dd ul ul li.over .overClassChild .overClassChildSec{
  padding: 0;
  margin-left: 3px;
  position: static;
  display: block;
}
.refineSearch dd ul ul li.over .overClassChild .overClassChildSec li{
  margin-right: 3px;
  float: left;
}
.refineSearch dd ul ul li.over ul ul li.lastLi{
  margin-right: 0px;
}
.refineSearch dd ul li li label.checked,
.refineSearch dd ul > li > ul > li > label.checked,
.refineSearch dd ul > li > label.checked,
.refineSearch dd p.active span.checked{
  color: #FFF;
  background: #62C7C8;
  border: #62C7C8 solid 1px
}
.refineSearch li.iText input[disabled="disabled"] {
  background: #999;
  border: #999 solid 1px;
}
.refineSearch01 dd{
  float: left;
  width: 782px;
}
.refineSearch01 p.checkAllBtn01{
  float: none;
  display: inline-block;
}
.refineSearch01 dd ul ul ul{
  display: block;
}
.refineSearch01 dd ul ul li{
  margin-bottom: 3px;
}
.refineSearch01 dd ul ul li.over{
  padding-bottom: 0;
}
.refineSearch01 dd ul ul li.over p{
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  background-color: #fff;
}
.refineSearch01 dd ul ul li.over ul{
  padding: 0;
  position : static;
  display: block;
  background-color: #fff;
  width: 782px !important;
}
.refineSearch dd ul ul li.over ul ul li{
  margin-right: 0;
  margin-bottom: 0;
}

.refineSearch .cbTop{
  position:relative;
}

.refineSearch .cbTop p{
  margin-right:10px !important;
}

.refineSearch.type01 dl{
  display: table;
  width:100%;
  box-sizing:border-box;
}
.refineSearch.type01 dl dt,.refineSearch.type01 dl dd{
  display: table-cell;
  float:none;
  vertical-align:middle;
}
.refineSearch.type01 dl dt{
}
.refineSearch.type01 dl dd{
  padding-left:5px;
}


.openCloseTab span{
  padding: 6px 35px;
  color: #FFF;
  line-height: 2.5;
  cursor: pointer;
  background: #191919;
}
.openCloseTab{
  margin-bottom: 20px;
  text-align: center;
  border-top: #191919 solid 5px;
}
.CloseTab{
  display: none;
}



/* カレンダー土曜日曜色指定 */
.ui-datepicker th span[title='Saturday'] { color:#99f; }
.ui-datepicker th span[title='Sunday'] { color:#f66; }
.ui-datepicker.ui-widget-content .ui-datepicker-sunday .ui-state-default { color: #f44; }
.ui-datepicker.ui-widget-content .ui-datepicker-saturday .ui-state-default { color: #44f; }
/* /datepicker mod */


/* =========================================================
◇AJAX: CONTAINER
========================================================= */
/* addhopeorder */
#addhopeorder{
  padding: 0 20px;
  margin : 20px 0;
}
.addorder_container {
  margin: 20px auto;
  border: 1px solid rgb(197, 197, 197);
}
.addorder_container .title_container {
  overflow: hidden;
}
.addorder_container .title_container .title {
  float: left;
}
.addorder_container .title_container .close {
  float: right;
}
.addorder_container .CHANGE_HOPE_ORDER {
  cursor: pointer;
  margin: 0 5px;
}
.addorder_container .CHANGE_HOPE_ORDER_U {
}
.addorder_container .CHANGE_HOPE_ORDER_D {
}


/* =========================================================
◇サイト間ヘッダー用
========================================================= */

.common-header{
  margin: 32px 0 0 0 !important;
  padding: 0 !important;
}
.contents.common-header-inner{
}
.common-header-logo{
  float: left;
}
.common-header-ltike-logo{
  float: right;
}
.common-header-logo-wrap:before, .common-header-logo-wrap:after{
  content: "";
  clear: both;
  display: block;
}
.common-header-logo__anchor{
}
.common-header-logo__anchor:hover .common-header-logo__image,
.common-header-logo__anchor:active .common-header-logo__image{
  filter : alpha(opacity=50);
  -moz-opacity : 0.50;
  opacity : 0.50;
}
.common-header-logo__image{
}
.common-header-form{
}
.common-header-section{
  font-size: 0; /* for display: inline-block */
}
.common-header-title{
  display: inline-block;
  width: 600px;
  /*background-color: #ffc;*/
  line-height: 1.5;
  margin: -6px 10px 0 0 !important;
  color: #2B669B;
}
.common-header-nav-section{
  /*background-color: #cff;*/
  display: inline-block;
  width: 550px;
  vertical-align: top;
  float: right;
}
.common-header-nav-main{
  margin: 0 0 20px 0;
  text-align: right !important;
}
.common-header-nav-main__item{
  display: inline-block;
  margin: 0 0 0 4px;
}
.common-header-nav-main__item:first-child{
  margin-left: 0;
}
.common-header-nav-main__input{
  color: #FFF;
  width: 130px;
  height: 38px;
  padding: 0px !important;
  line-height: 38px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.common-header-nav-main__input[type='button']{
  background-color: #000;
}
.common-header-nav-main__input:hover{
  background: none repeat scroll 0% 0% #525252 !important;
}
.common-header-nav-sub{
  text-align: right !important;
  display: inline-block;
  width: 100%;
  /*background-color: #ccf;*/
}
.common-header-nav-sub__item{
  /*float: right !important;*/
  display: inline-block;
  font-size: 13px;
  margin: 0 0px 6px 24px;
}
.common-header-nav-sub__item:before{
  content: url("/img/site/pc/images/ico/ico_arrow17.png");
  width: 14px;
  height: 9px;
  padding: 0px 5px 0px 0px;
}
.common-header-nav-sub__anchor{
}
.common-header-nav-sub__anchor:link,
.common-header-nav-sub__anchor:visited{
  text-decoration: none;
}
.common-header-nav-sub__anchor:hover,
.common-header-nav-sub__anchor:active{
  text-decoration: underline;
}

.common-header-logo-section{
  position: relative;
  /*background-color: #fc0;*/
  margin: 0 auto 24px;
  border-bottom: 2px solid #cccccc;
  padding: 0 0 20px 0;
}
.common-header-logo{
  display: inline-block;
}
.common-header-logo__anchor{
}
.common-header-logo__image{
  display: inline-block;
  text-align: left;
  margin: 0 0 0 0;
}
.common-header-sub-logo__anchor{
}
.common-header-sub-logo__anchor:hover .common-header-sub-logo__image,
.common-header-sub-logo__anchor:active .common-header-sub-logo__image{
  filter : alpha(opacity=50);
  -moz-opacity : 0.50;
  opacity : 0.50;
}
.common-header-sub-logo__image{
  display: inline-block;
  /* position: absolute; */
  /* bottom: 24px; 親要素（.common-header-logo-section）のpaddig-bottomと合わせる必要あり */
  /* right: 0; */
}

/*dropdown*/
.common-header-logo-section--submenu{
  position: relative;
}

.common-header-nav-main--submenu{
  margin: 0px 0px 0px;
  text-align: right !important;
  position: absolute;
  bottom: 40px;
  right: 0;
  font-size: 0;
}

.common-header-nav-main__item--submenu {
  display: inline-block;
  margin: 0px 0px 0px 4px;
  border-radius:4px;
}

.common-header-nav-main__input--submenu {
  color: #3bbbb6;
  width: 116px;
  padding: 0px !important;
  line-height: 26px;
  font-size: 12px;
  background-color: #FFF !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight:bold;
  border-radius:4px;
  border:2px solid #3bbbb6 !important;
}
.common-header-nav-main__item--submenu:last-child .common-header-nav-main__input--submenu{
  background-color: #AAA !important;
  border:2px solid #AAA !important;
  color:#FFF;
}
/*
.common-header-nav-main__input--submenu:hover {
  background: none repeat scroll 0% 0% #525252 !important;
}
*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #2f2b2b;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #ced9d8;
  background: #deebea;
  color: #000;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #62c7c8;
  color: #fff;
}
.dropmenu li a:hover{
  background: #62c7c8;
}

#dropmenu { position: relative; z-index: 7; }
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}

.common-footer{
  height:  auto !important;
  padding: 40px 0 40px !important;
}
.common-footer__inner{
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.common-footer-nav-link{
  font-size: 0;
  width: 1200px;
  margin: 0 auto 6px;
  text-align: center;
}
.common-footer-nav-link.is--last{
  margin-bottom: 24px;
}
.common-footer-nav-link__item{
  font-size: 13px !important;
  display: inline-block;
  margin: 0 0 0;
}
.common-footer-nav-link__item:after{
  content: "|";
  margin: 0 8px 0;
  color: #666666 !important;
}
.common-footer-nav-link__item:last-child:after{
  content: "";
}
.common-footer-nav-link__item.is--last:after{
  content: "";
}
.common-footer-nav-link__anchor:link,
.common-footer-nav-link__anchor:visited{
  color: #cccccc !important;
}
.common-footer-nav-link__anchor:hover,
.common-footer-nav-link__anchor:active{
  color: #ffffff !important;
  text-decoration: none !important;
}
.common-footer-nav-link.is--last{
}
.common-footer__copyright{
  font-size: 10px;
  color: #999999;
  text-align: center;
}
.btn-page-top{
  position: absolute;
  top: 0px;
  right: 0;
}
.btn-page-top:link .btn-page-top__image,
.btn-page-top:visited .btn-page-top__image{
  filter : alpha(opacity=50);
  -moz-opacity : 0.50;
  opacity : 0.50;
}
.btn-page-top:hover .btn-page-top__image,
.btn-page-top:active .btn-page-top__image{
  filter : alpha(opacity=100);
  -moz-opacity : 1;
  opacity : 1;
}
.btn-page-top__image{
  width: 52px;
}

/* =========================================================
◇debug
========================================================= */
.debug {
  display: none;
}
.debug_1 {
  color:#FFF; font-weight:bold; background-color: #E7099A; padding: 5px 10px;
}
.debug_2 {
  color:#20F50F; font-size:10px; background-color:#000; padding: 5px 10px;
}


/* =========================================================
◇print
========================================================= */
@media print{
  header,
  footer,
  .btnBoxBase.btnBox03 {
    display:none!important;
  }
  .contents {
   width: auto;
   margin: 0;
   text-align: left;
}
}

/* =========================================================
◇11/25暫定処置用
========================================================= */
#header .hederMenu .dropDown > .listItems > .listBox {
  width: 150px;
}

#header .hederMenu .dropDown > .listItems > .listBox > .box {
  width: 150px;
}

#header .hederMenu .dropDown > .listItems > .listBox:hover{
    border-bottom: #109ad7 2px solid;
}
#header .hederMenu .dropDown > .listItems > .listBox > .box > span:hover {
    color:#109ad7 !important;
}


#header .hederMenu .dropDown > .listItems > .listBox > .box > span > span {
    font-size:70%;
    letter-spacing:-0.1em;
}
.interimTreatment_box{
    margin-bottom:10px;
    font-weight:bold;
}
.interimTreatment_linkList{
    display:inline-block; margin:0 5px;
    padding:5px 20px;
    background-color:#3bbbb6;
    border-radius:20px;
    color:#FFF;
    text-decoration:none;
}

/*========================================================*
 * Layout    *
 *========================================================*/

.display-none {
    display: none; /* 既存のが !important; 付いてるので、プログラムで動き変えないため */
}

.flex {
  display: flex;
}

.flex.row-reserve {
  flex-direction: row-reverse;
}

.flex.space-between {
  justify-content: space-between;
}

.flex.align-items-baseline {
  align-items: baseline;
}

/* EMTG同行者 */
.marginRightMinus250px { margin-right: -250px; }

.overflowXAuto { overflow-x: auto; }

.minWidth80px { min-width: 80px; }
.minWidth180px { min-width: 180px; }
.minWidth350px { min-width: 350px; }
.minWidth400px { min-width: 400px; }

.tableLayoutFixed {
  table-layout: fixed;
}

/*========================================================*
 * openweb css ( main.css, addition.css 読み込み前提 )    *
 *========================================================*/

/***** TWS010 - Add with openweb *****/

    /* OPWEB レイアウト調整 */
    .opweb .table01 th,
    .opweb .table01 td {
        padding: 8px 6px;
    }

    .opweb a {
      color: blue;
    }

    /* OPWEB 必須 */
    .labelReq {
        color: #fff;
        background-color: #f35184 !important;
        margin: 0 5px 1px 0;
    }

    /* OPWEB 任意 */
    .labelAny {
        color: #fff;
        background-color: #4F9EFF !important;
        margin: 0 5px 1px 0;
    }

    /* 申請資料ファイルリスト */
    .opweb .cert_files > li {
        margin-top: 5px;
    }

    /* Overwrite addition.css */
    .opweb textarea {
        padding: 2px 5px;
        border: #bcbcbc 1px solid;
    }

    /* 備考 ( main.cssの同名クラスは定義が text, password用のため ) */
    .opweb textarea.inputTextWidthFull {
        width: 100%;
    }

    /* venue modal */
    #venue-modal {
        display: none;
        width: 800px;
        margin: 0;
        margin-bottom: 50px;
        padding: 10px 15px;
        background-color: #fff;
        color: #666;
        position: relative;
        top: 0;
        left: 0;
        z-index: 3;
    }

    .modal-wrap {
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        position: fixed;
        top: 0;
        left: 0;
        overflow: auto;
        z-index: 2;
    }

    .fixedopweb {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    /* Overwrite addition.css */
    #venue-modal .btnModalDelete04 {
        background: #fff url("/img/site/pc/images/ico/ico_delete06.png") no-repeat scroll center center;
    }

    /* OPWEB ページャ */
    .opweb .pager li {
        background-color: #333;
        color: #eee;
    }
    .opweb .pager li .change_pager {
        background-color: #62c7c8;
        color: #fff;
    }

    input.error_opweb {
        background: #fdf7f7 !important;
        border: #c00 solid 1px !important;
    }

    input.error_opweb ~ span{
        background: #fdf7f7 !important;
        border: #c00 solid 1px !important;
        position: relative;
        padding-left: 36px;
        vertical-align: middle;
        background: url("/img/site/pc/images/ico/ico_error.png") no-repeat 0% 50%;
        height: 24px;
    }

    p.error_opweb {
        position: relative;
        color: #FF0000;
    }

/***** TWS040 - Add with opweb *****/
    .opweb .agree_content {
        overflow-y: scroll;
        height: 300px;
        border: #bcbcbc 1px solid;
    }

    .opweb .notice03 {
        margin-bottom: 5px;
        font-size: 11px;
    }


/* =========================================================
◇ヘッダー アカウント表示枠
========================================================= */
#line_header .headerUtility {
    position: relative;
    clear: both;
    background-color: #fff;
    border-bottom: #d2d2d2 1px solid;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
#line_header .headerUtility .centeringBlock {
    position: relative;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
#line_header .headerUtility .info p {
    font-size: 115%;
    vertical-align: middle;
    padding: 14px 20px 14px 0;
}


/*========================================================*
 * EMTG css ( アンケート回答のスタイル )    *
 *========================================================*/
 /* 申込者 */
 .emtg_aplcttbl tr td{
    border: transparent;
}
.emtg_aplcttbl tr:not(:last-child) {
    border-bottom: 1px solid #ced9d8;
}
.emtg_aplcttbl td:not(:last-child) {
    border-right: 1px solid #ced9d8;
}
.emtg_aplcttbl {
  width: 100%;
  height:100%;
}

td.emtg_aplcttbl {
  padding:10px;
}

 /* 同行者 */
.emtg_cmptbl tr td,
.emtg_cmptbl tr th {
    border: transparent;
    vertical-align: middle;
}
.emtg_cmptbl tr:not(:last-child) {
    border-bottom: 1px solid #ced9d8;
}
.emtg_cmptbl td:not(:last-child) {
    border-right: 1px solid #ced9d8;
}
.emtg_cmptbl {
  width: 100%;
  height:100%;
}

.emtg_cmptbl td{
  padding:10px !important;
}

/* 申込者同行者共通 */
td.fullheight{
  padding:0 !important;
  height:1px;
}

/* firefoxの場合 */
@-moz-document url-prefix() {
td.fullheight{
    height: 100%;
}