@charset "UTF-8";
body {
	font-family:"游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN',Meiryo,Roboto,"Roboto",Helvetica,Arial,sans-serif;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: “alpha(opacity=70)”;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* animation
=========================================== */
/* catch */
header p.catch {
/* アニメーションの長さ */
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
/* h1 */
header h1.fadeIn {
/* アニメーションの長さ */
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
/* artist ttl */
header .attl{
/* アニメーションの長さ */
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	}
/* ul artist-list */
header ul li#no1{
/* アニメーションの長さ */
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	}
header ul li#no2{
/* アニメーションの長さ */
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
	}
header ul li#no3{
/* アニメーションの長さ */
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	}
header ul li#no4{
/* アニメーションの長さ */
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
/* アニメーションの待ち時間 */
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
	}
@media screen and (max-width: 767px) {
/*-----------------------------------------767px以下用スマホ*/
/*---------------------------------------------------------*/
img{
	width:100%;
	}
/* header
=========================================== */

header{
	position: relative;
	margin:0;
}
header .logo{
	position:absolute;
	top:2%;
	left:5%;
	width:50%;
	}
header .catch{
	position:absolute;
	top:14%;
	left:8%;
	width:84%;
	}
header h1{
	position:absolute;
	top:22%;
	left:4%;
	width:92%;
	}
header .attl{
	position:absolute;
	top:80%;
	left:32%;
	width:36%;
	}
header ul.artist{
	position:absolute;
	bottom:5%;
	left:2.5%;
	width:96%;
	}
header ul.artist li{
	float:left;
	margin-right:1%;
	width:24%;
	}
/* SNSボタン */
#inner-sns {
	position: absolute;
	top: 2%;
	right: 3%;
	width:37%;
}
#inner-sns li {
	display: inline-block;
	width:25%;
	margin-right:6%;
}
/* section intro
=========================================== */
section#intro #present{
	background:url(../images/sec_present_bg-sp.png) repeat-y center top;
	background-size:contain;
	margin-bottom:2%;
	}
section#intro #present h2{
	padding:0;
	}
section#intro #present h3{
	position:relative;
	padding:12px 45px;
	font-size:220%;
	color:white;
	background-color:#ff2f96;
	margin:0 15px 10px;
	text-align:center;
	display:block;
	}
section#intro #present h3 span.ico{
	position:absolute;
	top:20%;
	left:-18px;
	}
section#intro #present h3 span.ico img{
	width:80%;
	}
section#intro #present h3 a{
	display:block;
	color:white;
	text-decoration:none;
	}
section#intro #present-att{
	margin:0 20px 20px;
	}
section#intro #present-att p{
	font-weight:bold;
	font-size:160%;
	}
section#intro #present-att dt{
	float:left;
	width:16px;
	font-size:140%;
	}
section#intro #present-att dd{
	margin-left:16px;
	font-size:140%;
	}
section#intro #present-att a{
	color:#ff2f96;
	}
section#intro h2{
	color:white;
	background:#ff2f96;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	padding:4% 1%;
	line-height:1.2;
	}
section#intro .ticket{
	text-align:center;
	line-height:22px;
	font-size:140%;
	padding:20px 10px;
	border-bottom:1px solid #CCC;
	}
section#intro .ticket strong{
	font-weight:bold;
	}
section#intro .ticket strong.pink{
	color:#ff2f96;
	}
section#intro .date{
	background:url(../images/date_bg-sp.jpg) no-repeat center bottom #fff;
	background-size:cover;
	}
section#intro .date h3{
	color:black;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	padding-top:4%;
	margin-bottom:2%;
	line-height:1.2;
	}
section#intro .date h3 span{
	font-size:60%;
	line-height:1.2;
	font-weight:normal;
	}
section#intro .date .att{
	color:black;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	margin-bottom:2%;
	line-height:1.2;
	}
section#intro .date ul li{
	display:inline-block;
	width:50%;
	text-align:center;
	}
section#intro .exp{
	color:white;
	background:black;
	padding:4%;
	}
section#intro .exp h4{
	font-size:160%;
	font-weight:bold;
	text-align:center;
	margin-bottom:2%;
	}
section#intro .exp p{
	font-size:140%;
	font-weight:normal;
	margin-bottom:2%;
	text-align:center;
	}
section#intro .exp dl.att{
	color:white;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	margin-bottom:12px;
	line-height:1.5;
	}
section#intro .exp dt{
	float:left;
	width:4%;
	}
section#intro .exp dd{
	margin-left:4%;
	}
section#intro #subscription{
	position:relative;
	}
