@charset "UTF-8";
/* CSS Document */

.ftlex{font-family: "Lexend Zetta", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.ftclre{color: #e24844;}
.ftclor{color: #f09300;}
#festaevent {letter-spacing: 0.3rem;}
#festaevent .categoryTit {display: flex;align-items: flex-end;}
#festaevent .dotline {padding: 10px 0;background-image: linear-gradient(to right, #cac7c1 6px, transparent 6px);
background-size: 10px 1px; background-repeat: repeat-x;background-position: left bottom; }
#festaevent .dotlinere {padding-bottom: 10px;background-image: linear-gradient(to right, #e24844 6px, transparent 6px);
background-size: 10px 1px; background-repeat: repeat-x;background-position: left bottom; }
#festaevent {background: url(../img/festaevent/festaevent_bg.gif) repeat;color: #494949;}


@media screen and (min-width: 750px) {
#festaevent .categoryTit {margin-bottom: 20px;}
#festaevent .categoryTit .enTit {font-size:5.4rem;}	
#festaevent .categoryTit .jpTit {position: relative;margin:0 0 16px 20px;padding-left: 30px;}
.ftheadtx20{font-size: 2.2rem;font-weight: 600;padding: 10px 0 10px;}
.ftheadtx18{font-size: 1.6rem;font-weight: 600;padding: 10px 0 10px;}
}
@media screen and (max-width: 749px) {
#festaevent .categoryTit {margin-bottom: 10px;}
#festaevent .categoryTit .enTit {font-size:2.6rem;}	
#festaevent .categoryTit .jpTit {position: relative;margin:0 0 6px 10px;padding-left: 20px;}
.ftheadtx20{font-size: 1.8rem;font-weight: 600;padding: 10px 0 10px;}
.ftheadtx18{font-size: 1.6rem;font-weight: 600;padding: 10px 0 10px;}
}

/* fv */
#festaevent #evcontents .fv {position: relative;width: 100%;margin: 0 auto;}
#festaevent #evcontents .fv .mv img {width: 100%; height: 100%; display: block; object-fit: cover;border-radius: 15px;}
#festaevent #evcontents .fv .titblock {position: absolute;z-index: 2;}
#festaevent #evcontents .fv .titblock .titbox {display: flex;align-items: center;}
#festaevent #evcontents .fv .titblock .tittxt {display: flex;flex-direction: column; gap: 10px;align-items: flex-start;}
#festaevent #evcontents .fv .titblock .tit {background: #e24844;color: #fff;font-weight: bold;line-height: 1.4;display: inline-block;width: fit-content;}
#festaevent #evcontents .festaevtxt {line-height: 1.8;}
#festaevent #evcontents .festaevtxt .extit {font-weight: 600;}
@media screen and (min-width: 750px) {
#festaevent #evcontents .fv {padding-top: 80px;max-width: 1340px;}
#festaevent #evcontents .fv .mv {padding-left: 420px;}
#festaevent #evcontents .fv .mv .mvimg {width: 920px;height: 518px;}
#festaevent #evcontents .fv .titblock {height: 100%;top: 0%;}
#festaevent #evcontents .fv .titblock .titbox {height: 100%;}
#festaevent #evcontents .fv .titblock .tit {padding: 10px 20px;font-size: 3.4rem;}
#festaevent #evcontents .festaevtxt {margin-top: 30px; font-size: 1.8rem;}
#festaevent #evcontents .festaevtxt .extit {font-size: 2.2rem;}
}
@media screen and (max-width: 749px) {
#festaevent #evcontents .fv .titblock {bottom: -25%;width: 100%;}
#festaevent #evcontents .fv .titblock .tittxt {width: 90%;margin: 0 auto;}
#festaevent #evcontents .fv .titblock .tit {padding: 5px 10px;font-size: 1.9rem;}
#festaevent #evcontents .festaevtxt {margin-top: 28%; font-size: 1.5rem;}
#festaevent #evcontents .festaevtxt .extit {font-size: 1.6rem;}
	
}

/* festaevnews */
#festaevent .festaevnews .jpTit:before {position: absolute;content: "";background: url(../img/festaevent/icon_news.png) no-repeat;background-size: 100%;}
#festaevent .festaevnews .newsblock {border: 1px solid #dbd8d2;border-radius: 15px; background: #fff; }
#festaevent .festaevnews .newsblock ul {max-height: 180px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #e44e4a #fff;}
#festaevent .festaevnews .newsblock ul::-webkit-scrollbar {width: 6px;margin: 4px 0;}
#festaevent .festaevnews .newsblock ul::-webkit-scrollbar-track {background-color: #fff;border-radius: 100px;}
#festaevent .festaevnews .newsblock ul::-webkit-scrollbar-thumb {background-color: #e44e4a;border-radius: 100px;}
#festaevent .festaevnews .newsblock li {}

@media screen and (min-width: 750px) {
#festaevent .festaevnews {margin: 120px auto 80px;}
#festaevent .festaevnews .jpTit:before {left: 0;top:2px;width: 22px;height: 19px; }
#festaevent .festaevnews .newsblock .newsbox {padding: 35px 13px 35px 0; }
#festaevent .festaevnews .newsblock ul {padding: 0 40px;}
#festaevent .festaevnews .newsblock li {padding: 10px 0;}
}
@media screen and (max-width: 749px) {
#festaevent .festaevnews {margin: 60px auto 60px;}
#festaevent .festaevnews .jpTit:before {left: 0;top:2px;width: 18px;height: 15px; }
#festaevent .festaevnews .newsblock .newsbox {padding: 15px 6px 15px 0; }
#festaevent .festaevnews .newsblock ul {padding: 0 20px;}
#festaevent .festaevnews .newsblock li {padding: 10px 0;}
}



/* program */
#festaevent .program .programTagbg {background: #fdf7f0;position: relative;}
#festaevent .program .programTagbg:before {height: 29px;content: "";width: 100%;position: absolute;top: -2px;background: url(../img/festaevent/festaevent_wave_up.gif) repeat-x;background-size: auto auto;-webkit-animation: bgroop 15s linear infinite;animation: bgroop 15s linear infinite;}
#festaevent .program .programTagbg:after {height: 29px;content: "";width: 100%;position: absolute;bottom: -20px;background: url(../img/festaevent/festaevent_wave_under.gif) repeat-x;background-size: auto auto;-webkit-animation: bgroop 15s linear infinite;animation: bgroop 15s linear infinite;}
#festaevent .program .programTagbg .inner {position: relative; z-index: 10;}
#festaevent .program .tit {text-align: center;font-weight: 600;letter-spacing: 0.4rem;}
#festaevent .programTag ul.tag-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}

#festaevent .programTag ul.tag-list li label {display: inline-block;border: 2px solid #cac7c1;border-radius: 999px;background: #fff;color: #cac7c1;font-weight: bold;cursor: pointer;transition: all 0.2s ease;user-select: none;}
#festaevent .programTag ul.tag-list li input[type="checkbox"] {display: none;}
#festaevent .programTag ul.tag-list li input[type="checkbox"]:checked + label {background: #fff;color: #e44e4a;border: 2px solid #e44e4a;}
#festaevent .program .btnTag {text-align: center;}
#festaevent .program .btnTag button {position: relative;background: #e44e4a;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #fff;border-radius: 50px;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);font-weight: 600;}
#festaevent .program .btnTag button:before {position: absolute;content: "";background: url(../img/festaevent/icon_program.png) no-repeat;background-size: 100%;}
#festaevent .program .programList .jpTit:before {position: absolute;content: "";background: url(../img/festaevent/icon_programlist.gif) no-repeat;background-size: 100%;}
#festaevent .program .programList ul {display: flex; flex-wrap: wrap;}
#festaevent .program .programList ul li.list {}
#festaevent .program .programList ul li.list img {width: 100%;object-fit: cover;height: 100%;border-radius: 8px;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
#festaevent .program .programList ul li.list .thumb {width: 100%;}
#festaevent .program .programList ul li.list .title {font-weight: 600;}
#festaevent .program .programList ul li.list .listTag ul {display: flex;flex-wrap: wrap;gap: 8px;}
#festaevent .program .programList ul li.list .listTag li {color: #f09300;border:1px solid #f09300; border-radius: 15px;background: #fdf7f0;}


@media screen and (min-width: 750px) {
#festaevent .program .tit {font-size: 3rem;margin-bottom: 40px;}
#festaevent .program .btnTag {margin-top: 30px;}
#festaevent .program .programTagbg .inner {padding: 60px 0 70px;}
#festaevent .programTag ul.tag-list {gap: 15px;}
#festaevent .programTag ul.tag-list li label {padding: 15px 30px;}	
#festaevent .program .btnTag button {padding: 20px 90px 20px 60px;font-size: 2rem;letter-spacing: 0.2rem;}
#festaevent .program .btnTag button:before {width: 46px;height: 46px;right: 10px;top:16%;}	
#festaevent .program .programList .jpTit:before {width: 20px;height: 20px;left: 0;top:2px;}
	
#festaevent .program .programList {margin: 80px auto;}
#festaevent .program .programList ul li.list {width: 30.90%; margin-right: 3.636%;margin-bottom: 60px;}
#festaevent .program .programList ul li.list:nth-child(3n){margin-right:0;}
#festaevent .program .programList ul li.list:nth-child(n+3) {}
#festaevent .program .programList ul li.list .thumb {height: 235px;margin-bottom: 20px;}
#festaevent .program .programList ul li.list .title {font-size: 1.8rem;}
#festaevent .program .programList ul li.list .programvename {margin: 10px 0;}
#festaevent .program .programList ul li.list .listTag li {padding: 4px 10px;text-align: center;font-size: 1.3rem;}
#festaevent .wp-pagenavi {margin-top: 60px;}
}

@media screen and (max-width: 749px) {
#festaevent .program .tit {font-size: 2rem;margin-bottom: 20px;}
#festaevent .program .btnTag {margin-top: 30px;}
#festaevent .program .programTagbg .inner {padding: 60px 0 60px;}
#festaevent .programTag ul.tag-list {gap: 10px;}
#festaevent .programTag ul.tag-list li label {padding: 8px 15px;}	
#festaevent .program .btnTag button {padding: 15px 60px 15px 40px;font-size: 1.8rem;font-weight: 600;letter-spacing: 0.2rem;}
#festaevent .program .btnTag button:before {width: 36px;height: 36px;right: 10px;top:18%;}	
#festaevent .program .programList {margin: 60px auto;}
#festaevent .program .programList .jpTit:before {width: 16px;height: 16px;left: 0;top:2px;}
	
#festaevent .program .programList ul li.list {width: 48%; margin-right: 4%;margin-bottom: 30px;}
#festaevent .program .programList ul li.list:nth-child(2n){margin-right:0;}
#festaevent .program .programList ul li.list:nth-child(n+3) {}
#festaevent .program .programList ul li.list .thumb {height: 180px;margin-bottom: 15px;}
#festaevent .program .programList ul li.list .title {;}
#festaevent .program .programList ul li.list .programvename {margin: 10px 0;}
#festaevent .program .programList ul li.list .listTag li {padding: 3px 10px;text-align: center;font-size: 1rem;}
#festaevent .wp-pagenavi {margin-top: 40px;}
}

/* pagenavi */
#festaevent .wp-pagenavi {text-align: center; margin: 0 auto;display: flex;align-items: center;}
#festaevent .wp-pagenavi .current {font-weight: 600;display: inline-block;color: #e44e4a;border: 2px solid #e44e4a;border-radius: 50px;}
#festaevent .wp-pagenavi a { text-decoration: none; font-weight: 600;color: #424242;border: 2px solid #c2c2c2;border-radius: 50px;}
#festaevent .wp-pagenavi a:hover {}
#festaevent .wp-pagenavi a, #festaevent .wp-pagenavi span { margin: 0 5px; display: inline-block;}
#festaevent .wp-pagenavi a.previouspostslink,
#festaevent .wp-pagenavi a.nextpostslink {border-radius: 50px; background: #e44e4a; vertical-align: bottom;border: 0;padding: 0;}
#festaevent .wp-pagenavi a.previouspostslink span,
#festaevent .wp-pagenavi a.nextpostslink span { display: inline-block; vertical-align: middle; color: #fff; line-height: 1; position: relative;}
#festaevent .wp-pagenavi a.previouspostslink span:before,
#festaevent .wp-pagenavi a.nextpostslink span:before {border-top: 3px solid #fff;border-right: 3px solid #fff;}
#festaevent .wp-pagenavi a.nextpostslink span:before {transform: rotate(45deg);}
#festaevent .wp-pagenavi a.previouspostslink span:before { transform: rotate(225deg);}
#festaevent .wp-pagenavi a.previouspostslink span:after,
#festaevent .wp-pagenavi a.nextpostslink span:after {background: #fff;}
#festaevent .wp-pagenavi a.previouspostslink span:before,
#festaevent .wp-pagenavi a.nextpostslink span:before,
#festaevent .wp-pagenavi a.previouspostslink span:after,
#festaevent .wp-pagenavi a.nextpostslink span:after { border-radius: 3px;content: "";margin: auto;position: absolute;top: 0;bottom: 0;}

@media screen and (min-width: 750px) {
#festaevent .wp-pagenavi .current {font-size: 2rem; padding: 20px 28px;}
#festaevent .wp-pagenavi a { font-size: 2rem;padding: 20px 28px;}
#festaevent .wp-pagenavi a.previouspostslink,
#festaevent .wp-pagenavi a.nextpostslink { font-size: 1.6rem; width: 50px; height: 50px;}
#festaevent .wp-pagenavi a.previouspostslink span,
#festaevent .wp-pagenavi a.nextpostslink span { width: 10px; height: 10px; top: 10px; margin: 0;}
#festaevent .wp-pagenavi a.previouspostslink span:before,
#festaevent .wp-pagenavi a.nextpostslink span:before {width: 13px;height: 13px;}
#festaevent .wp-pagenavi a.nextpostslink span:before {left: 2px;}
#festaevent .wp-pagenavi a.previouspostslink span:before {left: -3px;}
#festaevent .wp-pagenavi a.previouspostslink span:after,
#festaevent .wp-pagenavi a.nextpostslink span:after {width: 15px;height: 3px;}
#festaevent .wp-pagenavi a.previouspostslink span:after {left: 2px;}
#festaevent .wp-pagenavi a.nextpostslink span:after {left: -5px;}
}

@media screen and (max-width: 749px) {
#festaevent .wp-pagenavi .current {padding: 12px 18px;}
#festaevent .wp-pagenavi a {padding: 12px 18px;}
#festaevent .wp-pagenavi a, #festaevent .wp-pagenavi span { margin: 0 4px;}
#festaevent .wp-pagenavi a.previouspostslink,
#festaevent .wp-pagenavi a.nextpostslink {width: 30px; height: 30px;}
#festaevent .wp-pagenavi a.previouspostslink span,
#festaevent .wp-pagenavi a.nextpostslink span { width: 10px; height: 10px; top: 3px; margin: 0;}
#festaevent .wp-pagenavi a.previouspostslink span:before,
#festaevent .wp-pagenavi a.nextpostslink span:before {width: 11px;height: 11px;}
#festaevent .wp-pagenavi a.nextpostslink span:before {left: 2px;}
#festaevent .wp-pagenavi a.previouspostslink span:before {left: -3px;}
#festaevent .wp-pagenavi a.previouspostslink span:after,
#festaevent .wp-pagenavi a.nextpostslink span:after {width: 12px;height: 3px;}
#festaevent .wp-pagenavi a.previouspostslink span:after {left: 2px;}
#festaevent .wp-pagenavi a.nextpostslink span:after {left: -5px;}	
}


/* festaevfree */
#festaevent .festaevfree .inner {position: relative; z-index: 10;}
#festaevent .festaevfree .freegbg {background: #fdf7f0;position: relative;}
#festaevent .festaevfree .freegbg:before {height: 29px;content: "";width: 100%;position: absolute;top: -2px;background: url(../img/festaevent/festaevent_wave_up.gif) repeat-x;background-size: auto auto;-webkit-animation: bgroop 15s linear infinite;animation: bgroop 15s linear infinite;}
#festaevent .festaevfree .freegbg:after {height: 29px;content: "";width: 100%;position: absolute;bottom: -20px;background: url(../img/festaevent/festaevent_wave_under.gif) repeat-x;background-size: auto auto;-webkit-animation: bgroop 15s linear infinite;animation: bgroop 15s linear infinite;}
#festaevent .festaevfree p.dotline {padding: 10px 0;}
#festaevent .festaevfree .embedmap {margin: 30px auto; text-align: center;}
#festaevent .festaevfree .embedmap iframe {width: 100%;}

@media screen and (min-width: 750px) {
#festaevent .festaevfree .inner {padding: 60px 0 70px;}
}
@media screen and (max-width: 749px) {
#festaevent .festaevfree .inner {padding: 60px 0 60px;}
}


/* festaevnotes */
#festaevent .festaevnotes .tit { font-weight: 600; text-align: center;}
#festaevent .festaevnotes .notesblock {border: 1px solid #e24844;border-radius: 15px; background: #fdf1f1;}
#festaevent .festaevnotes p.dotlinere {padding: 10px 0;}

@media screen and (min-width: 750px) {
#festaevent .festaevnotes {margin: 70px auto 110px;}
#festaevent .festaevnotes .tit { font-size: 3rem;margin-bottom: 35px;}
#festaevent .festaevnotes .notesblock {padding: 35px 40px;}
}
@media screen and (max-width: 749px) {
#festaevent .festaevnotes {padding: 60px 0 60px;}
#festaevent .festaevnotes .tit { font-size: 1.8rem;margin-bottom: 20px;}
#festaevent .festaevnotes .notesblock {padding: 15px 20px;}
}

/* festaevcontact */
.festaevcontact {background:#f1f1f1;margin: 0 auto;}
.festaevcontact .contentblock {margin: 0 auto; }
.festaevcontact .contentblock .contactTit .enTit {}
.festaevcontact .contentblock .contactbox li .tel,
.festaevcontact .contentblock .contactbox li .mail {position: relative;}
.festaevcontact .contentblock .contactbox li .caption {background: #fff;border-radius: 50px;text-align: center;width: 100%;}
.festaevcontact .contentblock .contactbox li:last-child {margin-bottom: 0px;}
.festaevcontact .contentblock .contactbox li .tel:before {position: absolute;content: "";background: url(../img/festaevent/icon_tel.svg) no-repeat;background-size: 100%;}
.festaevcontact .contentblock .contactbox li .mail:before {position: absolute;content: "";background: url(../img/festaevent/icon_mail.svg) no-repeat; background-size: 100%;}

@media screen and (min-width: 750px) {
.festaevcontact .contentblock {width: 1160px;padding: 80px 0; display: flex;}
.festaevcontact .contentblock .contactTit {padding: 30px 60px 0 0;}
.festaevcontact .contentblock .contactTit .enTit {font-size: 4rem;}
.festaevcontact .contentblock .contactTit .jpTit {font-size: 1.8rem;}
.festaevcontact .contentblock .contactbox {position: relative;padding: 30px 0 30px 60px;width: 100%;letter-spacing: 0.08em;}
.festaevcontact .contentblock .contactbox:before {position: absolute;content: "";width: 1px;height: 100%;background: #cac7c1;left: 0;top:0;}
.festaevcontact .contentblock .contactbox li {display: flex;margin-bottom: 20px;font-size: 2rem; align-items: center;}
.festaevcontact .contentblock .contactbox li .caption {font-size: 1.2rem; padding: 1px 1px 0;margin-right: 15px; max-width: 105px;}
.festaevcontact .contentblock .contactbox li .tel,
.festaevcontact .contentblock .contactbox li .mail {padding-left: 25px;}
.festaevcontact .contentblock .contactbox li .tel {font-size: 2.8rem;}
.festaevcontact .contentblock .contactbox li .tel:before {width: 20px;height: 20px;left: 0;top:11px;}
.festaevcontact .contentblock .contactbox li .mail:before {width: 19px;height: 15px;left: 0;top:10px;}
}
	
@media screen and (max-width: 749px) {
.festaevcontact .contentblock {width: 94%;padding: 40px 0; }
.festaevcontact .contentblock .contactTit { display: flex; align-items: center;margin-bottom: 15px;}
.festaevcontact .contentblock .contactTit .enTit {font-size: 2rem;padding-right: 15px;}
.festaevcontact .contentblock .contactbox li .caption {font-size: 1rem; padding: 1px 1px 0;margin-bottom: 10px;margin-right: 15px;}
.festaevcontact .contentblock .contactbox li .tel,
.festaevcontact .contentblock .contactbox li .mail {padding-left: 20px;}
.festaevcontact .contentblock .contactbox li {margin-bottom: 20px;}
.festaevcontact .contentblock .contactbox li .tel {font-size: 1.8rem;}
.festaevcontact .contentblock .contactbox li .tel:before {width: 15px;height: 15px;left: 0;top:6px;}
.festaevcontact .contentblock .contactbox li .mail:before {width: 14px;height: 10px;left: 0;top:6px;}
}
	

/* pankuzu */
#festaevent .pankuzu {margin: 25px 0 0;}
#festaevent .pankuzu li { font-size: 1.4rem; display: inline-block; margin-right: 8px;}
#festaevent .pankuzu li:after { content: ">"; display: inline-block; margin-left: 8px; color: #e24844;}
#festaevent .pankuzu li:last-child:after { content: "";}
#festaevent .pankuzu li a { display: inline-block;}
@media screen and (max-width: 749px) {
#festaevent .pankuzu {margin: 20px 0 0;}
#festaevent .pankuzu li { font-size: 1.2rem; display: inline-block; margin-right: 8px;}
}

/* eventmv */
#festaevent .eventmv {width: 100%;height:300px;}
#festaevent .eventmv a{width: 100%;height:100%;}
#festaevent .eventmv img {position: relative;width: 100%;height:100%;object-fit: cover; object-position: top;opacity: 0.7;}
@media screen and (max-width: 749px) {
#festaevent .eventmv {height:200px;}
}

/*detailArea*/
#festaevent #detail .detailArea {width: 100%;margin: 0 auto;}
#festaevent #detail .programtit {font-weight: 600;text-align: center;}
#festaevent #detail .programvename {text-align: center;}
#festaevent #detail .programvename p{position: relative;font-weight: 600;display: inline-block;}
#festaevent #detail .programvename p:before {position: absolute;content: ""; background: url(../img/festaevent/icone_people.svg) no-repeat; background-size: 100%;}
#festaevent #detail .programmv {text-align: center;}
#festaevent #detail .programmv img {border-radius:15px; box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
#festaevent #detail .listTag ul {display: flex;flex-wrap: wrap;gap: 8px;}
#festaevent #detail .listTag li {color: #f09300;border:1px solid #f09300; border-radius: 15px;background: #fdf7f0;}
#festaevent #detail .programinfo {background: #fdf7f0;position: relative;}
#festaevent #detail .programinfo:before {height: 29px;content: "";width: 100%;position: absolute;top: -2px;background: url(../img/festaevent/festaevent_wave_up.gif) repeat-x;background-size: auto auto;-webkit-animation: bgroop 15s linear infinite;animation: bgroop 15s linear infinite;}
#festaevent #detail .programinfo:after {height: 29px;content: "";width: 100%;position: absolute;bottom: -20px;background: url(../img/festaevent/festaevent_wave_under.gif) repeat-x;background-size: auto auto;-webkit-animation: bgroop 15s linear infinite;animation: bgroop 15s linear infinite;}
#festaevent #detail .cttit p {position: relative;font-weight: 600;}
#festaevent #detail .programinfo .cttit p:before {position: absolute;content: ""; background: url(../img/festaevent/icone_peoplecont.svg) no-repeat; background-size: 100%;}
#festaevent #detail .cttit {position: relative;width: 100%;border-bottom: solid 2px #dbd8d2;padding: 0 0 10px 0;}
#festaevent #detail .cttit::after {position: absolute;content: " ";display: block;border-bottom: solid 2px #e24844;bottom: -2px;}
#festaevent #detail .programprofile .cttit::after {width: 38%;}
#festaevent #detail .programtxt {line-height: 1.8;}
#festaevent #detail .programtxt .prhead {font-weight: 600;}
#festaevent #detail .programinfo dl { width: 100%; border: 1px solid #dbd8d2; border-radius: 15px; background: #fff;}
#festaevent #detail .programinfo dl dd {background-image: linear-gradient(to right, #dbd8d2 6px, transparent 6px);background-size: 10px 1px;background-repeat: repeat-x;background-position: left bottom;}
#festaevent #detail .programinfo dl dt:last-of-type,
#festaevent #detail .programinfo dl dd:last-of-type {background: none;}
#festaevent #detail .programinfo dl dt{font-weight: 600;}
#festaevent #detail .programinfo dl dd {}
#festaevent #detail .programinfo dl dt:first-of-type,
#festaevent #detail .programinfo dl dd:first-of-type{padding-top: 0;}
#festaevent #detail .programinfo .programurl a {color: #fff;margin: 0 auto; position: relative;background: #e44e4a;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 50px;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);font-weight: 600;text-align:center;}
#festaevent #detail .programinfo .programurl a span.arrowpro{position: absolute; border-radius: 50px;background: #fff;vertical-align: bottom;border: 0;padding: 0;}
#festaevent #detail .programinfo .programurl a span.arrowpro span {position: relative;}
#festaevent #detail .programinfo .programurl a span.arrowpro span::before{ content: "";margin: auto;position: absolute;top: 0;bottom: 0;border-top: 3px solid #e44e4a; border-right: 3px solid #e44e4a;transform: rotate(45deg);border-radius: 3px;}
#festaevent #detail .programinfo .programurl a span.arrowpro span::after { border-radius: 3px;content: "";margin: auto;position: absolute;top: 0;bottom: 0;background: #e44e4a;}


@media screen and (min-width: 750px) {
#festaevent #detail .inner {max-width: 920px; margin: 0 auto;}
#festaevent #detail .cttit {margin: 0 auto 50px;}
#festaevent #detail .cttit::after {width: 25%;}
#festaevent #detail .detailmv {margin: 80px auto 100px;}
#festaevent #detail .programtit {font-size: 3.4rem;margin-bottom: 25px;}
#festaevent #detail .programvename {font-size: 2rem;margin: 0px auto;}
#festaevent #detail .programvename p{padding-left: 30px;}
#festaevent #detail .programvename p:before {width: 22px;height: 23px; left: 0;top: 4px;}
#festaevent #detail .programmv {margin: 40px auto 30px; }
#festaevent #detail .listTag li {padding: 4px 10px;text-align: center;font-size: 1.3rem;}
#festaevent #detail .programinfo {padding: 90px 0;}
#festaevent #detail .programinfo .inner,
#festaevent #detail .programprofile .inner {max-width: 1100px; margin: 0 auto;}
#festaevent #detail .cttit p{font-size:3.4rem;padding-left:40px; }
#festaevent #detail .programinfo .cttit p:before {width: 24px;height: 28px; left: 0;top: 14px;}
#festaevent #detail .programtxt .prhead {font-size: 2.2rem; padding-bottom: 10px;}
#festaevent #detail .programinfo dl {margin: 60px auto; padding: 35px 40px;display: flex;flex-wrap: wrap;}
#festaevent #detail .programinfo dl dt {background-image: linear-gradient(to right, #dbd8d2 6px, transparent 6px);background-size: 10px 1px;background-repeat: repeat-x;background-position: left bottom;}
#festaevent #detail .programinfo dl dt,
#festaevent #detail .programinfo dl dd {padding: 15px 0;font-size: 1.8rem;}
#festaevent #detail .programinfo dl dt{width: 15%;}
#festaevent #detail .programinfo dl dd {width: 85%;}
#festaevent #detail .programinfo .programurl a {width: 30.90%;padding: 15px;font-size: 2rem;}
#festaevent #detail .programinfo .programurl a span.arrowpro {width: 46px; height: 46px;top: 10%;right: 3%;}
#festaevent #detail .programinfo .programurl a span.arrowpro span::before {width: 13px; height: 13px;top:22px;left: -3px;}
#festaevent #detail .programinfo .programurl a span.arrowpro span::after {width: 15px; height: 3px;top:22px;left: -10px;}
}

@media screen and (max-width: 749px) {
#festaevent #detail .detailmv {margin: 60px auto;}
#festaevent #detail .programtit {font-size: 2rem;margin-bottom: 20px;}
#festaevent #detail .programvename {font-size: 1.6rem;margin: 0px auto;}
#festaevent #detail .programvename p{padding-left: 20px;}
#festaevent #detail .programvename p:before {width: 17px;height: 18px; left: 0;top: 4px;}
#festaevent #detail .programmv {margin: 35px auto 25px; }
#festaevent #detail .listTag li {padding: 4px 10px;text-align: center;font-size: 1rem;}
#festaevent #detail .cttit {margin: 0 auto 30px;}
#festaevent #detail .cttit p{font-size:1.8rem;padding-left:30px; }
#festaevent #detail .cttit::after {width: 40%;}
#festaevent #detail .programinfo {padding: 60px 0;}
#festaevent #detail .programinfo .cttit p:before {width: 20px;height: 24px; left: 0;top: 2px;}
#festaevent #detail .programtxt .prhead {font-size: 1.5rem; padding-bottom: 10px;}
#festaevent #detail .programinfo dl {margin: 40px auto; padding: 20px 15px;}
#festaevent #detail .programinfo dl dt {padding: 15px 0 5px;font-size: 1.5rem;}
#festaevent #detail .programinfo dl dd {padding: 0 0 15px;font-size: 1.5rem;}
#festaevent #detail .programinfo .programurl a {width: 100%;padding: 15px;font-size: 1.6rem;}
#festaevent #detail .programinfo .programurl a span.arrowpro {width: 36px; height: 36px;top: 17%;right: 3%;}
#festaevent #detail .programinfo .programurl a span.arrowpro span::before {width: 10px; height: 10px;top:19px;left: 0px;}
#festaevent #detail .programinfo .programurl a span.arrowpro span::after {width: 12px; height: 3px;top:19px;left: -8px;}
}

/* programprofile */
#festaevent .programprofile {}
#festaevent .programprofile .profilebox,
#festaevent .programprofile .profilebox p{width: 100%;}
#festaevent .programprofile .cttit p:before {position: absolute;content: ""; background: url(../img/festaevent/icone_peoplere.svg) no-repeat; background-size: 100%;}
#festaevent .programveimg img {max-width: 100%;width: 100%;height: 100%; object-fit: cover;border-radius: 15px;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
#festaevent .programveimg {width: 100%;}
#festaevent .profilebox .profilename {font-weight: 600;}

@media screen and (min-width: 750px) {
#festaevent .programprofile {padding:80px 0 120px;}
#festaevent .programprofile .cttit p:before {width: 29px;height: 30px; left: 0;top: 14px;}
#festaevent .programprofile .profileblock {display: flex;}
#festaevent .programveimg {max-width:300px;height: 220px;margin-right: 40px;}
#festaevent .profilebox .profilename {font-size: 2.2rem;margin-bottom: 25px;}
}

@media screen and (max-width: 749px) {
#festaevent .programprofile {padding:60px 0 80px;}
#festaevent .programprofile .cttit p:before {width: 24px;height: 25px; left: 0;top: 3px;}
#festaevent #detail .programprofile .cttit::after {width: 60%;}
#festaevent .programveimg {height: 200px;margin-bottom: 30px;}
}