/*
Your custom style

Add your custom styles in this file so it is easier to update the theme.
*/
p {
font-size:16px !important;
}
h1
{
  font-size:24px !important;
  color: #009dc3 ;
}
h2
{
  font-size:22px !important;
  color: #009dc3 ;
}
h3
{
  font-size:20px;
  color: #009dc3 ;
}
h4
{
  font-size:18px !important;
  color: #009dc3 ;
}
h3 {
  border-bottom: solid 3px skyblue;
  position: relative;
}
/*
h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}*/

h2.midashi {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
.top-bar{
  display:none;
}

/*480px以下で適用する内容*/
/**/@media screen and (max-width:480px){

.menu-item{
	background: #009dc3;
}

h3.menu-toggle{
	color: #ffffff;
	}
}


/*480px以上で適用する内容*/
/**/
@media screen and (min-width:481px) {
h3.menu-toggle{
	color: #009dc3!important;
	}
.nav-menu{
			background: #009dc3!important;
	}
.menu-item{
	background: #009dc3;
}
}
/*レスポンシブテーブル 会費用*/

table {
  margin: 20px auto;
}
.tbl-r03 th {
  border: solid 2px;
  padding: 10px;
  width: 50%;
  background: #009dc3;
  color: #ffffff;
}
.tbl-r03 td {
  border : solid 1px;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 2px;
    width: 90%;
  }
  .tbl-r03 {
    width: 90%;
  }
  .tbl-r03 th,
  .tbl-r03 td {
    border: solid 2px;
    display: block;
    width: 90%;
  }
}
/*レスポンシブテーブル会費用　ここまで*/