@charset "utf-8";

/* =============================================================

　　個別設定（チケット）

============================================================= */


/*  コンテンツ共通　設定
--------------------------------------------- */

/* ------------ Section ------------ */

.cate-ticket #ticket {
  margin-bottom: 80px;
}

.cate-ticket #ticket a:hover {
  text-decoration: underline;
}

/* -------- Section Head -------- */
#ticket .boxInner {width:960px;}

.cate-ticket #ticket .boxSectionHead {
  margin-bottom: 35px;
  text-align: center;
}

.cate-ticket #ticket .boxSectionHead .txtSectionTitle {
  margin-bottom: 18px;
  font-size: 1.7em;
  font-weight: bold;
}

.cate-ticket #ticket .boxSectionHead .boxSub {
  font-size: 1.15em;
  line-height: 1.7em;
}

/* -------- プレイガイド -------- */

.boxPlayGuide {
  margin-bottom: 40px;
}

.boxPlayGuide > ul {
  padding: 0 0 0 20px;
}

.boxPlayGuide > ul > li {
  position: relative;
  padding: 20px 0;
  border-top: 1px dotted #bbb;
}

.boxPlayGuide > ul > li:first-child {
  padding-top: 0;
  border-top: none;
}

.boxPlayGuide > ul > li > dl > dt {
  position: relative;
  margin-bottom: 2px;
  padding-left: 22px;
}

.boxPlayGuide > ul > li > dl > dt:before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 3px solid #000;
  border-radius: 10px;
  content: "";
}

.boxPlayGuide > ul > li > dl > dt.icnYellow:before {
  border-color: #f2cf5b;
}

.boxPlayGuide > ul > li > dl > dt.icnBlue:before {
  border-color: #95c6c6;
}

.boxPlayGuide > ul > li > dl > dt.icnPurple:before {
  border-color: #92a2c0;
}

.boxPlayGuide > ul > li > dl > dt.icnGreen:before {
  border-color: #b6c294;
}

.boxPlayGuide > ul > li > dl > dt .txtMain {
  padding-right: 10px;
  font-weight: bold;
}

.boxPlayGuide > ul > li > dl > dd {
  padding-left: 38px;
}

.boxPlayGuide > ul > li > dl > dd p,
.boxPlayGuide > ul > li > dl > dd ul {
  margin-bottom: 20px;
}

.boxPlayGuide .boxOnlineTicket {
	padding:20px;
	margin-bottom:40px;
	border:solid #efefef 10px;
}

/*.boxPlayGuide .boxOnlineTicket .boxInner {
	width:100%;
	padding:10px;
	background-color:#FFF;*/
}

.boxPlayGuide .ttlObi {
	margin-bottom:10px;
	text-align:center;
	background-color:#FFF;
	font-size:22px;
	border:none;
}

.ticketpoint {width:86%; margin:0 auto; text-align: left;}

.ticketpoint li {padding-left:30px; width:50%; float:left; background:url(/ticket/common/img/list_icon.png) no-repeat 0 4px; background-size: 26px;}

.boxPlayGuide .boxOnlineTicket .txtBox {
	margin-bottom:20px;
	text-align:center;
	font-size:110%;
	line-height:1.8em;
}
	
.boxPlayGuide .btnTicket {
  position: absolute;
  right: 0;
  bottom:20px;
}

.boxPlayGuide .btnTicket a {
  display: inline-block;
  position: relative;
  transition: all 0.4s ease;
  padding: 10px 48px 10px 35px;
  background: #b03131;
  color: #fff;
  font-size: 1.15em;
}

.boxPlayGuide .btnTicket a:hover {
  opacity: 0.7;
  text-decoration: none !important;
}

.boxPlayGuide .btnTicket a:before,
.boxPlayGuide .btnTicket a:after {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  content: "";
}

.boxPlayGuide .btnTicket a:after {
  right: 20px;
  border-left-color: #b03131;
}
/*---pコードtable--*/
.boxTable th.ticket { color:#fff; text-align:center; background: #666 none repeat scroll 0 0; }
.boxTable th { width:auto; }
.boxTable td span {display:none; }

/*---ボタン--*/
.btnAboutTicket {
  margin-bottom: 5px;
  padding-top: 12px;
}

.btnAboutTicket a {
  display: inline-block;
  transition: all 0.4s ease;
  padding: 8px 34px;
  background: #3637b5;
  color: #fff;
  font-size: 0.95em;
  text-decoration: none !important;
}

.btnAboutTicket a:hover {
  opacity: 0.7;
}


/* -------- オトクな割引のご案内 -------- */

.boxDiscountGuide > ul {
  padding-left: 20px;
}

.boxDiscountGuide > ul > li {
  padding: 15px 0;
}

.boxDiscountGuide > ul > li:first-child {
  padding-top: 0;
}

.boxDiscountGuide > ul > li > dl > dt {
  margin-bottom: 2px;
  font-weight: bold;
}

.boxDiscountGuide .imgTicket.mediaPC {
  float: right;
}

.boxStudentDiscount {
  padding-top: 10px;
}

.boxStudentDiscount > ul > li > dl > dt {
  position: relative;
  float: left;
  width: 150px;
  padding-left: 15px;
}

.boxStudentDiscount > ul > li > dl > dt:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #000;
  content: "";
}

.boxStudentDiscount > ul > li > dl > dt.icnYellow:before {
  background-color: #f2cf5b;
}

.boxStudentDiscount > ul > li > dl > dt.icnBlue:before {
  background-color: #95c6c6;
}

.boxStudentDiscount > ul > li > dl > dt.icnPurple:before {
  background-color: #92a2c0;
}

.boxStudentDiscount > ul > li > dl > dd {
  padding-left: 150px;
}


#ticket h3.subttl {
	padding:5px; margin-bottom:0.5em; font-size:110%; font-weight:bold; color:#fff; background-color:#000; 
}

.blueBox {
	margin:20px auto;
	padding: 20px;
	background-color: aliceblue;
	text-align:center;
	font-size:115%;
	line-height:1.6em;
}

.btnBox { text-align: center; }

.btnBox p {
	display: inline-block;
}

/*Pコード／Lコードのアコーディオン*/
#acMenu dt{
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    cursor:pointer;
    background:url(/ticket/common/img/i_swich.png) 90% -69px no-repeat;
    padding-right:15px;
	color:#3637b5;
    }
#acMenu dd{
    background:#f2f2f2;
    width:100%;
    height:auto;
    /*border:#666 1px solid;*/
    display:none;
    }
#acMenu dt.active{
    background:url(/ticket/common/img/i_swich.png) 90% 18px no-repeat;
    }