@charset "utf-8";
/* CSS Document */

body{
	/*background-color: #F2F9FE;*/
	/*background-color: #fff;*/
	background-color: #F4F1E3;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,'Sawarabi Mincho',"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.pc { display: none!important; }
.sp { display: block!important; }


h2{
  font-family: 'Tangerine', cursive;
  font-size: 2.8em;
  text-align: center;
}


/*h3:before {
  content: url("../img/arrow.gif");
}*/

#m-h h3:before {
  content: url("../img/arrow_01.gif");
}
#f-h h3:before {
  content: url("../img/arrow_02.gif");
}
#i-h h3:before {
  content: url("../img/arrow_03.gif");
}
h3{
  /*font-family: 'Tangerine', cursive;*/
  font-family: 'Playfair Display', serif;
  font-size: 1.9em;
  color: #362e1c;
}

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.audio{
	margin:20px 10px;
}
.ml-20{
	margin-left:20px;
}
.btn-genre img{
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1em rgba( 0, 0, 0, .2 ); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1em rgba( 0, 0, 0, .2 ); /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1em rgba( 0, 0, 0, .2 ); /* 20 */
	width: 60%;
	margin: 5px auto;
}

.label-yel{
	font-size: 1rem;
	background-color:#FFF56D;
	padding: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-red{
	font-size: 1rem;
	background-color:#55492f;
	color:#fff;
	padding: 4px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-blue{
	font-size: 1rem;
	background-color:#AA8E53;
	color:#fff;
	padding: 4px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-orange{
	font-size: 1rem;
	/*background-color:#ded7c2;*/
	background-color:#978868;
	color:#fff;
	padding: 4px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-green{
	font-size: 1rem;
	background-color:#DFC67A;
	color:#fff;
	padding: 4px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-yellow{
	font-size: 1rem;
	background-color:#7C5915;
	color:#fff;
	padding: 4px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-tempo{
	font-size: 1rem;
	/*background-color:#c4bea4;*/
	background-color:#dcd7c2;
	color:#6E5A2A;
	padding: 4px;
	margin-left: 5px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-tempo-m{
	font-size: 1rem;
	/*background-color:#c4bea4;*/
	background-color:#C4BB93;
	color:#6E5A2A;
	padding: 4px;
	margin-left: 5px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.label-tempo-s{
	font-size: 1rem;
	/*background-color:#c4bea4;*/
	background-color:#DCD7C2;
	color:#6E5A2A;
	padding: 4px;
	margin-left: 5px;
	font-size: 0.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
@media (min-width: 576px) {
	.btn-genre img{width:100%;}
}

@media (min-width: 768px) {
	.pc { display: block!important; }
	.sp { display: none!important; }
	.btn-genre img{width:100%;}
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}