@charset "UTF-8";
/*ランキングベース読み込み*/
.l-article_body p .speaker {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  margin-right: 1em; }

@media screen and (max-width: 890px) {
  .l-article_body p .speaker {
    font-size: 14px; } }

.l-article_body .article_topic {
  font-weight: bold; }

.m-artist_member_list {
  font-size: 12px;
  font-weight: 500;
  margin: 0 20px 30px; }

@media screen and (max-width: 890px) {
  .m-artist_member_list {
    font-size: 10px; } }

.m-artist_member_list dt {
  margin-bottom: 1em; }

.m-pagetitle {
  text-align: center;
  padding: 50px 20px 80px; }

.m-search {
  overflow: hidden; }
  .m-search > ul {
    margin-left: -10px;
    margin-right: -10px; }
	
  .m-search li {
    display: inline-block;
    vertical-align: top;
    width: 24.5%;
    padding: 0 15px 40px;
	margin:0;
	box-sizing:border-box;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Sans-Serif; }
	
	@media (max-width: 1070px) {
  .m-search li {
    display: inline-block;
    vertical-align: top;
    width: 32%;
		}
	}
	@media screen and (max-width: 890px)  {
	 .m-search li {
    display: inline-block;
    vertical-align: top;
    width: 24.5%;
		}
		}
@media screen and (max-width: 670px)  {
	 .m-search li {
    display: inline-block;
    vertical-align: top;
     width: 32%;
	padding: 0 10px 40px;
		}
		}		
@media screen and (max-width: 400px) {
	 .m-search li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}}
		
		
	
  .m-search .m-thumb_circle {
    width: 100%;
    height: auto;
    position: relative; }
    .m-search .m-thumb_circle:before {
      content: '';
      display: block;
      padding-top: 100%; }
	  
	  .m-search .m-thumb_square:before {
      content: '';
      display: block;
      padding-top: 100%; }
  .m-search .m-thumb_square {
    background: url(/wp-content/themes/eggs/assets/img/common/noimg.png) no-repeat center center;
    background-size: cover;
    border: 1px solid #e4e3e3;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    position: relative; }
    .m-search .m-thumb_square img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
	      z-index: 0;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%); 
	  
	  }
  .m-search .roll {
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 900;
    color: #ccc;
    font-size: 12px; }
	.artistranking li a:hover img,.artist_name:hover { opacity:0.6;}
	
	@media screen and (max-width: 890px)  {
  .m-search .roll {
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 900;
    color: #ccc;
    font-size: 10px; letter-spacing:0.1em; }
	}
  .m-search.m-ranking_contents .song_name {
    font-size: 12px; font-weight:600; }
  .m-search.m-ranking_contents .roll {
    margin: 5px 0; }
  .m-search.m-ranking_contents .artist_name a {
    font-size: 12px;
    color: #999;
    text-decoration: underline; }
  .m-search.artistranking .artist_name {
	  font-size:14px;
    padding:0;
	margin-bottom:10px;
    width: 100%;
	font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 40px;
    overflow: hidden;
	margin-top:10px;
     }
	 
	 
	 
  .m-search.m-ranking_contents .song_name {
    padding:0;
	margin-bottom:5px;
    width: 100%;
	font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 36.992px;
    overflow: hidden;
	font-size:13px;
     }	 
		 
