@charset "UTF-8";

/* ===============================================
   ニュース記事　共通設定
=============================================== */
/* 全体の文字送り */
.news{
	line-height: 1.8;
	margin-top: 170px;
}
@media screen and (max-width: 767px) {
.news{
	line-height: 1.8;
	margin-top: 140px;
}
}

/* ===============================================
   COMMENT　一覧
　　消すもの
=============================================== */
/* パンくずリスト */
.topicPath{
	display: none;
}
/* 現在地表示 */
#personFilter{
	/*display: none;*/
}
/* タイトル下の日付 */
.newsArticle .date {
  display: none;
}
/* COMMENT表示 */
.newsArticle .personTag {
  display: none;
}
.newsArticle .newsBodyWrap .catch {
  display: none;
}
/* SNSアイコン消す */
.articleSocial {
	display: none!important;
}
/* NEWを消す */
.newsArticle .new{
	display: none;
}

/* ===============================================
   COMMENT　変更したもの
=============================================== */
.newsArticle .newsBodyWrap,
.ticketBenefitArticle .ticketBenefitBodyWrap {
  clear: none!important;
}
.newsArticle .newsBodyWrap p,
.ticketBenefitArticle .ticketBenefitBodyWrap p {
  margin-bottom: 0!important;
  font-size: inherit!important;
}
.newsArticle .newsBodyWrap .catch {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
  font-size: inherit!important;
}
@media (min-width: 768px) {
  figure + .newsBodyWrap .catch {
    width: 51%;
  }
}


/* ===============================================
   COMMENT 一覧　PC
　　既存の書き換え
=============================================== */
.inner {
	max-width: 720px;
	margin: 0 auto;
	padding: 0;
	animation: fadeIn 1.5s ease-in-out forwards;
}
@keyframes fadeIn {
  0% {
	opacity: 0; /* 最初は透明 */
    transform: translateY(10px); /* 少し下に配置 */
  }
  100% {
    opacity: 1; /* 最後は不透明 */
    transform: translateY(0); /* 通常位置へ */
  }
}

/* H1タイトル */
.contentHeading {
	margin: 0 auto 50px!important;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	letter-spacing: .05em;
	padding: 0.75em 0;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	display: flex;
	align-items: center;
}

/* アーティスト個別囲み */
.newsArticle {
	margin:  0;
	padding: 10px 0;
	border-left: none!important;
	border-top: none!important;
	border-right: none!important;
	border-bottom: 1px solid #999!important;
	position: relative;
	display: flex!important;
	justify-content: space-between!important;
	align-items: center;
}
/* 最初だけトップの罫線出す */
.newsArticle:first-of-type {
  border-top: 1px solid #999!important;
	margin-top: 50px;
}

/* global.cssの前後のbefore afterを消す */
.newsArticle:before,
.newsArticle:after {
  display: none;
}

/* アーティスト名 */
.newsArticle .newsHeading {
	margin: 0;
	padding: 0;
}
.newsArticle .newsHeading span{
	font-size: 18px;
	font-weight: 700;
}
/* アーティスト写真 */
.newsArticle figure {
    width: 173px;
	height: auto;
    margin: 0;
    float: none;
}
/* テキスト */
.newsArticle .newsBodyWrap {
	width: 100%;
	height: 100%;
	clear: none;
	position: absolute;
}

/*.newsBodyWrap a{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}*/

.newsBodyOpen{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}


/* ===============================================
   COMMENT 一覧　SP
　　既存の書き換え
=============================================== */
@media screen and (max-width: 767px) {
.inner {
	max-width: 92%;
	margin: 0 auto;
	padding: 0;
}
/* アーティスト名 */
.newsArticle .newsHeading {
	margin: 0;
	padding: 0;
}
.newsArticle .newsHeading span{
	font-size: 16px;
}
	
/* アーティスト写真 */
.newsArticle figure {
    width: 33%;
	height: auto;
    margin: 0;
    float: none;
}	
}




/* ===============================================
   ニュース・イベント　共通
=============================================== */
/* 区切り線 */
.line_14par {
  width: 14%;
  margin: 0 auto;
  border: none;
  height: 1px;
  background-color: #333; /* 色 */
}


.newsArticle{
	position: relative;
}




/* ===============================================
   TICKET INFO 一覧　書き換え
=============================================== */
.newsList .newsItem .new{
	display: none;
}
.newsList .newsItem figure{
	display: none;
}
.newsList .newsItem .newsHeading{
	text-decoration: none;
}
.newsList .newsItem .newsHeading span{
	font-size: 18px;
	font-weight: 700;
}	
.newsItem .date{
	display: none;
	margin: 0;
}		