section#intro #subscription .btn{
	position:absolute;
	top:45%;
	left:2%;
	width:96%;
	}
section#intro #subscription .btn li{
	float:left;
	margin:0 2% 1%;
	width:46%;
	}
/* section osaka,tokyo
=========================================== */
section#osaka h3{
	color:black;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	padding-top:4%;
	padding-bottom:4%;
	line-height:1.2;
	}
section#osaka .sec,
section#tokyo .sec{
	width:100%;
	text-align:center;
	}
section#osaka .sat,
section#tokyo .sat{
	background:white;
	color:black;
	}
section#osaka .sun,
section#tokyo .sun{
	background:black;
	color:white;
	}
section#osaka .sat ul li,
section#tokyo .sat ul li{
	list-style:none;
	border-top:1px solid #cecece;
	font-size:160%;
	}
section#osaka .sun ul li,
section#tokyo .sun ul li{
	list-style:none;
	border-top:1px solid #545454;
	font-size:160%;
	}
section#osaka .sat h4,
section#tokyo .sat h4{
	border-top:1px solid #B1B1B1;
	font-size:160%;
	font-weight:normal;
	padding:2%;
	}
section#osaka .sat ul li p img,
section#tokyo .sat ul li p img{
	border-bottom:1px solid #B1B1B1;
	}
section#osaka .sun h4,
section#tokyo .sun h4{
	border-top:1px solid #4A4A4A;
	font-size:160%;
	font-weight:normal;
	padding:2%;
	}
section#osaka .sun ul li p img,
section#tokyo .sun ul li p img{
	border-bottom:1px solid #4A4A4A;
	}
section#osaka .sec ul li .txt,
section#tokyo .sec ul li .txt{
	padding:2%;
	}
section#osaka .sec ul li span,
section#tokyo .sec ul li span{
	font-size:12px;
	line-height:1;
	}
section#osaka h5,
section#tokyo h5{
	font-weight:bold;
	}
section#tokyo{
	margin-bottom:4%;
	}
/* section october
=========================================== */
section#october{
	background:url(../images/sec_october_bg-sp.png) no-repeat center top #ff2f96;
	background-size:contain;
	text-align:center;
	}
section#october h3{
	font-size:240%;
	font-weight:bold;
	color:white;
	line-height:1.2;
	margin-bottom:3%;
	padding:6% 1% 0;
	}
section#october h3 span{
	font-size:120%;
	}
section#october p{
	color:white;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding-bottom:2%;
	line-height:1.2;
	}
section#october p.att{
	color:black;
	font-size:120%;
	text-align:left;
	font-weight:normal;
	padding:0 2% 6%;
	line-height:1.2;
	background:url(../images/sec_october_bg-sp.png) no-repeat center bottom #ff2f96;
	background-size:contain;
	}
section#october ul{
	margin:2%;
	text-align:center;
	}
section#october ul li{
	width:48%;
	display:inline-block;
	}

/* section november
=========================================== */
section#november{
	background:url(../images/sec_october_bg-sp.png) no-repeat center top #ff2f96;
	background-size:contain;
	text-align:center;
	margin-bottom:4%;
	}
section#november h3{
	color:white;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:6% 1% 0;
	line-height:1.2;
	}
section#november p.att{
	color:black;
	font-size:120%;
	text-align:left;
	font-weight:normal;
	padding:2%;
	line-height:1.2;
	}
section#november ul{
	text-align:center;
	}
section#november ul li.sat{
	background:black;
	color:#ff2f96;
	}
section#november ul li.sat p{
	color:white;
	}
section#november ul li.sun{
	background:white;
	color:#ff2f96;
	}
section#november ul li.sun p{
	color:black;
	}
section#november ul li ul{
	margin-bottom: 50px;
	}
section#november ul li ul li{
	list-style:none;
	font-size:160%;
	margin-bottom: 10px;
	}
section#osaka h4,
section#tokyo h4{
	font-weight:bold;
	}
section#november ul li ul li.day{
	border:none;
	}
section#november ul li ul li h4{
	margin-top: 10px;
	}
section#november ul li ul li p{
	font-size: 0.8em;
	}
section#november ul li ul li p#first{
	margin-top: 10px;
	}
section#november ul{
	padding-bottom:1.5%;
	}
section#november ul#second{
	padding-bottom:2%;
	background:url(../images/sec_october_bg-sp.png) no-repeat center bottom #ff2f96;
	background-size:contain;
	}

/* change
=========================================== */
p.change{
	margin:3% 2%;
	font-size:140%;
	color: black;
	background: white;
	text-align:center;
	}
/* footer
=========================================== */

