@charset "UTF-8";
/* =============================================================================
   Font size
============================================================================= */
/**
 *   8px - 50%
 *   9px - 56.3%
 *  10px - 62.5%
 *  11px - 68.8%
 *  12px - 75%
 *  13px - 81.3%
 *  14px - 87.5%
 *  15px - 93.8%
 *  --------------------
 *  16px - 100%
 *  --------------------
 *  17px - 106.3%
 *  18px - 112.5%
 *  19px - 118.8%
 *  20px - 125%
 *  21px - 131.3%
 *  22px - 137.5%
 *  23px - 143.8%
 *  24px - 150%
 *  25px - 156.3%
 *  26px - 162.5%
 *  27px - 168.8%
 *  28px - 175%
 *  29px - 181.3%
 *  30px - 187.5%
 *  31px - 193.8%
 *  32px - 200%
 */

/* =============================================================================
   base
============================================================================= */

body {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	line-height: 1.5;
}

#contents {
	margin: 0 auto;
	padding: 27px 10px 0 10px;
}


a {
	text-decoration: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

span.attention {
	color: #d82026;
}


/* ----------------------------------------------
   #header
---------------------------------------------- */

#header h1 {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;/*ヘッダー背景更新*/
	background-size: 320px 160px;/*ヘッダー背景更新更新（画像の場合のみサイズ指定）*/
	line-height: 0;
}

#header #global {
	background: #2e2e2e;/*メニュー背景更新*/
	text-align: center;
}

#header #global ul {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	line-height: 1.88;
	font-size: 75%;
}

#header #global ul li {
	float: left;
	display: inline;
	width: 33.333%;
	height: 100%;
	border-top: 1px solid #fff;/*区切り線更新*/
	border-right: 1px solid #fff;/*区切り線更新*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


#header #global ul li:last-child {
	border-right: none;
}

#header #global ul li a {
	display: block;
	padding: 15px 0 16px 0;
	width: 100%;
	color: #FFF;
}


#header #global ul li a.blank span {
	padding-right: 16px;
	background:url(../img/icn_blank_wh.png) no-repeat 100% 0;
	background-size: 10px 10px;
}

/* ----------------------------------------------
   #contents
---------------------------------------------- */


/* .intro
---------------------------------------------- */


