/*========================================================================================================================
  イベントスケジュール
========================================================================================================================*/

.idolEvent-detail{

}

.idolEvent-detail h1 {font-size: 28px; margin: 5px 0;line-height:1.2em;text-align: center;}
.idolEvent-detail h2 {
margin: 20px 0;
padding: 5px 0px 3px 2px;
color: #333;
border-bottom: 1px solid #ccc;
font-weight: bold;
}

.idolEvent-detail h2:before {
color:#f06;font-weight: normal;
content: "\f00c";
font-family:FontAwesome; padding: 0 3px;
}

.idolEvent-detail h3 {
margin: 15px 10px 15px 15px;
font-size: 16px;
border-bottom: 3px solid #fbdbe8;
}
.idolEvent-detail h3:before {
font-family: FontAwesome;
content: "\f046";
color: #fb67a3;
padding-right: 5px;
font-size: 18px;
}

.idolEvent-detail h4 {
border-left: 5px solid #f06;
padding: 1px 5px;
margin: 10px 0 10px 15px;
font-weight: bold;
}


.idolEvent-detail div.eventDetail-accordion h3 {
margin: 5px;
padding: 5px 10px;
color: #333;
background: #f5f5f5;
border: none;
}
.idolEvent-detail div.eventDetail-accordion > ul > li > ul >li > h3:first-child { margin-top: 0px;}
.idolEvent-detail div.eventDetail-accordion > ul > li > ul >li > dl > h3:first-child { margin-top: 0px;}


.idolEvent-detail p {
padding-left: 5px;
}

