/*CyndiLauper 19-09-26*/

header,footer{display: none;}
.artist_title, .artist_main, .artist_nav, .artist_txt, .artist_share, .news_box, .artist_tit, .aboutreserve, .schedule_wrap, .foot_bnr { display: none; }
.artist_wrap h2  { display: none; }
.artistBio{color: white;}
.inner h2  { display: inline-block; }
.freearea {margin-bottom: 0 !important;color:#fff;}
a { color: #b71F24; }

picture img{margin-top:60px;}
.artist_wrap{background-color: #000; width: initial;margin-bottom: 0;}
.ticketsDivOuter {color:#000;}
#main_contents {max-width:1000px; margin: 0 auto 50px}

.newsContainer, .artistDiv, .englishDiv {margin-left: calc(((100vw - 100%) / 2) * -1);margin-right: calc(((100vw - 100%) / 2) * -1);color:#000;}
.newsContainer{background:#fff;}
.newsArticle {padding: 0.8rem;vertical-align: bottom;border-bottom: solid 1px #000;margin-bottom:32px;}
/*
.newsArticle:nth-child(n+2) {margin-top: 2rem;}
*/
.newsArticleTitle {font-size: 1.1rem;font-weight: bold;}
.newsArticleDate {font-size: 1rem;margin-right: 2rem;font-weight: normal;}
.newsArticleContent {margin-top: 0.8rem;padding-top: 0.6rem;}

.aboutreserve_div{text-align: left;background:#fafafa;}

.aboutgoods{border:1px solid #ccc;}
.aboutgoods p{text-align:center;background-color:#161616;}
.aboutgoods_div{text-align:left;}

.goods_list li{background-color:#444 !Important;}
.goods_list li:hover {background-color: #565656 !Important;}
.iziModal{background-color:black !Important;}
.iziModal-wrap{background-color:#444 !Important;}

.youtube-half-container {width: 100%;}
.youtube-half-inner {width: 100%;padding-bottom: 56.25%;height: 0px;position: relative;}
.youtube-half-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}

.btnList{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;margin-top: 50px;list-style: none;}
.btnList li{margin-left: 15px;margin-right: 15px;}
.btnList li img{height: 72px;width: auto;}

.wwrBtn{width: 300px;margin: 0 auto;padding: 15px 0;font-size: 20px;text-decoration: none;display: block;text-align: center;color: #FFFFFF;background: #00e100;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.wwrBtn:hover {background: #00e100;color: white;text-decoration: none;}

.infoDiv div{margin-top:1rem;}

.newsArticleDateSub {font-size: 1rem; margin-right: 2rem; font-weight: normal;}
.newsArticleTitleSub {font-weight: bold;}
.newsArticleContentSub {margin-top: 0.8rem;padding-top: 0.6rem;}

/* +から-へ */
.accordion_icon,.accordion_icon span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.accordion_icon {position: relative;width: 30px;float: right;margin-top: 8px; margin-right: 5px;}
.accordion_icon span {position: absolute;left: 6px;width: 50%;height: 2px;background-color: #fff;border-radius: 4px;-webkit-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.accordion_icon span:nth-of-type(1) {top: 5px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
.accordion_icon span:nth-of-type(2) {top: 5px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
/* +から- 切替 */
.accordion_icon.active span:nth-of-type(1) {top: 5px;width: 0;left: 15px;}
.accordion_icon.active span:nth-of-type(2) {top: 5px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}

/* アコーディオン対応 */
.accbox {margin: 2em 0;padding: 0;max-width: 1000px;text-align: left;}
.accbox label {display: block;margin: 10px 0 0;padding : 8px;color :#fff;font-weight: bold;background :#000;cursor :pointer;transition: all 0.5s;font-size: 1.5em;text-align: center;}
.accbox label:hover {opacity:0.6;}
.accbox input {display: none !important;}
.accbox .accshow {height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.8s;}
.cssacc:checked + .accshow {height: auto;padding: 10px;background: #eaeaea;opacity: 1;}

.TourContainer{display: flex;background:#fafafa;margin: 20px 0;}
.TourRegion,.TourDate,.TourLocation{display:inline;}
.TourRegion{text-align: center;padding:20px;font-size:1.7em;font-weight: bold;background: linear-gradient(-135deg, #7C22B7, #61687B);color:#fff;}
.TourInfo{flex: 1;padding: 20px; }
.TourDate{padding-right: 30px;font-size:1.8em;font-weight: bold;}
.TourLocation{font-weight: bold;font-size: 1.8em;}
.TourTime{font-size:1.2rem;}

/* navi_responsive */
.header{padding:16px 0;background:#000;position:fixed;width:100%;background-color: rgba(0,0,0,0.8);z-index:2;}
.header .inner{display: flex;justify-content: space-between;align-items: center;}
.header nav {margin-right: -16px;}
.header nav ul{display: flex;align-items: center;}
.header nav ul li a{color: #fff;text-decoration: none;font-weight: bold;padding:16px;}
.inner{width: 960px;margin: 0 auto;}
.inner h2{width: 160px;margin-right: auto;margin-bottom: 0;}
#nav_toggle{display: none;}

.reserveTitle{border:solid 1px #000;padding:10px;}
.TicketInfo img{width: 180px;margin:0 10px;}
.artistLinks{text-align:center;}
.snsBtn{padding:10px 20px;}

.Inquiry{margin-top:10px;}
.price{margin-top:5px;}
.artistPic img{border:solid 1px #fff;}

/*チケット情報_ボタン仕様*/
.ticketBtn_pia{border: 1px solid #3c3c3c; border-radius: 5px; width: 200px; height: 70px; background-image: url(https://udo.jp/data/public/page/32/132/ticket_udopiabg.jpg); background-repeat: repeat-x;}
.ticketBtn_eplus{border: 1px solid #3c3c3c; border-radius: 5px; width: 200px; height: 70px; background-image: url(https://udo.jp/data/public/page/32/132/ticket_udoeplusbg.png); background-repeat: repeat-x;}
.ticketBtn{border: 1px solid #3c3c3c; border-radius: 5px; width: 200px; height: 70px;background:#fff;}
.ticketIcon{display: flex; justify-content: center; align-items: center;}

.snsLinks a{color:#fff;}

.vipContainer{margin:3rem 0;font-size:0.8rem;color:#fff;}

.movieContainer, .messageContainer{padding-bottom:2rem; margin: 0 auto; text-align: center;}
.movieDiv, .messageDiv{max-width:1000px;margin:0 auto;}
.messageContainer, .goodsContainer {background-image: url("https://udo.jp/data/public/page/32/132/message_bg.jpg");}

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

.sectionTop {padding-top: 4rem;padding-bottom: 2rem;text-align: center;}
.sectionTop img {height: 28px;width: auto;}
/*.bioDiv, .newsDiv, .ticketsDiv, .artistDiv, .goodsDiv, .englishDiv { padding: 0 5%;margin-bottom:2rem; }*/
.bioDiv, .newsDiv, .ticketsDiv, .artistDiv, .goodsDiv, .englishDiv, .livereportDiv {max-width:1000px; margin: 0 auto;}

.infoDiv { margin-top: 6rem; padding-top: 3rem; padding-bottom: 3rem; text-align:center;}

#vip-ball img {position: absolute; top: 35%; left: 6%; width: 13vw;}
#vip-ball a:hover img {opacity: 0.94 !Important;filter: alpha(opacity=94)  !Important;}
.vipContainer img{width:560px;}

.tourList { padding-top: 2rem; margin-bottom: 2rem; }

.newsDiv{margin:0 auto;padding-bottom:10px;}
.newsArticleContent { margin-top: 0.8rem; padding-top: 0.6rem;}
.newsArticleDate { float:left; }

.artistBio p{font-size: 0.8rem;}

.livereportContainer{width:96%;margin:0 auto;}
.bioContainer{display: flex;width:96%;margin:0 auto;}
.artistPic{width:302px;text-align: center;}
.artistBio{flex:1;margin-left: 32px;}
.artistPic p{margin-bottom: 10px; }

.artistDiv img{width:100%; vertical-align: top;}

.tvspotiFrame { width: 560px; height: 315px; }
.tvspotiFrame2 { width: 400px; height: 225px; }
.tvspotiFrame2:nth-child(2) { margin-left: 40px; }

.youtube-half-container {width: 800px;margin-left: 100px;}
.youtube-half-outer {width: 398px;display: inline-block;}

.newsArticleDateSub {float: left; font-size: 1rem; margin-right: 2rem; font-weight: normal;}
.newsArticleTitleSub {font-size: 1.1rem; font-weight: bold;}
.newsArticleContentSub {font-size: 1em;}

/* goods */
.aboutgoods{margin-bottom:35px;}
.aboutgoods p{margin:0; padding:10px; font-weight:bold;}
.aboutgoods_div{padding:10px 20px;}
.aboutgoods ul{padding-left:1rem;}

.TourRegion{width:100px;}

.ticketBtn_pia,.ticketBtn_eplus{display: inline-block;}
.ticketBtn_eplus{margin-left: 20px;}

.sponsoredname{font-size:0.8rem;}
.reserveTitle{display:inline-block;}
// min 1000
}

@media only screen and (max-width: 999px) {
#vip-ball {display:none;}
.freearea {margin-left: 0; margin-right: 0;}
.artist_detail {padding-top: 0;}
.artist_wrap { width: 100%; }
.artist_wrap section, .sectionTop { width: 94%; margin-left: 3%; padding-bottom:10px;}
.sectionTop { padding-top: 45px;  padding-bottom: 45px; display: flex; justify-content: center; align-items: center; }
.sectionTop img {height: 24px;width: auto;}
picture img{margin-top:72px;}

.tourList { padding-top: 1rem; margin-bottom: 1.4rem; }

.ticketsDivOuter { margin-bottom: 2rem; }
.aboutreserve p{margin:0;font-weight:bold;}
.newsArticleTitle { margin-top: 0.6rem; font-size: 1rem;}
.newsArticleContent {font-size: 0.8rem; }
.movieDiv .youtube-half-outer, .messageDiv .youtube-half-outer { margin-bottom: 2rem; }
.infoDiv { margin-top: 4rem;text-align:center; }

.artistDiv img{width: 100%;}
.artistBio{padding: 1rem 0;}

.tourList img{ max-width:100%;margin:0 auto;}
.newsArticleDate {margin: 0;}

.newsArticleDateSub {margin: 0;}
.newsArticleTitleSub {margin-top: 0.6rem; font-size: 1rem;}
.newsArticleContentSub {font-size: 0.8rem;}

/* goods */
.aboutgoods{font-size:0.9rem;margin-bottom:15px;}
.aboutgoods p{padding:10px 0;}
.aboutgoods_div{padding:10px;}
.aboutgoods ul{padding-left: 1.6rem;margin-bottom: 1.2rem;padding-right: 0.2rem;}

/* navi_responsive */
nav{display: none;position: absolute;top:72px;width: 100%;background-color: rgba(0,0,0,0.8);left: 0;}
.header{padding:16px 0;}	
.header nav ul{display: block;margin: 0 auto;width: 90%;}
.header nav ul li{margin: 0 auto;text-align: center;border-bottom: 1px solid #fff;}
.header nav ul li:last-child{border: none;}
.header nav ul li a{display: block; }
.inner{width: 90%;}
.inner h2{width: 120px;}	

#nav_toggle{display: block;width: 40px;height: 40px;position: relative;top: 4px;left:6px;z-index: 100;}
#nav_toggle div {position: relative;}
#nav_toggle span{display: block;height: 3px;background: #fff;position:absolute;width: 100%;left: 0;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;	}
#nav_toggle span:nth-child(1){top:0px;}
#nav_toggle span:nth-child(2){top:12px;}
#nav_toggle span:nth-child(3){top:24px;}
	
.open #nav_toggle span:nth-child(1) {top: 12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);}
.open #nav_toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav_toggle span:nth-child(3) {top: 12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);transform: rotate(-135deg);}

.tvspotiFrame, .tvspotiFrame2  { height: calc(85vw*0.5625); vertical-align: bottom; }

.TourContainer,.TourRegion,.TourDate,.TourLocation{display:block;}

.ticketBtn_eplus,.ticketBtn_pia{width:100%;margin:15px 0;}
.ticketBtn{width:100%;margin:5px 0;}

.reserveTitle{font-size: 1.2em;text-align: center;}

.vipContainer img{width:100%;}

.messageContainer{padding-bottom:50px;}
.movieDiv iframe, .messageDiv iframe{width:90%;}

// max 999
}