@charset "Shift_JIS";
/*
 *  version --- 2.0
 *  updated --- 2014/04/09
 *
 */


/** common
===================================*/
#wrapper {
  margin-bottom: 50px;
}
.mod-iconNewWin {
  margin-left: 2px;
}
.container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.container img {
  vertical-align: top;
}
.section_container {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
}
.slide_open {
  display: none;
}
.mt50 {
  margin-top: 50px;
}
.container h2 {
  width: 100%;
  height: auto;
  margin: 0;
  color: #fff;
  background: url(../images/bg_l.png) repeat-x 0 0;
  background-size: 100px 100% ;
  text-indent: 0;
}
.container h2 img {
  padding: 40px 5% 30px;
  display: block;
}
.container .flL {
  float: left;
}
.container .flR {
  float: right !important;
}
.container .list_l {
  float: left;
  width: 50%;
}
.container .list_r {
  float: right;
  width: 50%;
}
.list_wrap p {
  width: 100%;
  font-size: .9em;
  margin: 0;
  padding: 0;
}
.container .slide_btn {
  background: url(../images/slidebtn_bg.png) no-repeat bottom right;
  display: block;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  overflow: hidden;
  clear: both;
  cursor: pointer;
}
.container .slide_btn span {
  display: inline-block;
  margin-top: 15px;
}
.container .slide_btn img {
  max-width: 50px;
}
.container .music_link {
  float: left;
  max-width: 138px;
  width: 30%;
  border: 1px solid #7e55a6;
  padding: 10px;
  margin: 0 10px 10px 0;
}
.container .playlist_link {
  display: inline-block;
  font-weight: normal;
  font-size: 1em;
  color: #fff;
  line-height: 1.5;
  background: url(../images/bg_s.png) repeat-x bottom right;
}
.container .music_link span {
  color: #333;
  font-size: .8em;
  display: inline-block;
  margin-top: .5em;
}
.container h1 {
  position: relative;
}
.container h1 .point_img {
  position: absolute;
  right: 0;
  bottom: -73px;
  width: 41%;
  max-width: 388px;
}
.bnr {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}


/** section_playlist
-----------------------------------------*/
.section_playlist {
  overflow: hidden;
  clear: both;
}
.section_playlist h2 {
  margin: -20px 0 10px;
  max-height: 100px;
}
.section_playlist h2 img {
  max-width: 352px;
  max-height: 34px;
}
.section_playlist .inner {
  width: 48%;
  float: left;
}
.section_playlist .playlist_link {
  width: 234px;
  padding: 15px 0 5px 15px;
  margin-bottom: 10px;
}
.section_playlist .list_wrap {
  margin: 3em 0 0;
  clear: both;
  overflow: hidden;
}



/** section_kayou
-----------------------------------------*/
.section_kayou h2 {
  margin-bottom: 10px;
  max-height: 100px;
}
.section_kayou h2 img {
  max-width: 462px;
  max-height: 34px;
}
.section_kayou .inner50 {
  width: 48%;
  float: left;
}
.section_kayou .inner100 {
  width: 100%;
  clear: both;
}
.section_kayou .playlist_link {
  width: 92%;
  padding: 15px 0 5px 8%;
}



/** section_channel
-----------------------------------------*/
.section_channel h2 {
  margin-bottom: 10px;
  max-height: 100px;
}
.section_channel h2 img {
  max-width: 178px;
  max-height: 34px;
}
.section_channel .img_l {
  max-width: 300px;
  width: 35%;
  float: left;
}
.section_channel .list_wrap {
  float: right;
  max-width: 510px;
  width: 61%;
}
.section_channel .playlist_link {
  width: 92%;
  padding: 15px 0 5px 8%;
}




/** Media Queries
===================================*/
@media screen and (max-width: 960px) {
.container h1 .point_img {
  opacity: .4;
}
.section_playlist .playlist_link {
  width: 92%;
  max-width: auto !important;
  padding: 15px 0 5px 8%;
  margin-bottom: 10px;
}
.bnr {
  width: 90%;
}
}

@media screen and (max-width: 640px) {
.mod-iconNewWin {
  margin-bottom: -4px;
  width: 11px !important;
  padding: 13px 0 0 !important;
  overflow: hidden;
  background-position: 0 0 !important;
}
.container h1 .point_img {
  opacity: .25;
}
.container h2 {
  text-align: center;
}
.container .list_r,
.container .list_l {
  width: 90%;
  margin: 0 auto;
  float: none;
}
.container .music_link {
  width: 100%;
}
.container .slide_close_sp {
  display: none;
}
.section_playlist .list_wrap {
  margin: 1em 0 0;
}
.section_playlist .inner,
.section_kayou .inner50,
.section_kayou .inner100 {
  float: none;
  width: 100%;
}
}


/* --------------------------------------------------
	clearfix
-------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.clear {clear: both;}