/*===========共通css===========*/
 	.flex01{
 	display: flex;
     gap: 10px;
     flex-flow: wrap;
}

/*===========ヘッダーcss===========*/
.header{
 position: fixed;
 top: 0;
 width:100%;
 padding:15px;
 text-again: center;
 align-items: flex-end;
 justify-content: center;
 border-bottom:1px solid #754223;
 background-color:#662e09;
 z-index: 100;
}

.sitetitle{
 font-size:28px;
 color:#fff; 
 font-weight:bold; 
}

.header__img {
  justify-content: center;
  height:45px;
}


/*===========メインcss===========*/
.main{
 margin:80px 10px;
 padding:80px 0;
 color:#662e09;
}

/*見出し*/
.heading{
 align-items: center;
}

.heading h2{
 font-size:30px;
}

.headingicon{
 height: 40px;
 border-radius: 50px;
 border:2px solid #662e09; 
}

.h_separate{
 padding-top:5px;
 border-top:1px solid #662e09;
}

/*===リンク一覧===*/
.link_card{
  padding:8px;
  padding-left:15px;
  margin:10px 2px 10px 15px;
  background:white;
  border-radius: 15px;
  position:relative;
}

.link_card a{
position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}

/* music*/
.lc_color1{ 
border:2px solid #fcb900;
}
	
.link_card.lc_color1 a:hover{ /* マウスオーバー時に色変更*/
    opacity: 0.1;
    background-color: #f6d887;
}

/* cooking*/
.lc_color2{  
border:2px solid #2ed5ff;
}

.link_card.lc_color2 a:hover{  /* マウスオーバー時に色変更*/
    opacity: 0.1;
    background-color: #f6d887;
}

/* story*/
.lc_color3{
 border:2px solid #783065;
}
	
 .link_card.lc_color3 a:hover{  /* マウスオーバー時に色変更*/
 opacity: 0.1;
 background-color: #f6d887;
}

/*icon*/
.link_ikon{
 width:46px;
 height:46px;
 padding:3px;
 position: absolute;
 top: -8px; 
 left: -8px;
 text-align: center;
 border-radius: 30px;
}

.link_ikon p{
width:40px;
height: 40px;
padding:0px;
line-height:40px;
font-size:40px;
color:#fff;
display:inline-block;
overflow:hidden;
}

.i_color1{
background-color: #fcb900;
}

.i_color2{
background-color: #2ed5ff;
}

.i_color3{
background-color: #783065;
}

/*タグ用icon*/
.link_card_genre{
margin-left:30px;
margin-bottom:10px;
}
	
.link_card_tag{ 
color:#662e09;
font-size:12px;
border-radius: 70px;
}

.tag_color1{
background-color: #ffdd00;
border-top:2px solid #9a6f42;
border-right:2px solid #743c00;
border-bottom:2px solid #743c00;
border-left:2px solid #9a6f42;
}

.tag_color2{
background-color: #87fff5;
border-top:2px solid #00e1ff;
border-right:2px solid #279dc0;
border-bottom:2px solid #279dc0;
border-left:2px solid #00e1ff;
}

.tag_color3{
background-color: #dab3d3;
border-top:2px solid #b15cb1;
border-right:2px solid #933081;
border-bottom:2px solid #933081;
border-left:2px solid #b15cb1;
}



/*曲のタイトル*/
.link_card_title{
 align-items: center;
 font-size:20px;
}

/*曲の注釈*/
.link_card_postscript{
 align-items: center;
 font-size:14px;
}

/*===========フッターcss===========*/
.footer{
 position: fixed;
 bottom: 0;
 width:100%;
 height: 60px;
 padding:15px;
 color:#662e09;
 background-color:#754223;
}

.footer_ikon{
 display: flex;
 justify-content: center;
}

.footer_ikon a{
 height: 45px;
 width: 45px;
 margin:0 30px;
 line-height: 45px;
 font-size:30px;
 text-align: center;
 background-color:#fff;
 border-radius: 70px;
 text-decoration:none;
}

.footer_i_color1{
 color: #fcb900;
 border:1px solid #fcb900; 
}

.footer_i_color2{
 color: #2ed5ff;
 border:1px solid #2ed5ff; 
}

.footer_i_color3{
 color: #783065;
 border:1px solid #783065; 
}

.subtitle{
 padding-top: 80px;
 margin-top:-80px
}

.listsend p{
 margin-bottom:80px;
 text-align: center;
}