@charset "utf-8";

html { scroll-behavior: smooth; }
body { scroll-behavior: smooth; }

h1.box{
    border:solid 1px #000000;
    color:#000000;
    background-color:#eeeeff;
    width:80%;
    margin:5px auto;
    padding:5px auto;
    font-size : 13pt;
    height:25px;
    line-height:25px;
    text-align:center;
}
.text{
    background-color : #eeeeff;
    padding:5px 5px 5px 5px;

}
.kyoka{
font-family : "?l?r ?S?V?b?N";
    background-color : #eeeeff;
    font-size : 10pt;
    cursor : default;
    border: 1px solid #ffffff;
    line-height:90%;
}
.link{
    color:#000033;
    border :0px;
    padding:1px;
    font-size : 11pt;
    vertical-align:text-bottom;
}
span#page{
    background-color:#ddddff;
    color:#aaaaff;
    cursor : default;
    height:18px;
}
dt {
font-weight: normal;
}
.top-label {
text-align: center;
font-size:150%;
color:#ED037E;
font-weight: bold;
}
.fun-label {
text-align:center;
font-size:18pt;
font-weight:bold;
}

.to-top {
text-align: right;
font-weight:bold;
}

.center {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 10px) ;
    width : calc(100% - 10px) ;
    padding-left: auto;
    padding-right: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: center;
}
.left {
    text-align: left;
}
  .wrapper {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color : #eeeeff;
  }
  .txt {
    display: inline-block;
    text-align: left;
  }
.tel {
  display       : inline-block;
  border-radius : 7%;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 5px;   /* 余白       */
font-size:160%;
font-weight: bold;
background-color:#009100;
  color         : #fff;     /* 文字色     */
}
.tel:hover {
  background-color: #009100;
  color         : #fff;     /* 文字色     */
  box-shadow    : none;        /* カーソル時の影消去 */
}
.tel2 {
  display       : inline-block;
  border-radius : 7%;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 5px;   /* 余白       */
font-size:120%;
font-weight: bold;
  color         : #009100;     /* 文字色     */
}
.button {
  display       : inline-block;
  border-radius : 7%;          /* 角丸       */
  font-size     : 20pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background-color: #04C;
  color         : #fff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
}
.button:hover {
  background-color: #04C;
  color         : #fff;     /* 文字色     */
  box-shadow    : none;        /* カーソル時の影消去 */
}
.description { font-size : 110%;
}
.act-tel {
padding:5px 172px 5px 5px;width:100%;margin-right:-168px;
}
.hdr-action .hdr-action-list .act-tel .tel-btn {
padding:12px 0 0;display:block;border:1px solid #008c2e;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#26bf58),to(#019a33));background:linear-gradient(to bottom,#26bf58,#019a33);text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-box-sizing:border-box;box-sizing:border-box;
}
.hdr-action .hdr-action-list .act-tel .tel-btn.ab-test01 {
border:1px solid #bb2d00;background:-webkit-gradient(linear,left top,left bottom,from(#fc3c01),to(#d43200));background:linear-gradient(to bottom,#fc3c01,#d43200);
}
.hdr-action .hdr-action-list .act-tel .tel-btn.ab-test02 {
border:1px solid #008c2e;background:-webkit-gradient(linear,left top,left bottom,from(#25be57),to(#019a33));background:linear-gradient(to bottom,#25be57,#019a33);padding-top:10px;
}
.hdr-action .hdr-action-list .act-tel .tel-btn.ab-test02 img {
width:128px;display:block;
}
.hdr-action .hdr-action-list .act-tel .tel-btn.ab-test03 {
border:1px solid #2242b7;background:-webkit-gradient(linear,left top,left bottom,from(#3b64fd),to(#3555cc));background:linear-gradient(to bottom,#3b64fd,#3555cc);
}