.m-search.songranking .artist_name a {
overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:100%;
	display:block;
	     }	 
	 
  .m-search .area {
    font-size: 10px;
    color: #999;
    display: inline-block;
    margin-right: 1em;
	letter-spacing:0.1em;
	 }
    .m-search .area:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_area02.png);
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
	letter-spacing:0.1em;
	   }
  .m-search .follower {
    font-size: 10px;
    color: #999;
    display: inline-block; }
    .m-search .follower:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_follower.png);
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  .m-search .btn_wrap {
    overflow: hidden;
    clear: both; }
    
  .m-search .btn_follow {
    display: inline-block;
    float: left;
    margin-top: 10px;
    color: #999;
    font-size: 12px;
    vertical-align: middle; }
    .m-search .btn_follow:hover {
      color: #000; }
    .m-search .btn_follow:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_follow.png);
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  .m-search .followed {
    display: inline-block;
    float: left;
    margin-top: 10px;
    color: #999;
    font-size: 12px;
    vertical-align: middle; }
    .m-search .followed:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_followed.png);
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  .m-search .btn_like {
    display: inline-block;
    height: 23px;
    float: right;
    margin-top: 5px;
    vertical-align: middle; }
    .m-search .btn_like span {
      display: none; }
    .m-search .btn_like:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_like.png);
      display: inline-block;
      vertical-align: middle; }
  .m-search .btn_share {
    display: inline-block;
    height: 23px;
    float: right;
    margin-top: 5px;
    vertical-align: middle; }
    .m-search .btn_share span {
      display: none; }
    .m-search .btn_share:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_share.png);
      display: inline-block;
      vertical-align: middle; }
  .m-search .btn_report {
    display: inline-block;
    float: right;
    margin-top: 5px;
    vertical-align: middle; }
    .m-search .btn_report span {
      display: none; }
    .m-search .btn_report:before {
      content: url(/wp-content/themes/eggs/assets/img/common/icn_report.png);
      display: inline-block;
      vertical-align: middle; }
  .m-search .m-thumb_wrap {
    position: relative;	 }
  .m-search .numbersbg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    opacity: .6;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 80px 0 0 ;
    border-color: #000 transparent transparent transparent; }
	.artistranking.m-search .numbersbg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: .6;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 80px 80px;
    border-color: transparent transparent #000 transparent;
	top: auto;
    left: auto; }
	
  .m-search .m-ranking_counter.ranking_1:after {
    content: url(/wp-content/themes/eggs/assets/img/common/icn_ranking02_1.png);
    position: absolute;
    z-index: 101;
    left: 12px;
    top: 30px; }
  .m-search .m-ranking_counter.ranking_2:after {
    content: url(/wp-content/themes/eggs/assets/img/common/icn_ranking02_2.png);
    position: absolute;
    z-index: 101;
    left: 12px;
    top: 30px; }
  .m-search .m-ranking_counter.ranking_3:after {
    content: url(/wp-content/themes/eggs/assets/img/common/icn_ranking02_3.png);
    position: absolute;
    z-index: 101;
    left: 12px;
    top: 30px; }
  .m-search .m-ranking_counter.ranking_4:after {
    content: url(/wp-content/themes/eggs/assets/img/common/icn_ranking02_4.png);
    position: absolute;
    z-index: 101;
    left: 12px;
    top: 30px; }
  .m-search .m-ranking_counter.ranking_5:after {
    content: url(/wp-content/themes/eggs/assets/img/common/icn_ranking02_5.png);
    position: absolute;
    z-index: 101;
    left: 12px;
    top: 30px; }
	
	
	  .m-search.artistranking .m-ranking_counter.ranking_1:after {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 30px;
	 }
  .m-search.artistranking .m-ranking_counter.ranking_2:after {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 30px;
	 }
  .m-search.artistranking .m-ranking_counter.ranking_3:after {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 30px;
	 }
  .m-search.artistranking .m-ranking_counter.ranking_4:after {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 30px;
	 }
   .m-search.artistranking .m-ranking_counter.ranking_5:after {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 30px;
	 }

	
	@media screen and (max-width: 890px)  {
	}
	
  .m-search .numbers {
    font-style: italic;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 9px;
    z-index: 102;
	letter-spacing:0; }

  .m-search.artistranking .numbers {
    font-style: italic;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 3px;
    right: 9px;
    z-index: 102;
	letter-spacing:0; }
	
	
	
    .m-search .numbers span {
      font-size: 10px; }