.intro {
	margin-bottom: 27px;
	padding: 20px 0 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.intro ul {
	margin: 0;
	padding: 0 0 0 1em;
	font-weight: bold;
	font-size: 87.5%;
	list-style: none;
	text-indent: -1em;
}

.intro ul li{
	margin-bottom: 10px;
}

.intro ul li:last-child{
	margin-bottom: 0;
}

.kikan {
	padding: 0px 0 15px 0;
	/*    border-top: 1px solid #ccc;　*/
}

.kikan ul {
	margin: 0;
	padding: 0 0 0 1em;
	font-weight: bold;
	font-size: 87.5%;
	list-style: none;
	text-indent: -1em;
}

.kikan ul li{
	margin-bottom: 10px;
}

.kikan ul li:last-child{
	margin-bottom: 0;
}


/* .ticket
---------------------------------------------- */

.ticket {
	margin-bottom: 70px;
}


.ticket-section .title-area {
	padding: 8px 10px 8px 10px;
	background: #4169e1;/*見出し背景更新*/
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: rgba(102,102,102,0.3);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
        border-left: 3px solid #b0c4de;
	color: #ffffff;
	font-weight: bold;
	font-size: larger;
	}


.ticket-section .title-area h1 {
	margin: 0;
	font-size: 87.5%;
}

.ticket-section .img-ticket-section {
	margin-top: 20px;
	line-height: 0;
}


.ticket-section .ticket-info {
	background: #f3f3f3;
	margin-top:5px;
	margin-bottom:35px;
}

.ticket-section:not(:last-child) .ticket-info:last-child {
	border-bottom: none;
}

.ticket-section .ticket-info .summary {
	margin-right: 10px;
	padding: 7px 30px 10px 10px;
	background:  url(../img/btn_ticket_info.png) no-repeat 50% 100%;
	background-size: 14px 9px;
}

.ticket-section .ticket-info .summary.open {
	background:  url(../img/btn_ticket_info_on.png) no-repeat 50% 100%;
	background-size: 14px 9px;
}

.ticket-section .ticket-info .summary p {
	margin: 0;
}

.ticket-section .ticket-info .summary .name{
	font-size: 87.5%;
	font-weight: bold;
}

.ticket-section .ticket-info .summary .name span {
	font-size: 85.7%;
	font-weight: normal;
}

.ticket-section .ticket-info .summary .price {
	font-size: 87.5%;
}

.ticket-section .ticket-info .summary .price span {
	display: inline-block;
	color: #666;
	font-size: 78.5%;
}

.ticket-section .ticket-info .summary .price span.attention {
	color: #d82026;
}

.ticket-section .ticket-info .summary .type{
	display: inline-block;
	margin-right: 4px;
	padding: 2px 6px 2px 6px;
	color: #fff;
	font-size: 62.5%;
}

.ticket-section .ticket-info .summary .type.today {
	background: #9ebd79;
}

.ticket-section .ticket-info .summary .type.advance {
	background: #db9999;
	}

.ticket-section .ticket-info .summary .type.goods,
.ticket-section .ticket-info .summary .type.special {
	background: #d6a0bd;
}

.ticket-section .ticket-info .summary .type.pre,
.ticket-section .ticket-info .summary .type.discount {
	background: #c4a759;
}

.ticket-section .ticket-info .summary .type.limited,
.ticket-section .ticket-info .summary .type.quantity {
	background: #76a6b8;
}

.ticket-section .ticket-info .summary .type.pair {
	background: #eaa776;
}


.ticket-section .ticket-info .summary .btn-buy {
	margin: 0 0 30px 0;
	padding: 16px 0 0 0;
}

.ticket-section .ticket-info .summary .btn-buy li {
	margin: 0 auto 10px;
	width: 280px;
	list-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.ticket-section .ticket-info .summary .alrt-buy,
.ticket-section .ticket-info .summary .btn-buy li a {
	display: block;
	padding: 11px 0;
	width: 100%;
	height: 100%;
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	text-align: center;

}

.ticket-section .ticket-info .summary .print {
	background: #de4045;
}

.ticket-section .ticket-info .summary .smartphone {
	background: #3ea2d0;
}


.ticket-section .ticket-info .summary .outside {
	background: #F60;
}

.ticket-section .ticket-info .summary .alrt-buy.end {
	background: #bbb;
	color: #fff;
}

.ticket-section .ticket-info .summary .alrt-buy.release {
	background: #fff;
	border: 1px solid #bbb;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #ff0000;
}

.ticket-section .ticket-info .summary span {
	padding: 8px 0 8px 33px;
}


.ticket-section .ticket-info .summary .alrt-buy span {
	padding: 8px 0 8px 0;
}

.ticket-section .ticket-info .summary .print span {
	background: url(../img/icn_print.png) no-repeat 0 50%;
	background-size: 28px 28px;
}

.ticket-section .ticket-info .summary .smartphone span {
	background: url(../img/icn_smartphone.png) no-repeat 0 50%;
	background-size: 28px 28px;
}

.ticket-section .ticket-info .detail {
	display: none;
	padding: 0 8px 16px 8px;
	background: #fff;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	color: #666;
}

.ticket-section .ticket-info .detail .img-set-contents {
	margin-bottom: 13px;
	text-align: center;
}

.ticket-section .ticket-info .detail .img-set-contents span {
	padding: 0;
	font-size: 75%;
}

.ticket-section .ticket-info .detail .txt-set-contents {
	font-size: 87.5%;
}

.ticket-section .ticket-info .detail .txt-set-contents ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

.ticket-section .ticket-info .detail .txt-set-contents ul li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

.ticket-section .ticket-info .detail .txt-set-contents .contents-info {
	margin-bottom: 20px;
	padding: 15px;
	background: #f7f7f7;
}

.ticket-section .ticket-info .detail .txt-set-contents .contents-info dl {
	margin: 0 0 0 0;
	padding: 0;
}

.ticket-section .ticket-info .detail .txt-set-contents .contents-info dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.ticket-section .ticket-info .detail .txt-set-contents .contents-info dd {
	margin: 0 0 13px 0;
	padding: 0;
}

.ticket-section .ticket-info .detail .txt-set-contents .contents-info dd:last-of-type {
	margin: 0;
}


li#txt_info {
	font-size: 75%;
	color: #d82026;
}

.ticket-section .ticket-info .detail .read-attention {
	margin-bottom: 20px;
}

.ticket-section .ticket-info .detail .read-attention h1 {
	margin-left: 1px;
	padding: 1px 0 0 25px;
	background: url(../img/icn_read_attention.gif) no-repeat 0 50%;
	background-color: none;
	background-size: 21px 21px;
	border: none;
	font-size: 87.5%;
	color: #000;
}

.ticket-section .ticket-info .detail .read-attention ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 87.5%;
}

