@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap');
/* CSS Document */
/* body.fes-bg { min-width: 100%; height: 100%; 
    background: url(../images/bg3.png) repeat-y center top, url(../images/bg2.png) repeat center 10%, url(../images/bg.png) repeat;
 } */
 body.fes-bg { min-width: 100%; height: 100%; 
    background: url(../images/kv.png) no-repeat center 10px / 800px, url(../images/bg-y.png) repeat-x center top, url(../images/pc-bg-main1.png) repeat center top, url(../images/pc-bg-main2.png) repeat center top #f6a7d7;
 }
a { color: #e51784; text-decoration: none;}
a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
a img {
    display: block;
}

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

.fes-main-text { font-family: 'M PLUS Rounded 1c', sans-serif;
 margin: 10px 0; padding: 10px; font-size: 24px; line-height: 30px; color: #e51784;
 text-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff,
 -3px 3px 3px #fff,  3px -3px 3px #fff,
  3px 0px 3px #fff, -3px -0px 3px #fff,
  0px 3px 3px #fff,  0px -3px 3px #fff; }

nav { width: 980px; margin: 30px auto;}

.fes-box { width: 960px; margin: 0 auto 50px; background: rgba(255, 255, 255, 1.0); background-image: repeating-linear-gradient(145deg, #ffd7000d, #ffd7000d 17px, transparent 17px, transparent 34px); border-radius: 10px; border: solid 3px #ffffff;}
.fes-title { font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 20px 0; text-align: center; background: linear-gradient(90deg, rgba(251,221,239,1) 0%, rgba(229, 23, 132,1) 23%, rgba(229, 23, 132,1) 77%, rgba(251,221,239,1) 100%); 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-col p{text-indent: -1rem; padding-left: 1rem;}
.fes-col p.no{text-indent: 0rem; padding-left: 0rem;}
.fes-col p.in2{text-indent: -2rem; padding-left: 2rem;}
.fes-col p.in3{text-indent: -3rem; padding-left: 3rem;}
.fes-col p.in7{text-indent: -7rem; padding-left: 7rem;}
.fes-col .b-p { color: #e51784; font-weight: bold; font-size: 24px; text-align: center;}

.fes-name { padding:0 0 30px 0; font-size: 36px; line-height: 46px; color: #e51784; text-align: center; font-family: 'M PLUS Rounded 1c', sans-serif;}
.fes-list-col { font-size: 20px; line-height: 30px; display: flex; flex-wrap: wrap;}
.fes-list-col li { padding-bottom: 3%; font-size: 20px;}

.list-col-l { width: 25%; color: #e51784;}
.list-col-r { width: 73%; padding-left: 2%;}
.list-col-r .f-s { font-size: 14px;}
.list-col-l2 { width: 14%; color: #e51784;}
.list-col-r2 { width: 84%; padding-left: 2%;}
.cast-list { font-size: 94%;}
.list-col-r a { text-decoration: underline; color: #696969;}
.talkpart { font-size: 18px;}
.list-col-r .bred { color: #e51784; font-weight: bold;}

.fes-live-title {padding: 20px 0 10px 0; font-size: 24px; line-height: 36px; color: #e51784; }
.fes-live-link {font-size: 20px; line-height: 30px; padding: 30px 0;}
.fes-live-link a { text-decoration: underline; color: #696969;}

.list-col-r p { text-indent: -1rem; padding-left: 1rem;}
.haishi-ticket a { text-decoration: underline; color: #696969;}

.list-col-line { border-bottom: dotted 2px #e51784; 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 #e51784; padding: 5px; }
.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: #e51784;}
.ticket-ttl { font-size: 26px; line-height: 38px; margin: 0px 0 30px; text-align: center; color: #e51784;}

.goodslist-txt { padding-top: 24px; font-weight: bold; font-size: 20px;}
.goodslist-txt2 a { text-decoration: underline; font-weight: bold; font-size: 20px;}
.goodslist-txt3 { font-size: 12px;}

.link-list a { color: #e51784; font-size: 20px;}
.link-title { color: #e51784; font-size: 20px;}
.exchange td { padding: 5px; font-size: 18px; vertical-align: top;}
.exchange-link { font-size: 18px; }
.exchange-link a { color: #e51784;}
.b-line { border-bottom: solid 2px #e51784; }
.goods-link a { color: #e51784;}
.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: 26px; line-height: 38px; 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: #e51784; }
.footer a { color: #e51784; }
.footer a:hover { color: #e51784;}
.footer .bnp { margin: 50px auto 20px; display: flex; justify-content: center;}

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

.sp-cd { border: solid 3px #e51784; border-radius: 5px; padding: 1rem; margin-top: 1rem; background: rgba(177,0,0,0.1) ;}
.sp-cd-t1 { background: #e51784; color: #ffffff; text-align: center; font-weight: bold; border-radius: 5px;}
.sp-cd-t2 { color: #e51784; text-align: center; font-weight: bold; font-size: 5vw; margin: 1rem 0;} 

img{
    pointer-events: none;
   }

@media only screen and (min-width : 768px) {
.pc-none { display: none;}
body { min-width:100%; }
.fes-bt { display: flex; justify-content: center; align-items: center; font-family: 'M PLUS Rounded 1c', sans-serif;}
.fes-bt li a:link, .fes-bt li a:visited { border-radius: 10px; background: url(../images/bg-w.png) repeat-y center top, linear-gradient(0deg, rgba(251,221,239,1) 0%, rgba(229, 23, 132,1) 60%); 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: #e51784;}
.fes-bt li { width: 24%; margin:0 10px;}
.sp-cd-t2 { font-size: 30px; text-align: left;} 
}

@media screen and (max-width: 767px) {
.sp-none { display: none;}	
/* body.fes-bg { min-width: 100%; height: 100%; background: url(../images/bg3.png) repeat-y center top/ contain, url(../images/bg2.png) repeat center 5%/ contain, url(../images/bg.png) repeat 50%; }	 */
body.fes-bg { min-width: 100%; height: 100%; background: url(../images/kv.png) no-repeat center 3vw, url(../images/bg-y-sp.png) repeat-x center top, url(../images/sp-bg-main.png) repeat-y center top #f6a7d7; background-size: 100%; }
#fes-head h1 img {width: 100%; height: auto;}
#fes-head { width:100%; margin: 30px auto;}
#fes-main { width:100%;}	
#fes-head img, #fes-main img { width: 100%; height: auto; text-align: center;}
	
.fes-main-text { width: 90%; margin: 10px auto; font-size: 4.5vw; line-height: 6vw;}
	
nav { width: 96%; margin: 20px auto;}
.fes-bt { display:flex; justify-content: center; align-items: stretch; }
.fes-bt li { width: 24%; margin:0 5px; display: flex; justify-content: center; align-items: center; text-align: center;
    border-radius: 10px; background: url(../images/bg-w.png) repeat-y center top, linear-gradient(0deg, rgba(251,221,239,1) 0%, rgba(229, 23, 132,1) 60%); padding: 20px 0; color: #fff; text-decoration:none; font-weight:bold; border: solid 3px #fff;}
.fes-bt li a { font-size: 4.5vw; color: #fff; }

.fes-box { width: 95%; margin: 0 auto 30px;} 	
	
.fes-title { padding: 10px 0; font-size: 6vw;}
.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: 5.2vw; line-height: 8vw; text-align: center; padding:0 0 20px 0;}
.fes-list-col { font-size: 16px; line-height: 30px;}
.talkpart { font-size: 14px;}
.fes-list-col li { padding-bottom: 0; font-size: 16px;}
.list-col-l { width: 98%; margin: 0 auto; padding-top: 5%;}
.list-col-r { width: 98%; margin: 0 auto; padding-bottom: 5%;}
.list-col-r .f-n { display: none;}
.list-col-l2 { width: 98%; margin: 0 auto; padding-top: 5%;}
.list-col-r2 { width: 98%; margin: 0 auto; padding-bottom: 5%;}
.price-col li { float: none;}	
.cast-col li { float: left; margin-right: 30px;}
.price-l { width: 100%;}
.price-r { width: 100%; text-align: left;}

.fes-live-title {padding: 20px 0 0; font-size: 5vw; line-height: 8vw; color: #e51784; }
.fes-live-link {font-size: 16px; line-height: 26px; padding: 20px 0;}

.goodslist {text-align: center;}
.goodslist img { width: 100%; height: auto;}
.goodslist-txt { padding-top: 20px; font-weight: bold; font-size: 16px; text-indent: 0; padding-left: 0;}
.goodslist-txt2 { text-indent: 0 !important; padding-left: 0 !important;}
.goodslist-txt2 a { text-decoration: underline; font-weight: bold; font-size: 16px;}
.goodslist-txt3 { font-size: 12px;}
.goodsdays { font-size: 12px; }	
	
.link-list a { font-size: 18px;}
.link-title { font-size: 16px;}
.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;}

.info-head { font-size: 4.5vw; line-height: 30px; margin: 10px 0;}

.footer { margin-bottom: 17vw;}


}