/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

h1         {font-size:3em;font-family: "Balthazar", serif;}

h2         {font-size:1.5em;font-family: "Hind Madurai", serif;}

h3         {font-size:1.5em;font-family: "Hind Madurai", serif;}

h4         {font-size:1.5em;font-family: "Hind Madurai", serif;}

p          {font-size:1em;font-family: "Hind Madurai", serif;;color:#444444;}

address    {font-size:0.8em;color:#444444}

body       {text-align:center}

ul         {list-style-type:none;margin-left:0;padding-left:0}

li         {display:inline;font-size:1.3em;padding-right:10px;}

li a       {color:#000000;font-family: "Hind Madurai", serif;}

a:hover    {color:#808080}

.text      {font-family: "Noto Sans JP", serif;margin-left:auto;margin-right:auto;width:60%;text-align:left;}

.works      {font-family: "Noto Sans JP", serif;}

a          {color:#000000;font-family: "Hind Madurai", serif;}

.contents {display: inline-block}

#genre    {font-size:1.5em}

#massage   {font-family: "Noto Sans JP", serif;}
 
.slicknav_menu {display:none;}

img:hover {opacity:0.5;}

.sns-icons {
  margin-top: 10px;
}

.flex-caption {
    width: 96%;
    padding: 2%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
  }


}