.ticket-section .ticket-info .detail .read-attention ul li {
	margin: 0 0 9px 0;
	padding-left: 1em;
	text-indent: -1em;
}

.ticket-section .ticket-info .detail .read-attention ul li span {
	padding: 0;
	color: #d82026;
}

.ticket-section .ticket-info .detail .read-attention ul li ul {
	margin-top: 7px;
	margin-left: 3em;
	list-style: square;
	font-size: 100%;
}

.ticket-section .ticket-info .detail .read-attention ul li ul li {
	margin: 0 0 7px 0;
	padding-left: 0;
	text-indent: 0;
}

.ticket-section .ticket-info .detail .term {
}

.ticket-section .ticket-info .detail .term h1 {
	margin-bottom: 12px;
	padding: 0;
	background: none;
	border: none;
	font-size: 87.5%;
	color: #000;
}

.ticket-section .ticket-info .detail .term p {
	margin: 0;
	font-size: 87.5%;
}

.ticket-section .ticket-info .detail .term p span{
	padding: 0;
	color: #d82026;
}

/* #howto
---------------------------------------------- */

#howto {
	margin-bottom: 70px;
	text-align: left;
}

#howto h1 {
	margin: 0;
	padding: 0 0 20px 0; 
	border-bottom: 2px solid #ccc;
	text-align: center;
	font-size: 112.5%;
}

.howto-menu {
	border-bottom: 1px solid #ccc;
}
	

#howto h2 {
	margin: 0;
	padding: 17px 10px 17px 10px;
	font-size: 87.5%;
}

#howto h2 span {
	display: block;
	padding-right: 10px;
	background: url(../img/btn_ticket_info.png) no-repeat 100% 50%;
	background-size: 14px 9px;
}
	
#howto h2 span.open {
	background: url(../img/btn_ticket_info_on.png) no-repeat 100% 50%;
	background-size: 14px 9px;
}
	

#howto h3 {
	margin: 0 0 5px 0;
	padding: 7px 0 7px 32px;
	text-align: left;
	color: #000;
}

#howto h3.print {
	background: url(../img/icn_print.gif) no-repeat 0 50%;
	background-size: 28px 28px;
}

#howto h3.smartphone {
	background: url(../img/icn_display_sp.gif) no-repeat 0 50%;
	background-size: 28px 28px;
}

#howto .txt-howto {
	padding: 18px 10px 20px 10px;
	display: none;
	border-top: 1px solid #eee;
	color: #666;
	font-size: 87.5%;
}

#howto .txt-howto p {
	margin: 0 0 8px 0;
	font-weight: bold;
}

#howto .txt-howto span {
	color: #d82026;
}

#howto .txt-howto ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#howto .txt-howto ul li {
	margin-bottom: 8px;
	padding-left: 1em;
	text-indent: -1em;
}

#howto .txt-howto ul.attention {
	margin-bottom: 24px;
}

#howto .txt-howto ul.attention:last-of-type {
	margin-bottom: 0;
}


#howto .txt-howto ul.attention li {
	margin-bottom: 0;
}

#howto .howto-receive h3 {
	font-size: 100%;
}

#howto .howto-pay .txt-howto {
	padding: 25px 10px 20px 10px;
}

#howto .howto-pay h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 100%;
}

#howto .howto-pay .attention {
	padding: 20px;
	border: 1px solid #ccc;
}

#howto .howto-pay p {
	margin: 0 0 20px 0;
	font-weight: normal;
}

#howto .howto-pay p:last-of-type {
	margin: 0 0 28px 0;
}

#howto .howto-pay .attention dl {
	margin: 0;
	font-size: 75%;
}

#howto .howto-pay .attention dt {
	margin-bottom: 8px;
	font-weight: bold;
}

#howto .howto-pay .attention dd {
	margin: 0 0 18px 0;
}

#howto .howto-pay .attention dd:last-of-type {
	margin: 0;
}

#howto .howto-pay .attention dd span {
	color: #d82026;
}

