@charset "utf-8";

body {
	background-color: #7ecef4; /* 全体の背景指定 */
	background: url(../images/bg_repeat.gif) repeat center top transparent;
}
#wrapper #contents {
	width: 1000px;
}

/* common
**********************************/
.pt25{ padding-top: 25px; }
.pt50{ padding-top: 50px; }
.pb25{ padding-bottom: 25px; }
.pb50{ padding-bottom: 50px; }

.mt0{ margin-top: 0px; }
.mt15{ margin-top: 15px; }
.mt25{ margin-top: 25px; }
.mt50{ margin-top: 50px; }
.mb0{ margin-bottom: 0px; }
.mb15{ margin-bottom: 15px; }
.mb25{ margin-bottom: 25px; }
.mb50{ margin-bottom: 50px; }

.to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
  line-height: 1;
  font-size: 1;
}

#main .tc{ text-align: center; }

#main .th {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    line-height: 1;
}

#main .contentsArea{
	overflow: hidden;
	background-color: #fff;
	margin: 0;
	padding-left: 25px;
	padding-right: 25px;
}

#main .titH{
	display: block;
	width: 625px;
	padding: 22.5px;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	color: #1963eb;
	text-align: center;
	box-sizing: border-box;
}
#main .titH:before{
	content: "";
	display: block;
	width: 625px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #1963eb;
	position: absolute;
	top: 0;
	right: 0;
}
#main .titH:after{
	content: "";
	display: block;
	width: 625px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #1963eb;
	position: absolute;
	bottom: 0;
	right: 0;
}
#main .txt_blue_l{
	font-size: 30px;
	color: #1963eb;
	font-weight: bold;
}
#main .txt_yellow_l{
	font-size: 30px;
	color: #fcd03e;
	font-weight: bold;
}
#main .txt_white_m{
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}
#main .txt_pink_m{
	font-size: 25px;
	color: #f93390;
	font-weight: bold;
}
#main .txt_black_s{
	font-size: 20px;
	color: #444444;
	font-weight: bold;
}

/* anchor
**********************************/
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}

/* #main
**********************************/
#main {
	width: 675px;
	margin: 0 auto;
	float: none;
	background-color: #1963eb; /* ページの背景 */
	font-size: 25px;
	letter-spacing: 0.15em;
	line-height: 1.5;
	box-shadow: 0px 0px 50px 30px rgba(62,166,233,.4);
}

/* #topad
**********************************/
#topad {
	background: #fff;
	padding:5px 0;
}

/* #header
**********************************/
#main #article #header {
	width: 675px;
	height: 100px;
	overflow: hidden;
	background-color: #7ecef4;
	position: relative;
}
#header h1 a {
	display: block;
	background: url(../images/common_zip_logo.png) no-repeat 0 0 transparent;
	width: 130px;
	height: 56px;
	margin: 22px 25px;
}

/* SNS自動設置エリア
**********************************/
.global_NTV_snsArea{
	position: absolute;
	top: 47px;
	right: 25px;
}
.global_NTV_snsArea .global_NTV_snsList{
}

.global_NTV_snsArea .global_NTV_snsList li{
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
.global_NTV_snsArea .global_NTV_snsList li:last-child{
	margin-right: 0px;
}

.global_NTV_snsArea .fb_iframe_widget span{
	vertical-align: top!important;
}

/* テキスト指定
**********************************/
.section {
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/* #mainVisual
**********************************/
#mainVisual{
	background: url(../images/mainvisual.png) no-repeat 0 0 transparent;
	width: 675px;
	height: 690px;
}

/* #menu
**********************************/
#menu{
	display: block;
	overflow: hidden;
	width: 625px;
	margin: 50px 25px 0;
	padding: 0;
}
#menu li,
#menu a{
	display: block;
	overflow: hidden;
	width: 300px;
	height: 90px;
}
#menu li{
	margin: 0 25px 25px 0;
	float: left;
	background-color: #2695f5;
	border-radius: 25px;
	list-style: none;
}
#menu li:nth-child(2n){ margin: 0 0 25px 0; }
#menu a{
	color: #fff;
	font-weight: bold;
	line-height: 90px;
	text-align: center;
	font-size: 24px;
	text-decoration: none;
}

