a.about-message1{
font-size: 20px;
text-decoration: none;
color: black;
}
a.about-message2{
    font-size: 20px;
    text-decoration: none;
    color: black;
    }
a.about-message3{
        font-size: 20px;
        text-decoration: none;
        color: black;
        }
a.about-message4{
            font-size: 20px;
            text-decoration: none;
            color: black;
            }
a.about-message4{
  font-size: 20px;
}

/*================
course
=================*/



.course{
    background-color: #FFCCCC;
}

.image1{
    text-align: center;
}

.image1-message{
    text-align: center;
    padding: 20px;
    font-size: 18px;
}
.message-bihada{
    border-bottom:solid;
    border-color:#FF0000;
    border-width:3px;
}



  .sosyal {
    margin: 50px 50px auto;

  }
  

  .map-title{
      padding-left: 10px;
      border-left: 8px solid #30cc22;
      border-bottom: 1px dashed #999;
  }

  .saroninfo-title{
    padding-left: 10px;
    border-left: 8px solid #30cc22;
    border-bottom: 1px dashed #999;
}

.saroninfo-message{
    padding: 10px;
    border-bottom: 1px solid #000;
    font-size: 18px;
}

.open-title{
  padding-left: 10px;
  border-left: 8px solid #FF0000;
  border-bottom: 1px dashed #999;
}

.femalemenu-title{
  padding-left: 10px;
  border-left: 8px solid #FF0000;
  border-bottom: 1px dashed #999;
}

.femalekidsmenu-title{
  padding-left: 10px;
  border-left: 8px solid #ff00f2;
  border-bottom: 1px dashed #999;
}

.malemenu-title{
  padding-left: 10px;
  border-left: 8px solid #1900ff;
  border-bottom: 1px dashed #999;
}

.kidsmenu-title{
  padding-left: 10px;
  border-left: 8px solid #19bae2;
  border-bottom: 1px dashed #999;
}



  .circle{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: skyblue;
  }

.topimagepc { display: block !important; }
.topimagesp { display: none !important; }


  /*=====================
  スマホ用
  ====================*/

@media only screen and (max-width: 800px) {
    .topimagepc { display: none !important; }
    .topimagesp { display: block !important; }

}
 
@media only screen and (max-width:800px) {
  .face-title1 {
    font-size: 90%;
  }

  .face-title2{
    font-size: 80%;
  }

  .section-title{
    font-size: 95%
  }

  .course-message1{
    font-size: 90%;
  }

  .course-message2{
    font-size: 10px;
  }

}