#howto .howto-pay .attention a {
	display: block;
	margin-top: 5px;
	padding-left: 11px;
	background: url(../img/icn_link_pay.gif) no-repeat 0 0;
	background-size: 7px 16px;
	color: #157efb;
}

#howto #notes {
	margin: 0;
	padding: 0;
	list-style: none;
}

#howto #notes .txt-howto {
	padding: 25px 10px 20px;
}

#howto #notes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#howto #notes ul li {
	margin-bottom: 8px;
	padding-left: 1em;
	text-indent: -1em;
}

#howto #notes ul li:last-child {
	margin-bottom: 0;
}

#howto #notes ul span {
	color: #d82026;
}


/* .pagetop
---------------------------------------------- */

.pagetop {
	text-align: right;
	margin-bottom: 18px;
}



/* ----------------------------------------------
   #footer
---------------------------------------------- */

#footer .inner {
	padding: 0 10px 0 10px;
	font-size: 75%;
	color: #666;
}

#footer a {
	display: block;
	width: 100%;
	background: url(../img/icn_footer_link.gif) no-repeat 100% 50%;
	background-size: 9px 13px;
	color: #666;
}

#footer a.blank span {
	padding-right: 16px;
	background:url(../img/icn_blank_bk.png) no-repeat 100% 0;
	background-size: 10px 10px;
}


#footer ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
}

#footer ul li {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ccc;
	list-style: none;
}

#footer #copyright {
	padding: 10px 0;
	text-align: center;
}

#footer #btn-mode-switch {
	background: #f3f3f3 ;
	color: #000;
	font-size: 87.5%;
}

#footer #btn-mode-switch a {
	padding: 15px 0 15px 0;
	width: 100%;
	background: none;
	text-align: center;
	color: #000;
}

#footer #btn-mode-switch a span {
	margin: 0 auto;
	padding-left: 22px;
	background: url(../img/icn_pc_switch.png) no-repeat 0 50%;
	background-size: 16px 14px;
}



























.guide-section .title-area {
	padding: 8px 10px 8px 10px;
	background: #4169e1;/*見出し背景更新*/
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: rgba(102,102,102,0.3);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
        border-left: 3px solid #b0c4de;
	color: #ffffff;
	font-weight: bold;
	font-size: larger;
	}


.guide-section .title-area h1 {
	margin: 0;
	font-size: 87.5%;
}

.guide-section .img-guide-section {
	margin-top: 20px;
	line-height: 0;
}


.guide-section .guide-info {
	background: #f3f3f3;
	margin-top:5px;
	margin-bottom:35px;
}

.guide-section:not(:last-child) .guide-info:last-child {
	border-bottom: none;
}

.guide-section .guide-info .summary {
	margin-right: 10px;
	padding: 7px 30px 10px 10px;
	background:  url(../img/btn_ticket_info.png) no-repeat 50% 100%;
	background-size: 14px 9px;
}

.guide-section .guide-info .summary.open {
	background:  url(../img/btn_ticket_info_on.png) no-repeat 50% 100%;
	background-size: 14px 9px;
}

.guide-section .guide-info .summary p {
	margin: 0;
}

.guide-section .guide-info .summary .name{
	font-size: 87.5%;
	font-weight: bold;
}

.guide-section .guide-info .summary .name span {
	font-size: 85.7%;
	font-weight: normal;
}

.guide-section .guide-info .summary .price {
	font-size: 87.5%;
}

.guide-section .guide-info .summary .price span {
	display: inline-block;
	color: #666;
	font-size: 78.5%;
}

.guide-section .guide-info .summary .price span.attention {
	color: #d82026;
}

.guide-section .guide-info .summary .type{
	display: inline-block;
	margin-right: 4px;
	padding: 2px 6px 2px 6px;
	color: #fff;
	font-size: 62.5%;
}

.guide-section .guide-info .summary .type.today {
	background: #9ebd79;
}

.guide-section .guide-info .summary .type.advance {
	background: #db9999;
	}

.guide-section .guide-info .summary .type.goods,
.guide-section .guide-info .summary .type.special {
	background: #d6a0bd;
}

.guide-section .guide-info .summary .type.pre,
.guide-section .guide-info .summary .type.discount {
	background: #c4a759;
}

.guide-section .guide-info .summary .type.limited,
.guide-section .guide-info .summary .type.quantity {
	background: #76a6b8;
}

.guide-section .guide-info .summary .type.pair {
	background: #eaa776;
}