footer {
	width:100%;
	color: black;
	background: white;
	text-align:center;
}
footer p.alpha{
	margin:0 0 3%;
	}
footer small{
	padding-bottom:3%;
	font-size:140%;
	}
	}
@media screen and (min-width: 768px) {
/*------------------------------------ 768px以上のタブレット用*/
/*---------------------------------------------------------*/
header #inner-sns .for-sp,
header .for-sp{
	display:none;
	}
article{
	background:url(../images/h1_bg-pc.jpg) no-repeat center top #fff;
	min-width:980px;
	}
section{
	width:980px;
	margin:0 auto;
	}
/* header
=========================================== */

header{
	width: 980px;
	position: relative;
	margin: 0 auto;
}
header .logo{
	margin-left:33px;
	padding-top:14px;
	margin-bottom:23px;
	}
header .catch{
	margin: 0 auto 14px;
	text-align:center;
	}
header h1{
	margin: 0 auto 90px;
	text-align:center;
	}
header .attl{
	position:absolute;
	top:466px;
	left:398px;
	}
header ul.artist{
	margin: 0 auto 48px;
	text-align:center;
	margin-right:-21px;
	}
header ul.artist li{
	float:left;
	margin-right:21px;
	width:229px;
	}
/* SNSボタン */
#inner-sns {
	position: absolute;
	top: 22px;
	right: 10px;
}
#inner-sns li {
	display: inline-block;
	margin-left:5px;
	}
#inner-sns img[width="37"] {
	max-width: 37px;
	}
/* section intro
=========================================== */
section#intro #present{
	background:url(../images/sec_present_bg-pc.png) repeat-y center top;
	margin-bottom:10px;
	}
section#intro #present h2{
	padding:0;
	}
section#intro #present h3{
	position:relative;
	padding:16px 60px;
	font-size:280%;
	color:white;
	background-color:#ff2f96;
	margin:0 28px 18px 38px;
	text-align:center;
	}
section#intro #present h3 span.ico{
	position:absolute;
	top:4px;
	left:-18px;
	}
section#intro #present-att{
	margin:0 20px 20px;
	}
section#intro #present-att p{
	font-weight:bold;
	font-size:140%;
	}
section#intro #present-att dt{
	float:left;
	width:16px;
	font-size:120%;
	}
section#intro #present-att dd{
	margin-left:16px;
	font-size:120%;
	}
section#intro #present-att a{
	color:#ff2f96;
	}
section#intro h2{
	color:white;
	background:#ff2f96;
	font-size:280%;
	font-weight:bold;
	text-align:center;
	padding:24px;
	line-height:1.2;
	}
section#intro .ticket{
	text-align:center;
	line-height:22px;
	font-size:140%;
	padding:20px 10px;
	border-bottom:1px solid #CCC;
	}
section#intro .ticket strong{
	font-weight:bold;
	}
section#intro .ticket strong.pink{
	color:#ff2f96;
	}
section#intro .date{
	background:url(../images/date_bg-pc.jpg) no-repeat center bottom #fff;
	}
section#intro .date h3{
	color:black;
	font-size:240%;
	font-weight:bold;
	text-align:center;
	padding-top:24px;
	margin-bottom:10px;
	}
section#intro .date h3 span{
	font-size:60%;
	line-height:1;
	font-weight:normal;
	}
section#intro .date .att{
	color:black;
	font-size:180%;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	}
section#intro .date ul{
	text-align:center;
	padding-bottom:18px;
	}
section#intro .date ul li{
	display:inline-block;
	}
section#intro .exp{
	color:white;
	background:black;
	padding:24px;
	}
section#intro .exp h4{
	font-size:220%;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
	}
section#intro .exp p{
	font-size:180%;
	font-weight:normal;
	margin-bottom:10px;
	text-align:center;
	}
section#intro .exp .att{
	color:white;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	margin-bottom:12px;
	}
section#intro .exp dt{
	float:left;
	width:16px;
	}
section#intro .exp dd{
	margin-left:16px;
	}
section#intro #subscription{
	position:relative;
	}
section#intro #subscription .btn{
	position:absolute;
	top:160px;
	left:17px;
	}
section#intro #subscription .btn li{
	float:left;
	margin:0 10px 2px;
	}
/* section osaka,tokyo
=========================================== */
section#osaka h3{
	color:black;
	font-size:240%;
	font-weight:bold;
	text-align:center;
	padding-top:24px;
	padding-bottom:24px;
	line-height:1.2;
	}
section#osaka .sec,
section#tokyo .sec{
	float:left;
	width:50%;
	text-align:center;
	}
section#osaka .sat,
section#tokyo .sun{
	background:black;
	color:white;
	}