.ranking_category {
  padding-top: 20px;
  text-align: center; }
  .ranking_category li {
    font-size: 18px;
    display: inline-block;
    width: 9em;
    text-align: left;
    padding-left: 1em; }
	.bdrnone{ border:none;}
  @media screen and (max-width: 860px) {
  .ranking_category li {
    font-size: 14px;
    display: inline-block;
    width: 9em;
    text-align: left;
    padding-left: 1em; }
	  
  }.ranking_category li:first-child {
      border-right: 1px solid #ccc;
      text-align: right;
      padding-right: 1em;
      padding-left: 0; }
    .ranking_category li > * {
      font-weight: bold; }
    .ranking_category li span {
      color: #333;
      border-bottom: 3px solid #333; }
    .ranking_category li a {
      color: #ccc;
      border-bottom: 3px solid #fff; }
	  
    .ranking_category li a:hover {
      color: #333;
      }


	
	
@media screen and (max-width: 890px) {

.m-search li{ font-size:0;}
.m-search .area {
    font-size: 10px;
    color: #999;
    display: inline-block;
    padding-right: 0px;
    letter-spacing: 0;
	width:49%;
	box-sizing:border-box;
	margin-right:0;
}

.m-search .area:before {
    margin-right: 3px;
}

.m-search .follower {
    font-size: 10px;
    color: #999;
    display: inline-block;
    letter-spacing: 0;
	width:49%;
	box-sizing:border-box;
}

.m-search .follower:before {
    margin-right: 1px;
}

}
	
	



.historyWrapp { background: #F2F2F2}
.historyWrapp .sidenav{ width: 230px; box-sizing: border-box; padding: 20px; background: #fff;  margin-top: 40px; position: fixed;}
.sidenav h2{ font-family: "Lato", sans-serif; font-size: 37px; line-height: 1; margin-bottom: 20px;}

.sideUl .parntLi{ margin-bottom: 10px; position: relative;}
.sideUl .parntLi > a,.sideUl .parntLi > span{ background: #2B2A2A; color: #fff; box-sizing: border-box;  width: 100%; padding: 15px 0; text-align: center; display: block; font-weight: 500; font-size: 16px;}
.historyWrapp .inner {
    box-sizing: border-box;
    padding: 0 20px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
	position: relative;
}
.sideUl .parntLi.active > span{ background: #666666; }

.arcsnav:before{
	content: ""; display: block;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #F2F2F2;
  border-left: 15px solid transparent; 
	position: absolute; top: 40px; left: 50%;
	margin-left: -15px;
}

.arcsnav{ display: none;}
.sideUl .parntLi.active .arcsnav{ display: block;}

.arcsnav{ background: #F2F2F2; font-size: 0; box-sizing: border-box; padding:15px 10px;}
.sidenav h3{ font-size: 14px; margin-bottom: 5px; padding-top: 10px}
.arcsnav li{ font-family: "Lato", sans-serif; display: inline-block; padding:  8px; font-size: 14px; font-weight: 600;} 

.historyLIne{ background: #FDD02F; width: 34px; height: 100%; position: absolute; left: 270px; top: 0;}
.navfoot { text-align: center; margin-top: 100px;}
.navfoot img{ max-width: 100%; height: auto;}
.navfoot li{ margin-bottom: 20px; font-size: 16px; font-weight: 600;}
.navfoot li:last-child{ max-width: 110px; margin: 0 auto;}

.historyContent{ width: calc(100% - 315px); margin-left: 315px;}
.historyTit{ font-size: 26px; font-weight: 500px; padding-top: 50px; margin-bottom: 60px;}

.hsarcive{ background: #fff; position: relative; box-sizing: border-box; padding: 35px 30px; margin-bottom: 100px;}

.hsarcive h2{ color: #FDD02F; font-size: 44px; font-weight: 800; position: absolute; left: 30px; top: -25px; font-family: "Lato", sans-serif;}
.hsarcive h2:before{ content:""; display: block; width: 13px; height: 13px; background: #FDD02F;  position: absolute; left: -34px; top: 20px; border-radius: 50%;}
.hsarcive h2:after{ content:""; display: block; width: 50px; height: 3px; background: #FDD02F;  position: absolute; left: -73px;
    top: 25px; }



/*ヒストリー*/
.pickTit{ font-size: 26px; text-align: center; padding: 25px 0 15px; font-family: "Lato", sans-serif;}
.pickContent{ background: #F2F2F2; padding: 0 10px 20px; box-sizing: border-box;}

.pickImgs img{ width: 100%; height: auto;}

.pickList{ width: 33%; display: inline-block; vertical-align: top;}

.m-thumb_circle{ width: 40px; height: 40px; display: inline-block; vertical-align: middle;}
.pickList { padding: 0 10px;}
.pickList .pickinner{ background: #fff; padding: 15px; box-sizing: border-box;}
.pickListWrapp{ font-size: 0;}

.pickartist{ text-align: center;}
.m-thumb_circle{ text-align: left;}
.atistname{ font-size: 12px; font-weight: 800; display: inline-block; vertical-align: middle; max-width: calc(100% - 50px); padding-left: 5px; text-align: left; text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

.gprtit{ color: #C1A841; font-size: 10px; text-align: left; font-weight: 600; letter-spacing: 0; margin-top: 10px; margin-bottom: 10px;}
.gprtit:before{ content: ""; display: inline-block; width: 21px; height: 16px; background: url("/wp-content/themes/eggs/assets/img/history/gpicon.svg") left center no-repeat; vertical-align: middle; margin-right: 10px;}

.auditonLists{ padding-top: 20px; font-size: 0; letter-spacing: 0;}
.auditonLists dl{ border-bottom: 2px solid #F2F2F2; margin-bottom: 10px; padding-bottom: 5px;}
.auditonLists dt{ font-size: 16px; font-weight: 800; margin-bottom: 15px;}
.auditonLists dd{ font-size: 14px; padding-bottom: 10px;  position: relative; padding-left: 20px; box-sizing: border-box;}
.auditonLists dd a:hover{ text-decoration: underline;}
.auditonLists dd:before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #000; border-radius: 50%; vertical-align: middle; margin-right: 10px; position: absolute; left: 0; top: 5px;}

.audkist{ width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; vertical-align: top;}

.audL{ padding-right: 30px;}
.audR{ padding-left: 30px;}

.openbtn{ background: #0B0B0B; color: #fff; text-align: center; line-height: 1
; padding: 10px 0; margin-top: 10px;}
.arwimg{ width: 14px; margin: 0 auto;}

.auditonLists{ height: 0; overflow: hidden;}
.auditonLists.on{ height: auto}
.openbtn.on{    background: #666;}
.openbtn.on .arwimg{transform:rotate(-180deg);}

.openbtn.on .opentxt{ display: none;}
.openbtn.on .closetxt{ display: block;}

.openbtn .opentxt{ display: block;}
.openbtn .closetxt{ display: none;}
.openbtn dt{ margin-bottom: 5px;}


@media screen and (max-width: 900px){
	.historyWrapp .inner{ padding: 0 10px 0 20px;}
.historyWrapp .sidenav {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
	z-index: 100;
	box-sizing: border-box;
	left: 0;
}
	.navfoot{ display: none;}
	
	.historyContent {
    width: 100%;
    margin-left: 0;
}
	
	.historyLIne {
    background: #FDD02F;
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
	
	.pickList {
		width: 100%;
	margin-bottom: 20px;}
	
	
	.audkist { width: 100%;}
	.audkist.audR{ padding: 0;}
	.audkist.audL{ padding: 0;}
	
	.historyTit{ font-size: 20px; text-align: center; padding-top: 30px;
    margin-bottom: 30px;
}
	.hsarcive h2 {
    font-size: 34px;
    left: 30px;
    top: -21px;
}
	.hsarcive h2:before {
    left: -15px;
		top: 18px;}
	.hsarcive h2:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #FDD02F;
    position: absolute;
    left: -51px;
    top: 25px;
}
	
	.hsarcive {
    padding: 35px 10px;
    margin-bottom: 60px;
}
	.pickTit {
		font-size: 18px;}
	.pickList {
     padding: 0; 
}
	.pickListWrapp .pickList:nth-child(3){ display: none;}
		.pickListWrapp .pickList:nth-child(2){ margin-bottom: 0;}

	.pickContent {
    padding: 0 10px 10px;
	}
	.auditonLists{ padding-left: 20px; padding-right: 20px;}
	.sideUl{ font-size: 0;}
	.sideUl .parntLi{ width: 50%; display: inline-block; font-size: 14px;}
	.sidenav{ position: relative;}
	.sideUl .parntLi.activenav{ position: absolute; right: 0; top: 0; width: 100%;}
	.sideUl .parntLi.activenav > span{ width: 50%; position: absolute; right: 0;}
	.historyWrapp .sidenav { padding: 0 15px; border-top: 2px solid #f2f2f2;}

	.arcsnav {
    background: #fff;

    box-sizing: border-box;
    padding: 15px 10px;
    position: absolute;
    top: auto;
    width: 100%;
		bottom: 2px;
}
	.sidenav h2{ font-size: 23px; position: relative; top: 5px; margin-bottom: 10px;}
	.sideUl {
    font-size: 0;
    letter-spacing: 0;
		box-sizing: border-box;
}
	.sideUl .parntLi:nth-child(2){ border-right: 1px solid #fff;}
	.sideUl .parntLi:nth-child(3){ border-left: 1px solid #fff;}	
	.sideUl .parntLi > a, .sideUl .parntLi > span{ font-size: 14px; padding: 17px 0;}
	
	.arcsnav:before {
    content: "";
    display: none;
}
	.sideUl .parntLi.active > span:before {
    content: "";
    display: block;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #F2F2F2;
    border-left: 10px solid transparent;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(180deg);}
	.arcsnav li {
    font-family: "Lato", sans-serif;
    display: inline-block;
    padding: 5px 15px;
    font-size: 20px;
    font-weight: 500;
}
	
	.arcsnav {
    background: #fff;
    box-sizing: border-box;
    padding: 5px 10px;
    position: absolute;
    top: auto;
    width: 97%;
    bottom: 2px;
		box-sizing: border-box;
		left: 0;
}
	.sidenav h3{ text-align: right; position: relative;
	}
	.sidenav h3:after{ content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 2px; background: #000; margin-left: 20px;}
}


.m-search li{ width: 32%;}

.ranktits{ text-align: center; margin-bottom: 40px; font-size: 18px;}

.rankinList{ font-size: 0; letter-spacing: 0;}

.rankinList .audL {border-right: 1px solid #E2E2E2;}

.rankbtn{ margin-top: 30px;}


@media screen and (max-width: 900px){

	.rankinList .audL {border-right: none;}
	.rankinList .audR{ border-top: 1px dashed #000;}

}
.home .info{ display: none}

.global-lower li:nth-child(3){ display: none;}

.m-search.artistranking .artist_name{  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
display: block;}

.m-search.m-ranking_contents .song_name{  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; margin-top: 10px; text-decoration: none;}


@media screen and (max-width: 900px){

	.rankinList .audR{ padding-top: 40px;}	
}

@media screen and (max-width: 900px){
.sideUl .parntLi.activenav > span {
    width: calc(50% - 15px);
    position: absolute;
    right: 0;
    display: block;
    margin-right: 15px;
}
	
	.sideUl .parntLi.activenav > span:after{ content:"アーカイブ ＋"; display: block; position: absolute; right: 0; top: -40px; color: #000; font-size: 14px; width: 100%; background: #fff; height: 40px; line-height: 40px; text-align: right;}
	
	.ranktits{ margin-bottom: 20px;}
	}

.m-search li {
	padding: 0 10px 40px;}


@media (max-width: 1070px){

	.m-search li {
    width: 50%;
}
}
@media (max-width: 900px){

	.m-search li {
    width: 32%;
}
	
	.ranktits{ position: relative;}
	.ranktits:after{ content: ""; display: inline-block; width: 24px; height: 10px; background: url("/wp-content/themes/eggs/assets/img/history/arrow_b.svg") left center no-repeat; margin-left: 10px; transform: rotate(180deg);}
	.ranktits.on:after{ transform: rotate(0);}

	.m-search{ height: auto;}
	.m-search.on{ height: 0;}
	
	.rankbtn {
     margin-top: 0; 
}
.spnavfoot {
    margin-bottom: 250px;
}
.spnavfoot li:first-child {
    display: block;
    width: 100%;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 30px;
}	
.spnavfoot li:first-child {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    vertical-align: middle;
		text-align: center;
}
.spnavfoot li:nth-child(2) {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
	
	.sidenav .pc{ display: none;}
	.sideUl .parntLi.activenav{ top: auto}
	.arcsnav{ bottom: 45px;}
	.history .sidenav{ padding-top: 5px;}
	.sidenav h2{ margin-bottom: 15px;}
	.sideUl .parntLi.activenav.active > span:after{ display: none;}

}

@media screen and (max-width: 480px){
.m-search li {
    width: 50%;
	position: relative;
}
	
.spnavfoot li:first-child {
    display: block;
    width: 100%;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 30px;
}	
.spnavfoot li:first-child {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    vertical-align: middle;
		text-align: center;
}
.spnavfoot li:nth-child(2) {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
}
.m-search > ul {
     margin-left: 0; 
     margin-right: 0; 
	padding-top: 10px;
}
.m-search ul li{ position: relative;}
.m-search ul li:first-child:before{ content: ""; display: block; width: 42px; height: 42px; background: url("/wp-content/themes/eggs/assets/img/history/no1.svg") left top no-repeat; background-size: contain; position: absolute; left: 0; top: -10px; z-index: 10;}

.m-search ul li:nth-child(2):before{ content: ""; display: block; width: 42px; height: 42px; background: url("/wp-content/themes/eggs/assets/img/history/no2.svg") left top no-repeat; background-size: contain; position: absolute; left: 0; top: -10px; z-index: 10;}

.m-search ul li:nth-child(3):before{ content: ""; display: block; width: 42px; height: 42px; background: url("/wp-content/themes/eggs/assets/img/history/no3.svg") left top no-repeat; background-size: contain; position: absolute; left: 0; top: -10px; z-index: 10;}

.yyer{ padding-top: 80px; margin-top: -80px;}
.sideUl .parntLi.nolinks a{ background: #ccc; cursor:default;}

.spnavfoot{ margin-bottom: 250px; background: #fff; padding: 20px 40px; font-size: 0; letter-spacing: 0;}
.spnavfoot img{ max-width: 100%; height: auto;}
.spnavfoot li:first-child{  display: inline-block; width: 100%; font-size: 14px; vertical-align: middle; margin-bottom: 20px}
.spnavfoot li:nth-child(2){  display: inline-block; width: 100%; vertical-align: middle}

.spnavfoot li:nth-child(2) img{; max-width: 120px; margin: 0 auto; display: block;}
.spnavfoot li:nth-child(3){ max-width: 110px; margin: 0 auto; padding-top: 20px;}

.song_name P{text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}