.idolEvent-detail p.bold {
padding-left: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.idolEvent-detail dl {
padding-left: 5px;
}

.idolEvent-detail dt:before {
color:#555;font-weight: normal;
content: "\f0da";
font-family:FontAwesome; padding: 0 5px;
}

.idolEvent-detail dl > dt:last-child { margin-bottom: 5px;}

.eventDetail ul {

}

.eventDetail li {
font-weight: bold;
}

.eventDetail li span {
font-size: 12px;
font-weight: normal;
}

.eventDetail li span:before {
color: #012fb4;
font-weight: normal;
content: "\f14a";
font-family: FontAwesome;
padding-right: 3px;
}

.eventDetail li span:after {
color:#ccc;font-weight: normal;
content: "\f0da";
font-family:FontAwesome; padding: 0 5px;
}

.eventDetail-caution{
border: 2px solid #eee;
}
.eventDetail .eventDetail-caution ul {
padding: 5px;
margin-left: 20px;
}

.eventDetail .eventDetail-caution li {
  list-style: disc;
}
.eventDetail .eventDetail-caution ul li.com_blue {color:#00f;margin-top:10px;}

/*=== 蛍光テキスト装飾 ===*/
/* 蛍光イエロー */
.keikou_yellow {
background: linear-gradient(transparent 60%, #ff6 60%);
}
/* 蛍光ピンク */
.keikou_red {
background: linear-gradient(transparent 60%, #fb84b2 60%);
}

.red {color:#f00;}
.strong {font-weight:bold;}

/****************** SNS ******************/

.idolEvent-share {
background-color: #eee;
padding: 15px 0 20px;
}

.idolEvent-share p {
text-align: center;
}

/* 回り込み解除のためのクラス */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}
 
/* サークルのスタイル */
.sns_circle{
    position:relative;
    width: 50px;
    height: 50px;
    margin:0 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #999;
    float:left;
    list-style: none;
}
 
/* Webフォントに関する指定 */
.sns_circle span{
    position:absolute;
    padding:10px;
    font-size:30px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.sns_circle a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
.sns_circle a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
 
/* 横幅を300pxに固定して真ん中に表示 */
ul.circle_group{
    width:120px;
    margin:auto;
    list-style: none;
    padding:0;
}
 
/* アイコン毎の配色と配置 */
.sns_circle.feedly{
    background-color: #6CC655;
}

.sns_circle.facebook{
    background-color: #265a96;
}
 
.sns_circle.twitter{
    background-color: #00acec;
}
 
.sns_circle.hatebu{
    background-color: #006fbb;
}
 
.sns_circle.pocket{
    background-color: #EE4256;
}
 
.sns_circle.googleplus{
    background-color: #dd4b39;
}
 
.sns_circle.line{
    background-color: #2cbf13;
}
 
.sns_circle.feed{
    background-color: #ff9900;
}
 
.sns_circle.youtube{
    background-color: #e22d26;
}

.ticketBox {
position: relative;
margin: 2em 10px;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.ticketBox .ticketBox-title {
position: absolute;
display: inline-block;
top: -9px;
padding: 0 5px;
line-height: 1;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.ticketGauge {
padding: 5px 0 0 0;
height: 45px;
}
.ticketGauge ul {
}
.ticketGauge li {
float: left;
background-color: #e0e0e0;
padding: 10px 0;
width: 23.333%;
text-align: center;
color: #fff;
}

.ticketGauge li.B_0P {
text-align: left;
background-color: #95ccff;
width: 15%;
color: #fff;
}
.ticketGauge li.B_0P:before {
content: "\f0d9";
font-family:FontAwesome; padding: 0 5px;
}
.ticketGauge li.W_0P {
text-align: left;
width: 15%;
}
.ticketGauge li.W_0P:before {
content: "\f0d9";
font-family:FontAwesome; padding: 0 5px;
}

.ticketGauge li.B_25P {
background-color: #95ccff;
}


.ticketGauge li.B_50P {
background-color: #95ccff;
}

.ticketGauge li.B_75P {
background-color: #95ccff;
}

.ticketGauge li.B_100P {
text-align: right;
background-color: #95ccff;
width: 15%;
}
.ticketGauge li.B_100P:after {
content: "\f0da";
font-family:FontAwesome; padding: 0 5px;
}
.ticketGauge li.W_100P {
text-align: right;
width: 15%;
}
.ticketGauge li.W_100P:after {
content: "\f0da";
font-family:FontAwesome; padding: 0 5px;
}

.ticketBox p {
    margin: 0; 
    padding: 0;
}

/*========================================================================================================================
  アコーディオン
========================================================================================================================*/

/****************** eventDetail-accordion ******************/

div.eventDetail-accordion {margin: 0 10px;}

div.eventDetail-accordion ul{list-style: none;}


/****************** 第一階層 ******************/
div.eventDetail-accordion > ul > li > a {
display: block;
color: #333;
font-size: 16px;
text-decoration: none;
cursor: pointer;
position: relative;
padding: 7px 7px 5px;
border-radius: 3px;
margin-bottom: 5px;
border: 1px solid #555
}

div.eventDetail-accordion > ul > li > a:hover {
  color: #333;
}

div.eventDetail-accordion > ul > li > a:after, div.eventDetail-accordion > ul > li > a.guide-active:after {
  font-size: 16px;
  position: absolute;
  right: 10px;
  color: #fff;
}

div.eventDetail-accordion > ul > li > a:before {
  content: "\f055";
  font-family:FontAwesome;
  color: #555; padding: 0 5px ;
}

div.eventDetail-accordion > ul > li > a.active:before {
  content: "\f056";
  font-family:FontAwesome; padding: 0 5px ;
}

div.eventDetail-accordion > ul > li > a:after {
  content: "\f078";
  font-family:FontAwesome;
}

div.eventDetail-accordion > ul > li > a.active:after {
  content: "\f077";
  font-family:FontAwesome;
}


/****************** 第二階層 ******************/
div.eventDetail-accordion > ul > li > ul > li{
margin-bottom: 10px;
}
div.eventDetail-accordion > ul > li > ul > li > a {
display: block;
color: #333;
font-size: 16px;
background-color: #fff;
cursor: pointer;
position: relative;
text-decoration: none;
padding: 7px 5px 5px;
border-bottom: 1px dotted #ddd;
}

div.eventDetail-accordion > ul > li > ul > li > a:hover {
  background-color: #fff5f9;color:#333 ;
}

div.eventDetail-accordion > ul > li > ul > li > a:before {
  content: "\f078";
  font-family:FontAwesome;
  color: #ddd; padding: 0 5px 
}

div.eventDetail-accordion > ul > li > ul > li > a.active:before {
  content: "\f077";
  font-family:FontAwesome; padding: 0 5px;
}


div.eventDetail-accordion > ul > li > ul > li > a:after, div.eventDetail-accordion > ul > li > ul > li > a.active:after {
  font-size: 16px;
  position: absolute;
  right: 30x;
  top: 10px;
  color: #fff;
}

div.eventDetail-accordion > ul > li > ul > li > a:after {

}

div.eventDetail-accordion > ul > li > ul > li > a.active:after {

}

/* 曜日 */

div.eventDetail-accordion > ul > li > ul > li > a > span{
padding: 1px 5px;
background-color: #7dadf6;
margin: 0 10px;
color: #fff;
font-size: 0.8em;
border-radius: 20px;
}


/* 第二階層を閉じる */
div.eventDetail-accordion > ul > li > ul {
/*  display: none; */
  display: block;
}

/****************** 第三階層 ******************/
div.eventDetail-accordion > ul > li > ul > li > ul > li > a {
display: block;
color: #333 !important;
font-size: 14px;
background-color: #f9f9f9;
cursor: pointer;
position: relative;
text-decoration: none;
padding: 7px 5px 5px;
border-bottom: 1px dotted #ddd;
}


div.eventDetail-accordion > ul > li > ul > li > ul > li > a:hover {
 color: #333 ; opacity: 0.5;
}

div.eventDetail-accordion > ul > li > ul > li > ul > li > a:after, div.eventDetail-accordion > ul > li > ul > li > ul > li > a.active:after{
  font-size: 21px;
  position: absolute;
  right: 30px;
  top: 10px;
  color: #fff;
}

div.eventDetail-accordion > ul > li > ul > li > ul > li > a:before {

}

/* 第二階層を閉じる */
div.eventDetail-accordion > ul > li > ul > li > ul  {
  display: none;
}

.idolEvent-detail div.eventDetail-accordion h2 span {
font-weight: bold;
padding: 5px;
background-color: #fff;
border-radius: 30px;
}



.idolEvent-detail a.txt-link {font-size: 1.2em; display: block; margin: 0 5px 20px 20px;}
.idolEvent-detail a.txt-link:after {
 font-family: FontAwesome /*FontAwesomeをフォント指定*/;
 margin-left: 3px;
 content: '\f08e';
}

.idolEvent-detail p.idol-eventCategory { text-align: center;}

/* 対象商品枠 */
.detail-info { border-bottom: #ccc 2px dotted; margin-bottom: 8px; padding-bottom: 3px;}
.detail-info > dl > dt { margin-bottom: 5px;}




.idolEvent-detail-box { width: 100%; padding: 0; margin: 15px auto;} 
.idolEvent-detail-box .idolPhoto { width: 50%; float: left; text-align: right;}
.idolEvent-detail-box .idolPhoto img{ max-width: 100%;}
.idolEvent-detail-box .eventDetail { width: calc( 50% - 20px); float: left; padding: 0px 10px;}

.idolEvent-detail-box .idol-eventInfo { float: left; width: 100%;}


.cautionBox {
	margin: 0.5em 10px;
	padding: 0.8em 1em 0.5em 1em;
	border: 3px solid #f00;
	border-radius: 8px;
	color: #f00;
	position: relative;
}

.cautionBox .cautionBox-title {
	background: #fff none repeat scroll 0 0;
	color: #f00;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	padding: 0 5px;
	position: absolute;
	top: -9px;
}






/* ################################################################## 359px以下 ################################################################## */
@media screen and (max-width: 359px) {


/* チケット残数メーター */
.ticketGauge { font-size: 11px;}


} /* ################################# 359px以下 ここまで */



/* ################################################################## 599px以下 ################################################################## */
@media screen and (min-width:360px) and (max-width: 599px) {

/* チケット残数メーター */
.ticketGauge { font-size: 11px;}


} /* ################################# 599px以下 ここまで */


/* ################################################################## 767px以下 ################################################################## */
@media screen and (min-width:600px) and (max-width: 767px) {




} /* ################################# 767px以下 ここまで */


/* ################################################################## 768px以上 ################################################################## */
@media screen and (min-width:768px) and (max-width: 899px) {




} /* ################################# 768px以下 ここまで */



/* ################################################################## 900px以上 ################################################################## */
@media screen and (min-width:900px) and (max-width: 1189px) {




} /* ################################# 900px以上 ここまで */



/* ################################################################## 1190px以上 ################################################################## */
@media screen and (min-width: 1190px) {






} /* ################################# 1190px以上 ここまで */








/* ################### iPhone専用 ################### */



/* ################### iPhone専用ここまで ################### */