/* #artist
**********************************/
#artist{}
#artist h3{
	background: url(../images/tit_artist.png) no-repeat 0 0 transparent;
	width: 675px;
	height: 200px;
}

.artistList {
	padding: 0;
	margin: 0;
	display: block;
    overflow: hidden;
}
.artistList li{
	width: 300px;
	list-style: none;
	margin: 0 25px 0 0;
	float:left;
}
.artistList li:nth-child(2n){ margin: 0; }
.artistList li img{
	display: block;
	border-radius: 5px;
}
.artistList li p{
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	padding: 25px 0 50px;
	text-align: center;
	color: #f93390;
}
.mcList{
	display: block;
	padding: 0;
	margin: 0;
}
.mcList li{
	list-style: none;
	padding: 25px 0 30px;
	overflow: hidden;
	position: relative;
}
.mcList li:after{
	content: "";
	display: block;
	width: 625px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #e8effd;
	position: absolute;
	bottom: 0;
	right: 0;
}
.mcList li:last-child{
	padding: 25px 0 25px;
}
.mcList li:last-child:after{
	content: "";
	display: none;
}
.mcList li img{
	display: block;
	border-radius: 50%;
	float:left;
}
.mcList li p{
	width: 420px;
	display: block;
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	padding: 46.25px 25px 46.25px 50px;
	color: #444444;
	float:left;
}
.mcList li p span{
	font-size: 20px;
	color: #2695f5;
}