section#osaka .sun,
section#tokyo .sat{
	background:white;
	color:black;
	}
section#osaka .sat ul li,
section#tokyo .sun ul li{
	list-style:none;
	border-top:1px solid #545454;
	font-size:220%;
	}
section#osaka .sun ul li,
section#tokyo .sat ul li{
	list-style:none;
	border-top:1px solid #cecece;
	font-size:220%;
	}
section#osaka .sat h4,
section#tokyo .sun h4{
	font-size:180%;
	font-weight:normal;
	padding:10px;
	border-top:1px solid #4A4A4A;
	}
section#osaka .sat ul li p img,
section#tokyo .sun ul li p img{
	border-bottom:1px solid #4A4A4A;
	}
section#osaka .sun h4,
section#tokyo .sat h4{
	font-size:180%;
	font-weight:normal;
	padding:10px;
	border-top:1px solid #B1B1B1;
	}
section#osaka .sun ul li p img,
section#tokyo .sat ul li p img{
	border-bottom:1px solid #B1B1B1;
	}
section#osaka .sec ul li .txt,
section#tokyo .sec ul li .txt{
	padding:12px;
	}
section#osaka .sec ul li span,
section#tokyo .sec ul li span{
	font-size:14px;
	line-height:1;
	}
section#tokyo{
	margin-bottom:38px;
	}
section#osaka h5,
section#tokyo h5{
	font-weight:bold;
	}
/* change
=========================================== */
p.change{
	font-size:140%;
	margin-bottom:14px;
	text-align:center;
	background: white;
	color: black;
	}
/* section october
=========================================== */
section#october{
	background:url(../images/sec_october_bg-pc.png) no-repeat center top #ff2f96;
	text-align:center;
	}
section#october h3{
	font-size:400%;
	font-weight:bold;
	color:white;
	line-height:1.2;
	margin-bottom:10px;
	padding:24px 24px 0;
	}
section#october h3 span{
	font-size:120%;
	}
section#october p{
	color:white;
	font-size:240%;
	font-weight:bold;
	text-align:center;
	padding-bottom:6px;
	}
section#october p.att{
	color:black;
	font-size:140%;
	text-align:left;
	font-weight:normal;
	background:url(../images/sec_october_bg-pc.png) no-repeat center bottom #ff2f96;
	padding:20px 20px 24px;
	}
section#october ul{
	text-align:center;
	}
section#october ul li{
	display:inline-block;
	}

/* section november
=========================================== */
section#november{
	background:url(../images/sec_october_bg-pc.png) no-repeat center top #ff2f96;
	text-align:center;
	margin-bottom:38px;
	}
section#november h3{
	color:white;
	font-size:240%;
	font-weight:bold;
	text-align:center;
	padding:24px 24px 0;
	}
section#november p.att{
	color:black;
	font-size:140%;
	text-align:left;
	font-weight:normal;
	padding:10px;
	}
section#november ul{
	text-align:center;
	}
section#november ul li.sat,
section#november ul li.sun{
	float:left;
	width:50%;
	text-align:center;
	}
section#november ul#first li.sat,
section#november ul#first2 li.sun,
section#november ul#second li.sun{
	background:black;
	color:#ff2f96;
	}
section#november ul#first li.sat p,
section#november ul#first2 li.sun p,
section#november ul#second li.sun p{
	color:white;
	}
section#november ul#first li.sun,
section#november ul#first2 li.sat,
section#november ul#second li.sat{
	background:white;
	color:#ff2f96;
	}
section#november ul#first li.sun p,
section#november ul#first2 li.sat p,
section#november ul#second li.sat p{
	color:black;
	}
section#november ul li ul li{
	list-style:none;
	margin-bottom: 10px;
	font-size: 1.8em;
	}

section#november ul li ul li h4{
	margin-top: 10px;
	}

section#november ul li ul li p{
	font-size:0.8em;
	}

section#november ul li ul li p#first{
	margin-top: 10px;
	}

section#november ul li ul li.day{
	border:none;
	}
section#november ul#first,
section#november ul#first2{
	margin-bottom:6px;
	}
section#november ul#second{
	padding-bottom:6px;
	background:url(../images/sec_october_bg-pc.png) no-repeat center bottom #ff2f96;
	}

/* footer
=========================================== */

footer {
	width:980px;
	margin:0 auto;
	color: black;
	background: white;
	text-align:center;
}
footer p.alpha{
	padding-bottom:30px;
	border-bottom:2px solid #000;
	margin-bottom:14px;
	}
footer small{
	padding-bottom:30px;
	font-size:140%;
	}
}