@charset "UTF-8";
/* CSS Document */
body.fes-bg { min-width: 100%; height: 100%; background: url(../stars-fes/images/bg-star.png) no-repeat center 0 / contain, url(../stars-fes/images/bg_star.png) repeat, url(../stars-fes/images/bg-star2.png) repeat 0 400px, linear-gradient(180deg, rgba(255, 215, 0, 0.8), rgba(255, 255, 255, 0.5) 30%, rgba(255, 215, 0, 0.5) 80%, rgba(255, 215, 0, 0.8) ), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 50px, rgba(255, 215, 0, 0.5) 0, rgba(255, 215, 0, 0.5) 100px); }
a { color: #fff; text-decoration: none;}
a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

#fes-head { width:980px; margin: 10px auto; text-align: center;}
#fes-main { width:980px; margin: 0 auto; text-align: center;}
.fes-main-img { background: url(../stars-fes/images/5thfes-main-img.png) center 0 no-repeat; background-size: contain;}

.fes-main-text { border-radius: 10px; background: #fff; margin: 10px 0; padding: 10px; font-size: 24px; line-height: 30px; color: #ff6600; border: solid 3px #ffa500; }

nav { width: 980px; margin: 30px auto;}
.fes-bt { display: flex; justify-content: center;}
.fes-bt li a:link, .fes-bt li a:visited { border-radius: 10px; background: #ffa500; padding: 20px 0; color: #fff; text-decoration:none; display:block; font-size:28px; text-align:center; font-weight:bold; border: solid 3px #fff; }
.fes-bt li a:hover, .fes-bt li a:active { background:#fff; color: #ff6600;}
.fes-bt li { width: 24%; margin:0 10px;}

.fes-box { width: 960px; margin: 0 auto 50px; background: rgba(255, 255, 255, 1.0); background-image: radial-gradient(rgba(255, 215, 0, 0.1) 30%, transparent 0), radial-gradient(rgba(255, 215, 0, 0.1) 30%, transparent 0); background-position: 0 0, 20px 20px; background-size: 40px 40px; border-radius: 10px; border: solid 3px #ffa500;}
.fes-title { padding: 20px 0 10px; text-align: center; background: repeating-linear-gradient(-45deg, #fcc800, #fcc800 20px, #ffa500 0, #ffa500 40px); font-size: 30px; color: #fff; font-weight: bold; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.star{ margin: -15px 5px 0 5px; width: 60px;}

.fes-col { width: 900px; margin: 0 auto; padding: 30px 20px; font-size: 18px; line-height: 28px; color: #696969;}
.cs { text-align: center; font-size: 30px; color: #808080; padding: 50px 0;}

.fes-name { padding:0 0 10px 0; font-size: 30px; color: #ff6600;}
.fes-list-col { font-size: 20px; line-height: 30px; display: flex; flex-wrap: wrap;}
.list-col-l { width: 15%;}
.list-col-r { width: 80%;}
.list-col-l2 { width: 33%;}
.list-col-r2 { width: 65%;}
.list-col-r a { text-decoration: underline; color: #696969;}
.haishi-ticket a { text-decoration: underline; color: #696969;}

.list-col-line { border-bottom: dotted 2px #ffa500; padding: 10px 0;}
.price-col li { float: left;}
.price-caution { padding: 0; text-indent: -1em; padding-left: 1em;}
.cast-col li { float: left; margin-right: 30px;}
.text-id { text-indent: -1em; padding-left: 1em;}
.saisoku { color: #e01783; margin: 10px 0; }
.saisoku-off { color: #696969; margin: 10px 0; }
.price-c { width: 100%;}
.price-l { width: 50%;}
.price-r { width: 30%; text-align: right;}
.and-more { text-align: center;}
.ticket-cyui { border: double 3px #ffa500; padding: 5px; }
.cast-day1 { padding-right: 1em;}
.saisoku-end { margin: 10px 0; color: #e01783; font-weight: bold;}
.saisoku-end-bg { background:rgba(0, 0, 0, 0.2);}
.end-img { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
.c-y { background-color: #ffff99;}
.c-p { color: #ffa500;}

.link-list a { color: #ff6600; font-size: 20px;}
.link-title { color: #ff6600; font-size: 20px;}
.exchange td { padding: 5px; font-size: 18px; vertical-align: top;}
.exchange-link { font-size: 18px; }
.exchange-link a { color: #ff6600;}
.b-line { border-bottom: solid 2px #ff6600; }
.goods-link a { color: #ff6600;}
.wnr { white-space: nowrap;}
.goodsdays { font-size: 14px; text-align: right;}

.refund { margin: 10px 0;}
.refund a:link, .refund a:visited { border-radius: 10px; background: #fff; padding: 20px 0; color: #000; text-decoration:none; display:block; font-size:28px; line-height: 36px; text-align:center; font-weight:bold; border: solid 3px #000; }
.refund a:hover, .refund a:active { background:#fff; color: #000;}
#info-head { font-size: 30px; line-height: 36px; margin: 30px 0;}
#info-main h2 { text-align: center; font-size: 24px; line-height: 40px}
#info-main { width:1000px; margin: 0 auto; font-size: 18px; line-height: 24px;}
#info-main a { color: #0000ff; text-decoration: none;}
#info-main a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

.footer { color: #ff6600; }
.footer a { color: #ff6600; }
.footer a:hover { color: #ff6600;}

.qa-list li { text-indent: -1em; padding-left: 1em;}
.qa-list a { color: #ff6600; }

@media only screen and (min-width : 768px) {
.pc-none { display: none;}
body { min-width:100%; }	
}

@media screen and (max-width: 767px) {
.sp-none { display: none;}	
body.fes-bg { min-width: 100%; height: 100%; background: url(../stars-fes/images/bg-star.png) no-repeat center 0 / contain, url(../stars-fes/images/bg-star2.png) repeat center 300px / auto 370px, linear-gradient(180deg, rgba(255, 215, 0, 0.8), rgba(255, 255, 255, 0.5) 30%, rgba(255, 215, 0, 0.5) 80%, rgba(255, 215, 0, 0.5) ), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 20px, rgba(255, 215, 0, 0.5) 0, rgba(255, 215, 0, 0.5) 40px); }	
#fes-head { width:100%;}
#fes-main { width:100%;}	
#fes-head img, #fes-main img { width: 95%; height: auto; text-align: center;}
	
.fes-main-text { width: 90%; margin: 10px auto; font-size: 18px; line-height: 25px;}
	
nav { width: 96%; margin: 20px auto;}
.fes-bt li a:link, .fes-bt li a:visited { font-size:18px; white-space:nowrap;}
.fes-bt li { width: 24%; margin:0 5px;}
.fes-box { width: 95%; margin: 0 auto 30px;} 	
	
.fes-title { padding: 10px 0; font-size: 24px;}
.star{ margin: -5px 5px 0 5px; width: 40px;}	
.fes-col { width: 96%; margin: 0 auto; padding: 20px 0px; font-size: 16px; line-height: 26px;}	

.fes-name { font-size: 20px;}
.fes-list-col { font-size: 18px; line-height: 30px;}	
.list-col-l { width: 98%; margin: 0 auto;}
.list-col-r { width: 98%; margin: 0 auto;}
.list-col-l2 { width: 98%; margin: 0 auto;}
.list-col-r2 { width: 98%; margin: 0 auto;}
.price-col li { float: none;}	
.cast-col li { float: left; margin-right: 30px;}
.price-l { width: 100%;}
.price-r { width: 100%; text-align: left;}
.cast-day1 { margin-bottom: 30px;}
.cast-day2 { margin-bottom: 30px;}
	
.goodslist img { width: 100%; height: auto;}
.goodsdays { font-size: 12px; }	
	
.link-list a { font-size: 18px;}
.link-title { font-size: 18px;}
.exchange td { font-size: 16px; }
.exchange-link { font-size: 16px; }

.refund a:link, .refund a:visited { font-size:24px; line-height: 30px; }	
#info-main { width:95%; margin: 0 auto;}	
}