body{color:#333; font-family:Helvetica,Sans-Serif;}

header{width:100%; background:#00a0ff;}
article#outline,
article#ticket{background:url(../images/bg_type01.png) #00c8ff center 0 repeat;}
article#cast{background:url(../images/bg_type02.png) center 0 repeat;}
article#goods{background:#00a0ff;}
footer{background:#fff; width:100%; padding:15px 0; font-family:Helvetica,Sans-Serif;}

img{line-height:1; width:auto; height:auto; max-width:100%;}

section.ttl{padding:5px 0;}
article section.detail{padding:30px 0 0;}


p.flower a{color:#000; text-decoration:none; background:yellow; padding:15px; border-radius:8px}
p.flower a:hover{color:#fff; background:#00c8ff; text-decoration:none;}



@media print,screen and (min-width:1px){

/*-----------------------------------------------------
	common
-----------------------------------------------------*/

section.ttl h1 img{width:auto; height:54px;}
.spOnly{display:inline-block;}
.pcOnly{display:none;}
p.flower{text-align:center; padding:0 0 30px 0; font-size:15px;  font-weight:bold;}

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

header{position:relative;}
header img.sp{display:inline-block;}
header img.pc{display:none;}


/*-----------------------------------------------------
	outline
-----------------------------------------------------*/

article#outline .inner{width:100%; margin:0 auto; padding:30px 10px; box-sizing:border-box;}

article#outline section.detail h1{margin-bottom:20px;}
article#outline section.detail p{padding:20px 0 0; line-height:1.5;}

article#outline section.detail h1 img{width: auto; height:60px; max-width:100%;}
article#outline section.detail h2 img{width: auto; height:24px; max-width:100%;}
article#outline section.detail p img{width: auto; height:23px; max-width:100%;}

/*-----------------------------------------------------
	cast
-----------------------------------------------------*/

article#cast .inner{width:100%; margin:0 auto; padding:30px 10px 10px; box-sizing:border-box;}
article#cast .inner .castbase{background:#fff; padding:25px 1%; margin:0 auto; letter-spacing:-0.4em;}
article#cast .inner .castbase section{letter-spacing:0;}
article#cast .inner .castbase#monaca{margin:25px auto 50px;}
article#cast .inner .castbase#monaca p{padding:10px 0 0; line-height:2;}
article#cast .inner .castbase#monaca p span{font-size:12px;}
article#cast .inner .castbase#monaca p span a{color:#61ccd9; text-decoration:underline;}
article#cast .inner .castbase#monaca p span a:hover{text-decoration:none;}

article#cast .inner .castbase#guest{text-align:center;}
article#cast .inner .castbase#guest section{display:inline-block; vertical-align:top; letter-spacing:0; width:100%; box-sizing:border-box; padding:0 15px; border-right:none;}
article#cast .inner .castbase#guest section:last-child{border:none;}
article#cast .inner .castbase#guest h2.guar{margin-top:-70px;}
article#cast .inner .castbase#guest section h2{font-size:18px; font-weight:bold; line-height:1.2; text-align:center;}
article#cast .inner .castbase#guest section h2 img{display:block; margin:10px auto;}
article#cast .inner .castbase#guest section .artist{display:inline-block; vertical-align:top; letter-spacing: 0; width:100%;}
article#cast .inner .castbase#guest section:last-child .artist{border:none; width:100%;}

article#cast .inner .castbase#guest section p{text-align:center; font-size:11px; line-height:1.75; padding:10px 0 15px;}
article#cast .inner .castbase#guest section p span{font-size:10px;}
article#cast .inner .castbase#guest section .ph img{padding:5px; border:solid 1px #ddd; display:block; margin:5px auto; box-sizing:border-box;}

article#cast #monaca section h1 img{width:auto; height:30px; max-width:100%;}
article#cast #monaca section p img{width:auto; height:18px; max-width:100%;}
article#cast #guest  h2.guar img{width: auto; height:70px; max-width:100%;}

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

article#ticket .inner{padding:30px 0;}
article#ticket section.detail h1{padding:0 10px}
article#ticket section.detail p{padding:20px 0 0;}
article#ticket .info{width:100%; max-width:1000px; margin:0 auto; padding:30px 0 0; letter-spacing:-0.4em;}
article#ticket .info section{width:100%; display:inline-block; vertical-align:top; letter-spacing:0;}
article#ticket .info section#ticketinfo h1{background:#fff; margin-bottom:20px; text-align:center;}
article#ticket .info section#contact h1{background:#343434; margin-bottom:20px; text-align:center;}
article#ticket .info section p{padding:5px 10px 15px; line-height:2; font-size:12px;}
article#ticket .info section p a{color:#fff; text-decoration:underline;}
article#ticket .info section p a:hover{color:#fff; text-decoration:none;}
article#ticket .info section span{font-size:10px;}
article#ticket .info section p strong{font-size:120%;}
article#ticket section.detail h1 img{width:auto; height:20px; max-width:100%;}
article#ticket section.detail p img{width:auto; height:13px; max-width:100%;}
article#ticket .info section h2 img{width:auto; height:26px; max-width:100%;}


/*-----------------------------------------------------
	goods
-----------------------------------------------------*/

article#goods .inner{padding:30px 0;}
article#goods section.detail h1{padding:0 10px}
article#goods section.detail p{padding:20px 0 0;}
article#goods .info{width:100%; max-width:1000px; margin:0 auto; padding:10px 0 0; letter-spacing:-0.4em;}
article#goods .info section{width:99%; display:inline-block; vertical-align:top; letter-spacing:0; box-sizing:border-box; border:solid 1px #80d0ff; margin:0.5%; padding:3%;}
article#goods .info section p{padding:5px 0; line-height:1.7; font-size:11px; color:#fff;}
article#goods .info section p a{color:#fff; text-decoration:underline;}
article#goods .info section p a:hover{color:#fff; text-decoration:none;}
article#goods .info section span{font-size:10px;}
article#goods .info section p strong{font-size:120%;}
article#goods section.detail h1 img{width:auto; height:20px; max-width:100%;}
article#goods section.detail p img{width:auto; height:13px; max-width:100%;}
article#goods .info section h2 img{width:auto; height:26px; max-width:100%;}
article#goods .info section .ph{text-align:center; padding:5px 0 10px;}

article#goods .benefit{margin:20px auto; width:100%; max-width:545px; padding:10px; box-sizing:border-box;}
article#goods .benefit h2{display:block; margin-bottom:10px;}
article#goods .benefit p{color:#fff; font-size:12px; line-height:1.7; padding:5px 0 ;}
article#goods .benefit p.ss{color:#fff; font-size:10px; line-height:1.6;}

.attention{padding:15px 0;}
.attention h2 img{width:auto; height:36px; max-width:100%;}
.attention .date{padding:1%;}
.attention h3#menu{color:#fffa00; font-size:14px; font-weight:bold; padding:10px 0; text-decoration:underline;}
.attention h3#menu:hover{cursor:pointer; cursor:hand;text-decoration:none;}
.attention .txt{padding:2%; font-size:10px; color:#fff;}
.attention .txt li{display:block; padding:2px; color:#fff; padding-left:1em; text-indent:-1em;}
.attention .txt p{padding:10px 0;}

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

footer p{padding:5px; font-size:8px; color:#444;}
footer p.copy{padding:10px 0 0; font-size:10px;}


}


@media print,screen and (min-width:481px){

/*-----------------------------------------------------
	common
-----------------------------------------------------*/

section.ttl h1 img{width:auto; height:60px;}
.spOnly{display:inline-block;}
.pcOnly{display:none;}

/*-----------------------------------------------------
	outline
-----------------------------------------------------*/

article#outline .inner{width:100%; margin:0 auto; padding:40px 10px; box-sizing:border-box;}

article#outline section.detail h1{margin-bottom:25px;}
article#outline section.detail p{padding:20px 0 0; line-height:1.5;}

article#outline section.detail h1 img{width: auto; height:64px; max-width:100%;}
article#outline section.detail h2 img{width: auto; height:25px; max-width:100%;}
article#outline section.detail p img{width: auto; height:24px; max-width:100%;}



/*-----------------------------------------------------
	cast
-----------------------------------------------------*/

article#cast .inner{width:100%; margin:0 auto; padding:40px 15px 15px; box-sizing:border-box;}
article#cast .inner .castbase{background:#fff; padding:25px 2%; margin:0 auto; letter-spacing:-0.4em;}
article#cast .inner .castbase#monaca p{padding:10px 0 0; line-height:2;}
article#cast .inner .castbase#monaca p span{font-size:12px;}

article#cast .inner .castbase#guest section h2{font-size:18px; font-weight:bold; line-height:1.2; text-align:center;}
article#cast .inner .castbase#guest section h2 img{display:block; margin:10px auto;}
article#cast .inner .castbase#guest section .artist{display:inline-block; vertical-align:top; letter-spacing: 0; width:49%;}
article#cast .inner .castbase#guest section:last-child .artist{border:none; width:70%;}

article#cast .inner .castbase#guest section p{text-align:center; font-size:11px; line-height:1.75; padding:10px 0 15px;}
article#cast .inner .castbase#guest section p span{font-size:10px;}
article#cast .inner .castbase#guest section .ph img{padding:5px; border:solid 1px #ddd; display:block; margin:5px auto;}

article#cast #monaca section h1 img{width:auto; height:35px; max-width:100%;}
article#cast #monaca section p img{width:auto; height:21px; max-width:100%;}
article#cast #guest  h2.guar img{width: auto; height:76px; max-width:100%;}


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

article#ticket .inner{padding:40px 0;}
article#ticket .info{width:100%; max-width:1000px; margin:0 auto; padding:40px 0 0; letter-spacing:-0.4em;}
article#ticket .info section p{padding:5px 0 15px; line-height:2; font-size:13px;}
article#ticket .info section span{font-size:11px;}

article#ticket section.detail h1 img{width:auto; height:24px; max-width:100%;}
article#ticket section.detail p img{width:auto; height:15px; max-width:100%;}
article#ticket .info section h2 img{width:auto; height:36px; max-width:100%;}


/*-----------------------------------------------------
	goods
-----------------------------------------------------*/

article#goods .inner{padding:40px 0;}
article#goods .info{width:100%; max-width:1000px; margin:0 auto; padding:10px 0 0; letter-spacing:-0.4em;}
article#goods .info section p{padding:5px 0 ; line-height:2; font-size:11px;}
article#goods .info section span{font-size:11px;}
article#goods section.detail h1 img{width:auto; height:24px; max-width:100%;}
article#goods section.detail p img{width:auto; height:15px; max-width:100%;}
article#goods .info section h2 img{width:auto; height:36px; max-width:100%;}


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

footer p{padding:5px; font-size:9px; color:#444;}
footer p.copy{padding:10px 0 0; font-size:11px;}


}
@media print,screen and (min-width:641px){

article#goods .info section {width:48%; padding:3%; box-sizing:border-box; border:solid 1px #80d0ff; margin:1%;}
article#goods .info section p{font-size:11px;}

.attention h2 img{width:auto; height:42px; max-width:100%;}
.attention .txt{width:100%; box-sizing:border-box; max-width:750px; margin:0 auto; padding:2%; font-size:11px; color:#fff;}


}

@media print,screen and (min-width:757px){

/*-----------------------------------------------------
	common
-----------------------------------------------------*/

section.ttl h1 img{width:auto; height:68px;}
.spOnly{display:none;}
.pcOnly{display:inline-block;}
p.flower{text-align:center; padding:0 0 30px 0; font-size:18px;  font-weight:bold;}

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

header img.sp{display:none;}
header img.pc{display:inline-block;}
/*header span{width:17%; position:absolute;; top:0; right:1%;}*/

/*-----------------------------------------------------
	outline
-----------------------------------------------------*/

article#outline .inner{width:100%; margin:0 auto; padding:60px 10px; box-sizing:border-box;}

article#outline section.detail h1{margin-bottom:30px;}
article#outline section.detail p{padding:20px 0 0; line-height:1.5;}

article#outline section.detail h1 img{width: auto; height:auto; max-width:100%;}
article#outline section.detail h2 img{width: auto; height:auto; max-width:100%;}
article#outline section.detail p img{width: auto; height:auto; max-width:100%;}


/*-----------------------------------------------------
	cast
-----------------------------------------------------*/

article#cast .inner{width:100%; margin:0 auto; padding:60px 15px 15px; box-sizing:border-box;}
article#cast .inner .castbase{background:#fff; padding:40px 3%; margin:0 auto; letter-spacing:-0.4em;}
article#cast .inner .castbase section{letter-spacing:0;}
article#cast .inner .castbase#monaca{margin:25px auto 50px;}
article#cast .inner .castbase#monaca p{padding:10px 0 0; line-height:2;}
article#cast .inner .castbase#monaca p span{font-size:12px;}
article#cast .inner .castbase#monaca p span a{color:#61ccd9; text-decoration:underline;}
article#cast .inner .castbase#monaca p span a:hover{text-decoration:none;}

article#cast .inner .castbase#guest{text-align:center;}
article#cast .inner .castbase#guest section{display:inline-block; vertical-align:top; letter-spacing:0; width:100%; box-sizing:border-box; padding:0 10px; border-right:none;}
article#cast .inner .castbase#guest section:last-child{border:none;}
article#cast .inner .castbase#guest h2.guar{margin-top:-70px;}
article#cast .inner .castbase#guest section h2{font-size:18px; font-weight:bold; line-height:1.5; text-align:center;}
article#cast .inner .castbase#guest section h2 img{display:block; margin:10px auto;}
article#cast .inner .castbase#guest section .artist{display:inline-block; vertical-align:top; letter-spacing: 0; width:49%;}
article#cast .inner .castbase#guest section:last-child .artist{border:none; width:49%;}
article#cast .inner .castbase#guest section p{text-align:center; font-size:11px; line-height:1.75; padding:10px 0 15px;}
article#cast .inner .castbase#guest section p span{font-size:10px;}
article#cast .inner .castbase#guest section .ph{width:100%; box-sizing:border-box;}
article#cast .inner .castbase#guest section .ph img{padding:5px; border:solid 1px #ddd; display:block; margin:5px auto;}

article#cast #monaca section h1 img{width:auto; height:auto; max-width:100%;}
article#cast #monaca section p img{width:auto; height:auto; max-width:100%;}
article#cast #guest  h2.guar img{width: auto; height:auto; max-width:100%;}


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

article#ticket .inner{padding:60px 0;}
article#ticket .info{width:100%; max-width:1000px; margin:0 auto; padding:50px 0 0; letter-spacing:-0.4em; letter-spacing:justify;}

article#ticket section.detail h1 img{width:auto; height:30px; max-width:100%;}
article#ticket section.detail p img{width:auto; height:18px; max-width:100%;}

article#ticket .info section h2 img{width:auto; height:40px; max-width:100%;}

/*-----------------------------------------------------
	goods
-----------------------------------------------------*/

article#goods .inner{padding:60px 0;}
article#goods .info{width:100%; max-width:1000px; margin:0 auto; padding:10px 0 0; letter-spacing:-0.4em;}

article#goods section.detail h1 img{width:auto; height:30px; max-width:100%;}
article#goods section.detail p img{width:auto; height:18px; max-width:100%;}
article#goods .info section h2 img{width:auto; height:40px; max-width:100%;}
article#goods .info section h1{padding:10px 0;}
article#goods .info section p{font-size:12px;}

article#goods .benefit{margin:20px auto; width:100%; max-width:545px; padding:10px; box-sizing:border-box;}
article#goods .benefit h2{display:block; margin-bottom:10px;}
article#goods .benefit p{color:#fff; font-size:14px; line-height:1.7; padding:5px 0 ;}
article#goods .benefit p.ss{color:#fff; font-size:12px; line-height:1.6;}

.attention h2 img{width:auto; height:auto; max-width:100%;}
.attention .txt{width:100%; box-sizing:border-box; max-width:750px; margin:0 auto; padding:2%; font-size:12px; color:#fff;}

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

footer p{padding:5px; font-size:11px; color:#444;}
footer p.copy{padding:10px 0 0; font-size:13px;}


}

@media print,screen and (min-width:960px){
/*-----------------------------------------------------
	common
-----------------------------------------------------*/

section.ttl h1 img{width:auto; height:74px;}

/*-----------------------------------------------------
	cast
-----------------------------------------------------*/

article#cast .inner{width:100%; max-width:1200px; margin:0 auto; padding:60px 15px 15px; box-sizing:border-box;}
article#cast .inner .castbase{background:#fff; padding:40px 3%; margin:0 auto; letter-spacing:-0.4em;}
article#cast .inner .castbase section{letter-spacing:0;}
article#cast .inner .castbase#monaca{margin:25px auto 50px;}
article#cast .inner .castbase#monaca p{padding:10px 0 0; line-height:2;}
article#cast .inner .castbase#monaca p span{font-size:12px;}
article#cast .inner .castbase#monaca p span a{color:#61ccd9; text-decoration:underline;}
article#cast .inner .castbase#monaca p span a:hover{text-decoration:none;}

article#cast .inner .castbase#guest{text-align:center;}
article#cast .inner .castbase#guest section{display:inline-block; vertical-align:top; letter-spacing:0; width:33.3%; box-sizing:border-box; padding:0 15px;  border:none; border-right:dotted 1px #ddd;}
article#cast .inner .castbase#guest section:last-child{border:none;}
article#cast .inner .castbase#guest h2.guar{margin-top:-70px;}
article#cast .inner .castbase#guest section h2{font-size:21px; font-weight:bold; line-height:1.5; text-align:center;}
article#cast .inner .castbase#guest section h2 img{display:block; margin:10px auto;}
article#cast .inner .castbase#guest section .artist{display:inline-block; vertical-align:top; letter-spacing: 0; width:100%;}
article#cast .inner .castbase#guest section:last-child .artist{border:none; width:100%;}
article#cast .inner .castbase#guest section p{text-align:center; font-size:11px; line-height:1.75; padding:10px 0 15px;}
article#cast .inner .castbase#guest section p span{font-size:10px;}
article#cast .inner .castbase#guest section .ph img{padding:5px; border:solid 1px #ddd; display:block; margin:5px auto;}



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

article#ticket section.detail p{padding:20px 0 0;}
article#ticket section.detail h1{width:auto; height:30px; max-width:100%;}
article#ticket .info{width:100%; max-width:1000px; margin:0 auto; padding:50px 0 0; letter-spacing:-0.4em;}
article#ticket .info section{width:50%; display:inline-block; vertical-align:top; letter-spacing:0;}
article#ticket .info section#ticketinfo h1{background:#fff; margin-bottom:20px;}
article#ticket .info section#contact h1{background:#343434; margin-bottom:20px;}
article#ticket .info section p{padding:5px 0 15px; line-height:2; font-size:13px;}
article#ticket .info section p a{color:#fff; text-decoration:underline;}
article#ticket .info section p a:hover{color:#fff; text-decoration:none;}
article#ticket .info section span{font-size:11px;}
article#ticket .info section.detail h1 img{width:auto; height:auto; max-width:100%;}
article#ticket .info section h2 img{width:auto; height:40px; max-width:100%;}


/*-----------------------------------------------------
	goods
-----------------------------------------------------*/

article#goods section.detail p{padding:20px 0 0;}
article#goods section.detail h1{width:auto; height:30px; max-width:100%;}
article#goods .info{width:100%; max-width:1000px; margin:0 auto; padding:10px 0 0; letter-spacing:-0.4em;}
article#goods .info section{width:49%; display:inline-block; vertical-align:top; letter-spacing:0; padding:2%; margin:0.5%;}
article#goods .info section#goodsinfo h1{background:#fff; margin-bottom:20px;}
article#goods .info section#contact h1{background:#343434; margin-bottom:20px;}
article#goods .info section p{padding:5px 0 15px; line-height:2; font-size:12px;}
article#goods .info section p a{color:#fff; text-decoration:underline;}
article#goods .info section p a:hover{color:#fff; text-decoration:none;}
article#goods .info section span{font-size:11px;}
article#goods .info section.detail h1 img{width:auto; height:auto; max-width:100%;}
article#goods .info section h2 img{width:auto; height:40px; max-width:100%;}



}

@media print,screen and (min-width:1099px){

.pcOnly{display:inline-block;}
/*-----------------------------------------------------
	cast
-----------------------------------------------------*/

article#cast .inner{width:100%; max-width:1200px; margin:0 auto; padding:60px 25px 25px; box-sizing:border-box;}
article#cast .inner .castbase{background:#fff; padding:40px 3%; margin:0 auto; letter-spacing:-0.4em;}
article#cast .inner .castbase section{letter-spacing:0;}
article#cast .inner .castbase#monaca{margin:25px auto 50px;}
article#cast .inner .castbase#monaca p{padding:10px 0 0; line-height:2;}
article#cast .inner .castbase#monaca p span{font-size:13px;}

article#cast .inner .castbase#guest section{display:inline-block; vertical-align:top; letter-spacing:0; width:33.3%; box-sizing:border-box; padding:0 10px; border:none;  border-right:dotted 1px #ddd;}
article#cast .inner .castbase#guest h2.guar{margin-top:-70px;}
article#cast .inner .castbase#guest section h2{font-size:24px; font-weight:bold; line-height:1.5; text-align:center;}
article#cast .inner .castbase#guest section h2 img{display:block; margin:10px auto;}
article#cast .inner .castbase#guest section .artist{display:inline-block; vertical-align:top; letter-spacing: 0; width:100%;}
article#cast .inner .castbase#guest section p{text-align:center; font-size:12px; line-height:1.75; padding:10px 0 15px;}
article#cast .inner .castbase#guest section p span{font-size:11px;}
article#cast .inner .castbase#guest section .ph img{padding:5px; border:solid 1px #ddd; display:block; margin:5px auto;}


}