@charset "Shift_JIS";

/*============================================================
 全体
============================================================*/



.sofmapRogo-sp img {
 height: 30px;
 width: auto;
 vertical-align: top;
}


.sofmapRogo-pc h1 a {
 height: 30px;
}



.idol-main img{ max-width: 100%;}
.idolEvent-detail img{ max-width: 100%;}
.idolEvent-topics img{ max-width: 100%;}

/*============================================================
 Contents全体
============================================================*/

/* ヘッダーメニュー */

#header-menu { width: 100%; height: 45px; margin: 0px; background: #333; overflow: hidden;}
#header-menu h1{ margin: 9px 15px; color: #fff; width: 270px; float: right; padding: 0px; font-family: "Baloo Bhaina";}

#header-menu ul{ max-width: calc( 100% - 300px); width: 650px; float: left; padding: 0; margin: 0;}
#header-menu ul li{ width: calc( 33.33% - 2px); height: 45px; padding: 0px; margin: 0px 1px; float: left; background: #666; list-style: none; color: #fff; text-align: center;}
#header-menu ul li a{ color: #fff; padding: 11px; display: block; text-decoration: none; line-height: 1;}
#header-menu ul li:hover{ background: #f06;}


#header-menu ul li.home a::before { font-family: FontAwesome; margin-right: 3px; content: '\f015'; font-size: 1.2em;}
#header-menu ul li.schedule a::before { font-family: FontAwesome; margin-right: 3px; content: '\f073'; font-size: 1.2em;}
#header-menu ul li.report a::before { font-family: FontAwesome; margin-right: 3px; content: '\f118'; font-size: 1.2em;}