/* #goods
**********************************/
#goods{}
#goods h3{
	background: url(../images/tit_goods.png) no-repeat 0 0 transparent;
	width: 675px;
	height: 200px;
}
#goods .goodsH{
	display: block;
	margin: 50px 0 25px -25px;
}
#goods .goodsList img{
	display: block;
	border-radius: 5px;
	width: 100%;
	height: auto;
}
#goods h4{
	font-size: 20px;
	color: #2695f5;
	padding-top: 50px;
	margin: 0;
	font-weight: bold;
}
#goods .other {
	list-style-type: none;
	padding: 0px;
	font-size: 20px;
	color: #444444;
}
#goods .other li{
	text-indent: -1em;
	padding-left: 1em;
}
#goods .other li:nth-child(1),
#goods .other li:nth-child(2){
	color: #F00;
}
/* #ticket
**********************************/
#ticket{}
#ticket h3{
	background: url(../images/tit_ticket.png) no-repeat 0 0 transparent;
	width: 675px;
	height: 200px;
}
#ticket .caution{
}
#ticket .caution li{
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 10px;
	list-style: none;
	font-size: 20px;
	color: #444444;
}
/* 先行受付 上下共通 */
.balloon{
	width: 575px;
	margin: 0 auto 25px;
	padding: 25px;
	border-radius: 25px;
	position: relative;
	background-color: #e8effd;
}
/* 吹き出し
.balloon:after {
    border-top: 26px solid #e8effd;
    border-right: 26px solid transparent;
    border-left: 26px solid transparent;
    content: '';
    margin-left: -26px;
    position: absolute;
    bottom: -20px;
    left: 50%;
}
*/
.balloon .line{
	width: 575px;
	height: 5px;
	border-radius: 2.5px;
	background-color: #ffffff;
}
.balloon .now{
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.balloon .nowS{
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
}
.balloon .nowBg{
	background-color: #f93390;
	border-radius: 25px;
	overflow: hidden;
	padding: 0 25px;
}
.balloon .otherS{
	font-size: 20px;
	font-weight: bold;
	color: #444444;
	text-align: center;
}
.balloon .otherS span{
	font-weight: normal;
}
.btn{
	display: block;
	color: #fff;
	font-weight: bold;
	width: 525px;
	height: 90px;
	text-align: center;
	font-size: 24px;
	border-radius: 25px;
}
.btn_hmv{background: url(../images/btn_ticket_hmv.png) no-repeat center #ffffff;}
.btn_zeroticket{background: url(../images/btn_ticket_zeroticket.png) no-repeat center #ffffff; border: 5px solid #c7000a; box-sizing: border-box; width:575px;}

.pickup {
	padding-left: 25px;
	padding-right: 25px;
}
/* 一般販売 */
.balloonC{
	width: 575px;
	margin: 0 auto 25px;
	padding: 25px 25px 0;
	border-radius: 25px;
	position: relative;
	background-color: #f93390;
}
.balloonC ul{
	display: block;
	width: 575px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
/* 1列表示---------------- */
.balloonC ul li{
	width: auto;
	display: block;
	margin: 0 0 25px 0;
}
.balloonC ul li a{
	display: block;
	width: auto;
	height: 90px;
	border-radius: 25px;
}
/*　2列表示----------------
.balloonC ul li{
	width: 275px;
	display: block;
	margin: 0 25px 25px 0;
	float: left;
}
.balloonC ul li a{
	display: block;
	width: 275px;
	height: 90px;
	border-radius: 25px;
	.balloonC ul li:nth-child(2n){ margin: 0 0 25px 0; }
} */
.balloonC ul li span{
	font-size: 15px;
	color: #fff;
	line-height: 1.5;
	display: block;
	padding-top: 15px;
}
.balloonC ul li .c01{background: url(../images/btn_ticket_c01.png) no-repeat center #ffffff;}
.balloonC ul li .c02{background: url(../images/btn_ticket_c02.png) no-repeat center #ffffff;}
.balloonC ul li .c03{background: url(../images/btn_ticket_c03.png) no-repeat center #ffffff;}
.balloonC ul li .c04{background: url(../images/btn_ticket_c04.png) no-repeat center #ffffff;}
/* #about
**********************************/
#about{

}
#about h3{
	background: url(../images/tit_about.png) no-repeat 0 0 transparent;
	width: 675px;
	height: 200px;
}
#about dl{
	font-weight: bold;
}
#about dl dt{
	font-size: 20px;
	color: #2695f5;
	padding-top: 50px;
	margin: 0;
}
#about dl dd{
	font-size: 25px;
	color: #444444;
	padding-top: 10px;
	margin: 0;
}
#about dl dd img{
	display: block;
	border: 1px solid #eeeeee;
	margin-top: 20px;
	border-radius: 5px;
}
#about dl dd span{
	color: #f93390;
}
#about .caution{
	margin: 0;
	padding: 0;
}
#about .caution li{
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 10px;
	list-style: none;
	font-size: 20px;
	color: #444444;
}
#about .line{
    width: 625px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #1963eb;
}
#about .map{
	width: 625px;
	height: 462px;
	display: block;
	background: url(../images/map.png) no-repeat top center;
	position: relative;
}
#about .map a {
	width: 110px;
	height: 85px;
	position: absolute;
	top:10px;
	left:303px;
	display: block;
}


/* totop
**********************************/

.innerlink-head,
.innerlink-head a{
	display: block;
	width: 675px;
	height: 100px;
}
.innerlink-head a{
	background: url(../images/common_btn_totop.png) no-repeat center transparent;
}

/* heatstrokeBtn
**********************************/

.heatstroke {
  border-bottom: 0;
	border: #e73820 3px solid;
	border-radius: 25px;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	background: #e73820;
	color: #FFF;
}
#acMenu dt{
    display:block;
    text-align:center;
    cursor:pointer;
	  padding: .8em;
		text-align: center;
		border-radius: 20px;
		font-weight: bold;
    }
#acMenu dd{
    text-align:left;
    display:none;
	  padding: .8em;
    }
#acMenu dd h5 {
 		font-weight: bold;
		margin-bottom: 10px;
}
#acMenu dd p {
	font-size: 20px;
}