@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
body {
  background-color: #fff;
	font-family: Helvetica, ArialMT,"Noto Sans Japanese","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	color: #000;
	font-size:14px;
	font-weight:400;
	text-align: center;
}

.artist{
    text-align: left;
}

.music{text-align:center;margin-top: 20px;}

  #ending_text {
    padding-bottom: 15px;
    height: initial;
  }


  nav.drawer-nav {
  font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
  }

 .music img{box-shadow: 3px 2px 2px rgba(0,0,0,0.4);}

.camera{text-align: right;font-size: 11px;}

/*PC*/



@media print, screen and (min-width: 769px) {
  html, body {
    min-width: 1024px;
  }
  .hide_pc {
    display: none;

  }

 #ending_text img{
width:72px;
height:72px;
}

.hed_image {/* margin-top: 34px; *//* margin-right: 221px; *//* width: 500px; */width: 100%;}


/*
.hed{position: relative;
	    height:600px;
	}


.hed_el{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist04/header_pc.jpg') top center no-repeat;
  min-height:600px;
   background-size: cover;
}


.hed_katakoto{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist01/header_pc.jpg') top center no-repeat;
  min-height:600px;
 width: 2000px; *
  background-size: cover;
}
.hed_trac{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist02/header_pc.jpg') top center no-repeat;
  min-height:600px;
   background-size: cover;
}

.hed_sakuran{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist03/header_pc.jpg') top center no-repeat;
  min-height:600px;
   background-size: cover;
}

.hed_men{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist05/header_pc.jpg') top center no-repeat;
  min-height:600px;
   background-size: cover;
}

.hed_mash{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist06/header_pc.jpg') top center no-repeat;
  min-height:600px;
   background-size: cover;
}

.hed_girl{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist07/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}

.hed_shiawase{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist08/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}

.hed_rituki{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist00/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}

.hed_myhai{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/artist09/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}

.hed_copy{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/copy/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}

.hed_hikaru{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/hikaru/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}

.hed_photo{
  background: url('https://podcasts.tfm.co.jp/lock/mikakunin/photo/header_pc.jpg') top center no-repeat;
 min-height:600px;
  background-size: cover;
}*/


.mikakunin {
  position: absolute;
  z-index: 104;
  top: -1px;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 10px;
  padding-right: 8.75rem;
  padding-bottom: 30px;
  padding-left: 51.75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}



/*artist文言*/


.katakoto {margin-top: 34px;margin-right: 221px;width: 500px;}
 .trac {margin-top: 54px; width: 551px; }
 .sakura {margin-top:300px; ;margin-right:200px; width: 551px; }
 .el {margin-top: 280px;width: 500px;margin-left: 600px;}
 .men {margin-top: 200px;width: 650px;margin-right:200px;}
 .mash {margin-top: 50px;width: 300px;margin-left:-1400px;}
 .girl{margin-top: 50px;margin-right:200px;width: 551px;}
 .shiawase{margin-top: 50px;margin-right:500px;width: 500px;}

/*artist文言*/



.mikakunin img{
	width:55px;
}
  .w1024{
 width:950px;
 margin:0 auto;
 }

.artist{
    margin-top: 70px;

}


.artist .artisttext{
	 background: url('../img/comment_illust1.png')top center no-repeat;
	 background-position: 659px 675px;
	 background-size: 248px;
}
  .report_pc {
    text-align: left;
    background: url('../img/comment_illust2.png')top center no-repeat;
    background-position: 653px 4px;
    background-size: 262px;
    /* height: 100%; */
    padding-top: 230px;
  }



.artist .title{
    margin:20px 0 30px 0;
    color:#22abf1;
    font-size:25px;
    border-bottom: solid 2px #22abf1;
}


.artist .title_photo{
    margin:50px 0 30px 0;
    color:#22abf1;
    font-size:25px;
    border-bottom: solid 2px #22abf1;
}

#photogallery {
	width: 940px;
	margin: 0 auto;
	text-align: right;
	background: url(../img/comment_illust3.png)top center no-repeat;
	background-position: 538px 4px;
	background-size: 400px;
	/* height: 100%; */
	padding-top: 103px;
}

#instagram {
    background: url(../img/comment_illust4.png)top center no-repeat;
	background-position: 0px 4px;
	background-size: 350px;
	/* height: 100%; */
	padding-top: 103px;
}

.photo{
 text-align:center;
}

.photo img{
 margin-top:20px;


}




.hikaru img{
      margin: 32px 0px 300px -700px;
      width: 382px;
}

.contact {
  background: #000 url('../img/inner/footer.jpg') top center no-repeat;
}

 .music a:hover{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}



.music a:hover > img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.music img{
width:30%;
}

.pagetop {
  margin-top: 40px;
}


#ending_text img{
width:72px;
height:72px;
}

}

/*SP*/

@media screen and (max-width: 768px) {
  .hide_sp {
    display: none;
  }

.mikakunin {
  position: absolute;
  z-index: 104;
  top: 1%;
  right: 10%;
  display: block;
  /* box-sizing: content-box; */
  /* width: 2rem; */
  /* padding: 0; */
  /* padding-top: 23px; */
  /* padding-right: 26%; */
  /* padding-bottom: 30px; */
  /* padding-left: 51.75rem; */
  background-color: transparent;
}

 .mikakunin img{
     width:100%;
}

  #ending_text img{
width:50px;
height:50px;
}

.hed{
	    position: relative;
	    /* height:1120px; */
	    background-color:#fff;
	}

/*artist文言*/

   #report_pc {
    display: inherit;
     text-align: left;;
  }

 .repo{
 	margin:0 auto;
 	text-align: center;
 }

/*artist文言*/
 .w1024{
 /* width:95%; */
 margin:0 auto;
 }

 .artist{
 	margin: 30px auto;
 	width: 95%;
 }

 .artist .artist_name{
  width:90%;
}


.artist .title{
    margin:20px 0 30px 0;
    color:#22abf1;
    font-size:18px;
    border-bottom: solid 2px #22abf1;
}


.artist .title_photo{
    margin: 40px 0 20px 0;
    color:#22abf1;
    font-size:18px;
    border-bottom: solid 2px #22abf1;
}




     .katakoto {position: absolute;top: 3%;left: 4%;width: 57%;}
   .trac {position: absolute;top: 12%;left: 3%;width: 87%;}
  .el {position: absolute;top: 20%;left: 39%;width: 63%;}
      .men {position: absolute; top: 40%;left: 6%;width:90%;}
      .sakuran {position: absolute; top: 40%;left: 6%;width:90%;}
      .mash {position: absolute;top: 56%;left: 33%;width: 60%;}
      .girl {position: absolute;top: 38%;left: 6%;width: 91%;}
      .shiawase {position: absolute;top: 7%;left: 35%;width: 64%;}




 .music img{
width:80%;
}

   #ending_text p {
    padding-top: 0px;

  }



  .rituki {
    overflow: hidden;
    background: url(../img/inner/artist00/header_sp.jpg)top center no-repeat;
	min-height: 950px

  }

    .rituki img{
        margin: 32px 0px 300px -700px;
        width: 382px;
    }

.pagetop {
  margin: 33px 0;
}

.pagetop  img{
width:50px;
height:50px;
}

  .contact {
     background: #000 url('../img/inner/footer_sp.jpg') top center no-repeat;
    background-size: 100%;
  }

}