<style type="text/css" media="screen">
@charset "utf-8";

*{  
 margin: 0; 
 padding: 0; 
 font-size:11px; 
 color: #4E454A;
} 

body{ /*ブラウザ全体*/ 
 margin: 0px; 
 padding: 50px; 
 letter-spacing: 2px; 
 background-color: #FCFAF2; 
 font-size:11px; 
 font-family:'Muli',"メイリオ"; 
 color: #4E454A; 
}

a{ 
 text-decoration:none; 
 color: #4e454a; 
}

p{ 
 margin:10px -5px;
 padding:10px;
 border:solid 1px #91989F;
 font-family:"Muli","メイリオ"; 
}

h2{
 font-size: 12px; 
 
}


em{
  font-size: 13px ;
  text-shadow:0 0 4px #bbb;
  font-style:normal;
}

div{ /*要素を囲う*/ 
}





.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
}

.tab-label {
    color: #4E454A;
    background: #FCFAF2; 
    margin-right: 5px;
    padding: 3px 12px;
    order:-1;
}

.tab-content {
    width: 100%;
    display: none;
    font-size:11px; 
    letter-spacing:1px; 
    text-align:left; 
    padding:20px 10px ; 
    font-family:"Muli","メイリオ"; 
    color: #4E454A; 
}



/* タブを押している時のタブ  */
.tab-switch:checked+.tab-label {
    
}

/* タブを押しているときのコンテンツ  */
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}


.tab-switch {
    display: none;
}



/* アコーディオン  */
summary {
  list-style-image: none;
outline: none;
}
details {
  height: 10px;
  transition: .5s;
}
details[open] {
  height: 90px;
}




</style>