.newsItem a{
	padding: 20px 5px 16px;;
}

/* 地域表示変更 */
.newsItem .personTag{
	width: 100%!important;
	margin: 0!important;
}
.personTag li{
	border: solid 1px #999!important;
	background-color: #fff!important;
	font-size: 12px!important;
	padding: 0.2em 1em!important;
}	
/* 内部の幅を広げる */
.newsItemInner{
	width: 100%!important;
	float: none;
}

/* チケットぴあ　ロゴ */
.ticket_info_pialogo {
	margin-bottom: 25px;
}
/* セブンチケット　ロゴ */
.ticket_info_7logo {
	margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
.newsList{
	margin-top: 40px;	
}
	
.personTag li{
	border: solid 1px #999!important;
	background-color: #fff!important;
	font-size: 12px!important;
	margin:  0 1.4% 8px 0!important;
	padding: 0.12em!important;
	min-width: 14.4%;
	text-align: center;
}

/* TIKCET INFO　タイトル */
.news .contentHeading{
	margin: 0 !important;
	font-size: 20px;
	line-height: 1;
	letter-spacing: .02em;
	padding: 1.6em 0;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	display: flex;
	align-items: center;
	justify-content: center;
}	
	
/* チケットぴあ　ロゴ */
.ticket_info_pialogo {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.ticket_info_pialogo img{
	width: 40vw;
	height: auto;
}
/* セブンチケット　ロゴ */
.ticket_info_7logo {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.ticket_info_7logo img{
	width: 55vw;
	height: auto;
}
}
	

/* ===============================================
   TICKET INFO 一覧　全国地域表示　書き換え
=============================================== */

#personFilter {
	width: 100%!important;
	height: 40px;
	margin-bottom: 32px;
}
/* 左右矢印消す */
#personFilter .controller {
	display: none;
}
/* 枠と背景色変更 */
#personFilter .viewport {
	margin: 0;
	height: 38px;
	background-color: #fff;
	border-top: none;
	border-bottom: none;
	overflow: visible;
}
#personFilter .slideWrap {
	width: 100%;
	position: relative;
}
#personFilter ul {
	position: relative;
	top: 0;
	left: 0;
}	
#personFilter ul.transition {
	-moz-transition: left 0.3s linear;
	-o-transition: left 0.3s linear;
	-webkit-transition: left 0.3s linear;
	transition: left 0.3s linear;
}
#personFilter li {
	padding: 0 5px;
	float: left;
}
#personFilter li a {
	padding: 0.5em 1em;
	background-color: #fff;
	text-decoration: none;
	line-height: 1;
	color: #000;
	border: 1px solid #666;
	border-radius: 0;
	display: block;
	font-size: 13px;
	text-align: center;
}
@media screen and (max-width: 767px) {
#personFilter {
	width: 100%!important;
	height: auto;
	margin-top: 15px;
	margin-bottom: 25px;
	position: relative;
}
#personFilter li {
	padding: 0;
	margin:  0 1% 8px 1%!important;
	min-width: 14%;
}
#personFilter li a{
	padding: 0.5em;
	font-size: 12px!important;
	width: 100%!important;
	text-align: center;
}		
}



/* ===============================================
   TICKET INFO ページャー　書き換え
=============================================== */
 .pager {
  margin-bottom: 16px;
  text-align: center;
}
.pager li {
  font-size: 115.4%;
  display: inline-block;
vertical-align: top; /* middle でも可 */
}
.pager li a, .pager li span {
  text-decoration: none;
  border: 1px solid #cccccc;
  display: block;
}
.pager li a {
  background-color: #fff;
  color: #fff;
}
.pager .pagerCurrent span {
  background-color: #666;
  color: #fff!important;
}


@media (min-width: 768px) {
  .pager li {
    margin: 0 .5em;
  }
  .pager li a, .pager li span {
    padding: .3em .8em;
  }
}


 @media (max-width: 767px) {
  .pager li {
    margin: 0 .2em;
  }
  .pager li a, .pager li span {
    padding: .2em .7em;
  }
  .pager .pagerOther {
    display: none;
  }
  }

/* ===============================================
   新規登録　書き換え
=============================================== */
/* ボタン内文字色 */
.admissionButton{
	color: #fff!important;
}

@media (min-width: 768px) {
  .mainSection {
    margin: 140px 0 80px;
  }

  div.mainSection {
    margin-top: 0;
  }
  div.mainSection .content {
    margin-top: 24px;
  }
  }
 @media (max-width: 767px) {
.mainSection {
    margin: 170px 0 80px;
  }
  }