/*///----- MUSIC -----///*/
.music h2{background:url(../img/music/h2.png)no-repeat ;background-size:contain;}
.music .mainArea h3 {position: relative;padding: .5em .75em;background-color: #c80000;color:#fff;border: 3px solid #d47272;border-radius: 6px;}
.music .mainArea h3::before,.music .mainArea  h3::after {position: absolute;top: 100%;left: 30px;content: '';height: 0;width: 0;border: 10px solid transparent;}
.music .mainArea h3::after {margin-top: -4px;border-top: 15px solid #c80000;}
.music .mainArea h3::before  {border-top: 15px solid #d47272;}
.music .photo_yoko,.music .photo_tate{display:block;}
/* tab */
.music .mainArea .tab_bt li{display:inline-block;width:50%;font-weight:bold;vertical-align:bottom;}
.music .mainArea .tab_bt a{display:block;width:100%;height:100%;letter-spacing:0.3em;text-decoration:none;
	border-top-left-radius: 6px;border-top-right-radius: 6px;}
.music .mainArea .song1 a,.song1 a:hover{background:#000;color:#fff;text-shadow: 2px 2px 0px #3b3b3b, 3px 3px 0px #616161;}
.music .mainArea .song2 a{background:#666;color:#fff;text-shadow: 2px 2px 0px #3b3b3b, 3px 3px 0px #616161;}
.music .mainArea .song2 a:hover{background:#c80000;color:#fff;text-shadow: 2px 2px 0px #cc0000, 3px 3px 0px #990000;}

@media all and (min-width: 768px) {
.music .mainArea h3 {width:820px;margin:0 auto 10px;font-size:130%;line-height:140%;}
.music .txt{padding-top:20px;}
.music .photo_yoko{width:480px; height:320px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
.music .photo_tate{width:320px; height:480px;margin:40px auto;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;}
/* tab */
.music .mainArea ul.tab_bt{width:910px;margin:0 auto;text-align:center;letter-spacing:-0.5em;}
.music .mainArea .tab_bt li{font-size:140%;}
.music .mainArea .song1 a{padding:20px 0;}
.music .mainArea .song2 a{padding:15px 0 12px;}
.music .mainArea .song2 a:hover{padding:20px 0;}
.music .mainArea section{width:900px; margin:0 auto;padding:20px 0;border:solid 5px #000;}
}

@media all and (max-width: 767px) { 
.music .mainArea h3 {width:85%;margin:0 auto .5em;font-size:100%;line-height:140%;}
.music .txt{padding-top:1em;}
.music .photo_yoko{width:80%; height:0; padding-top:53.4%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
.music .photo_tate{width:60%; height:0; padding-top:90%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
/* tab */
.music .mainArea ul.tab_bt{width:95%;margin:0 auto;text-align:center;letter-spacing:-0.5em;}
.music .mainArea .tab_bt li{font-size:100%;}
.music .mainArea .song1 a{padding:1em 0;}
.music .mainArea .song2 a{padding:.8em 0 .5em;}
.music .mainArea .song2 a:hover{padding:1em 0;}
.music .mainArea section{width:95%; margin:0 auto;padding:20px 0;border:solid 2px #000;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
}