/*その他リンク */
.etc-navi ul li a {	padding: 8px 5px;}
.etc-navi ul li a:hover { background: #222; color: #fff;}
.etc-navi ul li:hover {	border: 1px solid #222;}

/*============================================================
 TOP
============================================================*/

/* 注目のイベント */
.attention_info{
 margin: 0px 10px 15px 20px;
 padding: 0px;
 display:-webkit-box;
 display:-moz-box;
 display:-ms-box;
 display:-webkit-flexbox;
 display:-moz-flexbox;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:flex;
 -webkit-box-lines:multiple;
 -moz-box-lines:multiple;
 -webkit-flex-wrap:wrap;
 -moz-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.attention_info a{ padding: 0;}
.attention_info:after {content: ""; display: block; clear: both;}

.attention_info .info-box  {
 position: relative;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 10px;
 margin: 0 10px 10px 0;
 padding: 0px 0px 34px;
 float:left;
 display: block;
 width: calc( 16.66% - 10px);
 box-shadow: 3px 3px 3px #ccc;
 overflow: hidden;
}

.attention_info .info-box :hover {cursor:pointer;opacity: 0.8;}

.attention_info .info-box .guest {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 text-align: center;
 font-size: 12px;
 padding: 5px 3px;
 background-color: rgba(0,0,0,0.6);
 color: #fff;
 font-weight: normal;
}
.attention_info .info-box .area {
 position: absolute;
 top: 0;
 right: 0;
 text-align: center;
 padding: 3px 8px 0px;
 background-color: rgba(0,153,255,0.8);
 color: #fff;
 font-size: 12px;
}

.attention_info .info-box .waku-img a{ padding: 0px;}

.attention_info .info-box .waku-img { position: relative; height: auto; margin: 0;}
.attention_info .info-box .waku-img:before { content: ""; display: block; padding-top: 100%;}
.attention_info .info-box .waku-img .inner { position: absolute; top: 0;  left: 0; width: 100%; height: 100%; overflow: hidden;}
.attention_info .info-box .waku-img .inner img{ width: 100%; min-width: 40px;}

.attention_info .info-box .title{ padding: 5px 10px; margin: 0px !important; text-decoration: underline;}
.attention_info .info-box .title:hover{text-decoration: none;}
.attention_info .info-box .kikan { padding: 5px; background: #f06; color: #fff; text-align: center; position: absolute; bottom: 0; width: 100%;}

.ie .attention_info .info-box .title{ height: 4em; overflow: hidden;} /* IE用表示行制限 */


#top658_new_box {width: 100% !important; margin: auto;}

.event_2ban { width: 100%; margin: 10px auto;}
.event_2ban p{ width: calc( 50% - 20px); float: left; padding: 10px; text-align: center;}
.event_2ban p img{ width: 100%; max-width: 400px;}


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

.idolEvent-box img { vertical-align: bottom;}

.idol-listFrame-img {
 float: left;
 text-align: center;
 width: 180px;
 margin-right: 15px;
 position: relative;
 max-height: 180px;
 overflow: hidden;
}
.idol-listSpec { float: left; width: calc( 100% - 195px); text-align: left;}

.idol-listFrame-img p{
 position: absolute;
 top: 0;
 left: 0;
 text-align: center;
 padding: 1px 5px 0px;
 background-color: rgba(255,0,0,0.8);
 color: #fff;
 font-size: 12px;
}

p.idol-eventCategory {
 background: #0af;
 padding: 4px 10px 3px;
 margin-bottom: 5px;
 font-size: 12px;
 color: #fff;
}

/*　イベントカテゴリ + R18　*/
p.idol-eventCategory .r18{
 background-color: #000;
 border-radius: 20px;
 padding: 1px 5px 0px;
 margin-left: 10px;
 font-size: 0.9em;
}

/*　イベントカテゴリ（ライブ/トーク・撮影）の帯表示制御用（現在未使用）　*/
p.idol-eventCategory.live { }
p.idol-eventCategory.talk { }



p.idol-eventCaution {
 padding: 0px;
 margin-bottom: 5px;
 font-size: 12px;
 color: #f00;
 font-weight: bold;
}

.idol-listName { padding: 5px 10px;}

ul.idol-eventInfo { padding: 5px 10px;}
.idol-eventInfo li { margin-right: 5px; margin-bottom: 5px;}


.idol-eventInfo { float: left; width: calc( 100% - 215px);}

div.idolSche-accordion > ul > li > ul > li > a > span.blue {background-color: #09f;} /* 土曜日 */
div.idolSche-accordion > ul > li > ul > li > a > span.red {background-color: #f00;}  /* 日曜・祝日 */


.idol-main h3.NoEvent::before { background: #ccc;}
.idol-main p.NoEvent { margin: 10px 20px; background: #eee; padding: 7px 12px 5px;}




/*========================================================================================================================
  イベントレポート
========================================================================================================================*/

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

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



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


/*============================================================
 Contents全体
============================================================*/


/* ヘッダーメニュー */
#header-menu { width: 100%; height: 60px; margin: 0px; background: #333; overflow: hidden;}

#header-menu > h1{ width: 100%; height: 26px; margin: 2px auto; padding: 0px; vertical-align: bottom; float: none; overflow: hidden; font-size: 24px;}
#header-menu > ul{ max-width: 100%; width: 100%; height: 30px; padding-left: 0px; float: none; }
#header-menu > ul > li{ width: calc( 33.33% - 1px); height: 30px; padding: 0px; margin: 0px 1px 0px 0px; text-align: center;}
#header-menu > ul > li > a { padding: 6px 10px; font-size: 10px;}
#header-menu > ul > li > a > span{ display: none;}



/*============================================================
 TOP
============================================================*/
/* 注目のイベント */
.attention_info .info-box  { width: calc( 50% - 10px);}
.event_2ban p { width: calc( 100% - 10px); float: left; padding: 5px;}

/*========================================================================================================================
  イベントスケジュール
========================================================================================================================*/
ul.idol-eventInfo { width: 100%; padding: 10px 0px 0px;}
.idol-listFrame-img {width: 100%;}
.idol-listSpec {width: 100%;}


/*========================================================================================================================
  イベントレポート
========================================================================================================================*/
.idolEvent-detail-box .eventDetail { width: calc( 50% - 5px); float: left; padding: 0px 0px 0px 5px;}



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



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


/*============================================================
 Contents全体
============================================================*/

/* ヘッダーメニュー */
#header-menu { width: 100%; height: 60px; margin: 0px; background: #333; overflow: hidden;}

#header-menu > h1{ width: 100%; height: 26px; margin: 2px auto; padding: 0px; vertical-align: bottom; float: none; overflow: hidden; font-size: 24px;}
#header-menu > ul{ max-width: 100%; width: 100%; height: 30px; padding-left: 0px; float: none; }
#header-menu > ul > li{ width: calc( 33.33% - 1px); height: 30px; padding: 0px; margin: 0px 1px 0px 0px; text-align: center;}
#header-menu > ul > li > a { padding: 6px 10px; font-size: 12px;}
#header-menu > ul > li > a > span{ display: none;}


/*============================================================
 TOP
============================================================*/

/* 注目のイベント */
.attention_info .info-box  { width: calc( 50% - 10px);}
.event_2ban p { width: calc( 100% - 10px); float: left; padding: 5px;}


/*========================================================================================================================
  イベントスケジュール
========================================================================================================================*/
ul.idol-eventInfo { width: 100%; padding: 10px 0px 0px;}
.idol-listFrame-img {width: 40%; margin-right: 5px;}
.idol-listSpec {width: calc( 60% - 5px);}


/*========================================================================================================================
  イベントレポート
========================================================================================================================*/
.idolEvent-detail-box .eventDetail { width: calc( 50% - 5px); float: left; padding: 0px 0px 0px 5px;}


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


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


/*============================================================
 Contents全体
============================================================*/



/* ヘッダーメニュー */
#header-menu { width: 100%; height: 60px; margin: 0px; background: #333; overflow: hidden;}

#header-menu > h1{ width: 100%; height: 26px; margin: 2px auto; padding: 0px; vertical-align: bottom; float: none; overflow: hidden; font-size: 24px;}
#header-menu > ul{ max-width: 100%; width: 100%; height: 30px; padding-left: 0px; float: none; }
#header-menu > ul > li{ width: calc( 33.33% - 1px); height: 30px; padding: 0px; margin: 0px 1px 0px 0px; text-align: center;}
#header-menu > ul > li > a { padding: 3px 10px;}



/*============================================================
 TOP
============================================================*/
/* 注目のイベント */
.attention_info .info-box  { width: calc( 33.33% - 10px);}



/*========================================================================================================================
  イベントスケジュール
========================================================================================================================*/
ul.idol-eventInfo { width: 100%; padding: 10px 0px 0px;}


/*========================================================================================================================
  イベントレポート
========================================================================================================================*/
.idolEvent-detail-box .eventDetail { width: calc( 50% - 10px); float: left; padding: 0px 0px 0px 10px;}




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


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

/* ヘッダーメニュー */
#header-menu > ul > li > a > span{ display: none;}




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



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

/* ヘッダーメニュー */
#header-menu > ul > li > a > span{ display: none;}




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



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






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








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



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