.guide-section .guide-info .summary .btn-buy {
	margin: 0 0 30px 0;
	padding: 16px 0 0 0;
}

.guide-section .guide-info .summary .btn-buy li {
	margin: 0 auto 10px;
	width: 280px;
	list-style: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.guide-section .guide-info .summary .alrt-buy,
.guide-section .guide-info .summary .btn-buy li a {
	display: block;
	padding: 11px 0;
	width: 100%;
	height: 100%;
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	text-align: center;

}

.guide-section .guide-info .summary .print {
	background: #de4045;
}

.guide-section .guide-info .summary .smartphone {
	background: #3ea2d0;
}


.guide-section .guide-info .summary .outside {
	background: #F60;
}

.guide-section .guide-info .summary .alrt-buy.end {
	background: #bbb;
	color: #fff;
}

.guide-section .guide-info .summary .alrt-buy.release {
	background: #fff;
	border: 1px solid #bbb;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #ff0000;
}

.guide-section .guide-info .summary span {
	padding: 8px 0 8px 33px;
}


.guide-section .guide-info .summary .alrt-buy span {
	padding: 8px 0 8px 0;
}

.guide-section .guide-info .summary .print span {
	background: url(../img/icn_print.png) no-repeat 0 50%;
	background-size: 28px 28px;
}

.guide-section .guide-info .summary .smartphone span {
	background: url(../img/icn_smartphone.png) no-repeat 0 50%;
	background-size: 28px 28px;
}

.guide-section .guide-info .detail {
	display: none;
	padding: 0 8px 16px 8px;
	background: #fff;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	color: #666;
}

.guide-section .guide-info .detail .img-set-contents {
	margin-bottom: 13px;
	text-align: center;
}

.guide-section .guide-info .detail .img-set-contents span {
	padding: 0;
	font-size: 75%;
}

.guide-section .guide-info .detail .txt-set-contents {
	font-size: 87.5%;
}

.guide-section .guide-info .detail .txt-set-contents ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

.guide-section .guide-info .detail .txt-set-contents ul li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

.guide-section .guide-info .detail .txt-set-contents .contents-info {
	margin-bottom: 20px;
	padding: 15px;
	background: #f7f7f7;
}

.guide-section .guide-info .detail .txt-set-contents .contents-info dl {
	margin: 0 0 0 0;
	padding: 0;
}

.guide-section .guide-info .detail .txt-set-contents .contents-info dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.guide-section .guide-info .detail .txt-set-contents .contents-info dd {
	margin: 0 0 13px 0;
	padding: 0;
}

.guide-section .guide-info .detail .txt-set-contents .contents-info dd:last-of-type {
	margin: 0;
}


li#txt_info {
	font-size: 75%;
	color: #d82026;
}

.guide-section .guide-info .detail .read-attention {
	margin-bottom: 20px;
}

.guide-section .guide-info .detail .read-attention h1 {
	margin-left: 1px;
	padding: 1px 0 0 25px;
	background: url(../img/icn_read_attention.gif) no-repeat 0 50%;
	background-color: none;
	background-size: 21px 21px;
	border: none;
	font-size: 87.5%;
	color: #000;
}

.guide-section .guide-info .detail .read-attention ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 87.5%;
}

.guide-section .guide-info .detail .read-attention ul li {
	margin: 0 0 9px 0;
	padding-left: 1em;
	text-indent: -1em;
}

.guide-section .guide-info .detail .read-attention ul li span {
	padding: 0;
	color: #d82026;
}

.guide-section .guide-info .detail .read-attention ul li ul {
	margin-top: 7px;
	margin-left: 3em;
	list-style: square;
	font-size: 100%;
}

.guide-section .guide-info .detail .read-attention ul li ul li {
	margin: 0 0 7px 0;
	padding-left: 0;
	text-indent: 0;
}

.guide-section .guide-info .detail .term {
}

.guide-section .guide-info .detail .term h1 {
	margin-bottom: 12px;
	padding: 0;
	background: none;
	border: none;
	font-size: 87.5%;
	color: #000;
}

.guide-section .guide-info .detail .term p {
	margin: 0;
	font-size: 87.5%;
}

.guide-section .guide-info .detail .term p span{
	padding: 0;
	color: #d82026;
}

.red{
color:red;
}
.blue{color:blue;
font-size: smaller;}

.backblue{
width:320px;
border: 1px solid #000000;
}