* {
  box-sizing: border-box;
  margin:0px;padding:0px;
  text-align: center;
  text-decoration: none;
}
body {
  font-size: 14px;
  font-family: arial, sans-serif;
}
header {
  height: 60px;
}
nav {
  width: 100%;
  position: fixed;
  top: 0px;
  box-sizing: border-box;
  z-index: 900;
}
li {
  list-style: none;
}
.backgroundWhite {
  background-color: white;
}
.btnChild{
  float: left;
  width: 25%;
  }
#smartBtn {
  position: fixed;
  top: 15px;
  right: 8px;
  display: none;
  z-index: 900;
}
#smartBtn span{
  width: 40px;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  border-radius:4px;
}
.smartBtnKiraku span{
  background-color: #0081cc;
  color: #eaf2fb;
}
.smartBtnMokumoku span{
  background-color: #ccaa00;
  color: #fbfaea;
}
.smartBtnAxis span{
  background-color: #0011cc;
  color: #ebeafb;
}
#btnReturnTop {
  display: none;
}
.btnNav{
  width: 20%;
}
.clear {
  clear: left;
}
.slider {
  display: none !important;
}
#notice {
  line-height: 50px;
}
#noticeDetail {
  margin-top: 3px;
  padding-top: 5px;
  height: 150px;
  background-color: #e59784;
  border: solid 2px #cc2200;
  color: #ffffff;
}
.noticeFontColor {
  color: #e59784;
}
.KirakuColor {
  background-color: #eaf2fb;
  border: solid 2px #0081cc;
  color: #0081cc;
}
.KirakuFontColor {
  color: #0081cc;
}
.MokumokuColor {
  background-color: #fbfaea;
  border: solid 2px #ccaa00;
  color: #ccaa00;
}
.MokumokuFontColor {
  color: #ccaa00;
}
.axisColor {
  background-color: #ebeafb;
  border: solid 2px #0011cc;
  color: #0011cc;
}
.axisFontColor {
  color: #0011cc;
}
.containerTitle {
  margin-top: 10px;
  margin-left: 3px;
  margin-right: 3px;
  height: 50px;
}
.fsTitle {
  font-size: 22px;
  line-height: 50px;
}
.fsTitleSmall {
  font-size: 9px;
  line-height: 12px;
}
.fsTitleBig {
  font-size: 22px;
  line-height: 22px;
}
.fsEmphasis {
  font-size: 20px;
}
.containerDetailKiraku {
  margin: 0px 5px;
  border-radius: 5px;
  background-color: #eaf2fb;
  color: #0081cc;
  padding-bottom: 10px;
}
.containerDetailMokumoku {
  margin: 0px 5px;
  border-radius: 5px;
  background-color: #fbfaea;
  color: #ccaa00;
  padding-bottom: 10px;
}
.containerDetailAxis {
  margin: 0px 5px;
  border-radius: 5px;
  background-color: #ebeafb;
  color: #0011cc;
  padding-bottom: 10px;
}
.imgCenter {
  text-align: center;
}
.containerDetail img{
  width: 95%;
  margin: 3px;
}
.imgCircle img{
  border-radius: 50%;
  margin-top: 30px;
  margin-bottom: 10px;
  width: 60%;
  z-index: 800;
}
.imgCircleStaff img{
  border-radius: 50%;
  margin-bottom: -50px;
  width: 80%;
}
.imgKirakuTreat img {
  padding: 5px 10px;
}
.containerDetail iframe{
  width: 98%;
  margin: 3px;
}
.containerDetail table {
  display: inline-block;
  border-collapse: separate;
  border-spacing: 0px;
}
.tableKiraku {
  margin-top: 4px;
  margin-bottom: 4px;
  border: solid 0.5px #0081cc;
  color: #0081cc;
}
.tableKiraku th{
  border: solid 0.5px #0081cc;
  padding: 10px 5px;
}
.tableKiraku td{
  border: solid 0.5px #0081cc;
  padding: 10px 5px;
}
.thKiraku {
  background-color: #84bae5;
  color: #ffffff;
}
.tdKiraku {
  background-color: #ffffff;
}
.tableMokumoku {
  margin: 4px;
  border: solid 0.5px #ccaa00;
  color: #ccaa00;
}
.tableMokumoku th{
  border: solid 0.5px #ccaa00;
  padding: 10px 10px;
}
.tableMokumoku td{
  border: solid 0.5px #ccaa00;
  padding: 10px 10px;
}
.thMokumoku {
  background-color: #e5d884;
  color: #ffffff;
}
.tdMokumoku {
  background-color: #ffffff;
}
.tableAxis {
  margin: 4px;
  border: solid 0.5px #0011cc;
  color: #0011cc;
}
.tableAxis th{
  border: solid 0.5px #0011cc;
  padding: 10px 5px;
}
.tableAxis td{
  border: solid 0.5px #0011cc;
  padding: 10px 5px;
}
.thAxis {
  background-color: #8484e5;
  color: #ffffff;
}
.tdAxis {
  background-color: #ffffff;
}
.tdGray {
  background-color: #dadada;
}
.btnShousaiKiraku {
  margin: 0px 10px;
  border-radius: 5px;
  background-color: #84bae5;
  border: solid 2px #0081cc;
  height: 30px;
  line-height: 30px;
}
.btnShousaiKiraku a {
  text-decoration: none;
  color: #ffffff;
}
.btnShousaiMokumoku {
  margin: 0px 10px;
  border-radius: 5px;
  background-color: #e5d884;
  border: solid 2px #ccaa00;
  height: 30px;
  line-height: 30px;
}
.btnShousaiMokumoku a {
  text-decoration: none;
  color: #ffffff;
}
.btnShousaiAxis {
  margin: 0px 10px;
  border-radius: 5px;
  background-color: #8484e5;
  border: solid 2px #0011cc;
  height: 30px;
  line-height: 30px;
}
.btnShousaiAxis a {
  text-decoration: none;
  color: #ffffff;
}
.btnShousaiBiyou {
  margin: 30px 20%;
  padding: 10px;
  border-radius: 5px;
  background-color: #404040;
  border: solid 2px #202020;
  line-height: 30px;
}
.btnShousaiBiyou a {
  text-decoration: none;
  color: #ffffff;
}
.btnCategoryKiraku {
  margin: 0px 5px;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #eaf2fb;
  border: solid 2px #0081cc;
  height: 30px;
  line-height: 30px;
}
.btnCategoryKiraku a {
  text-decoration: none;
  color: #0081cc;
}
.btnCategoryAxis {
  margin: 0px 5px;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #ebeafb;
  border: solid 2px #0011cc;
  height: 30px;
  line-height: 30px;
  color: #0011cc;
}
.stepKiraku {
  margin: 10px;
  background-color: #84bae5;
  color: #ffffff;
  line-height: 30px;
}
.stepMokumoku {
  margin: 10px;
  background-color: #e5d884;
  color: #ffffff;
  line-height: 30px;
}
.stepTitle {
  margin: 10px;
  background-color: #ffffff;
  line-height: 30px;
}
#AccessMap iframe {
  pointer-events: none;
}
footer{
  width: 100%;
  height: 70px;
  margin-top: 10px;
}
footer p {
  padding: 0px;
}
.footerKiraku {
  border-top: solid 2px #0081cc;
  background-color: #eaf2fb;
  color: #0081cc;
}
.footerMokumoku {
  border-top: solid 2px #ccaa00;
  background-color: #fbfaea;
  color: #ccaa00;
}
.footerAxis {
  border-top: solid 2px #0011cc;
  background-color: #ebeafb;
  color: #0011cc;
}
.snsIcons {
  font-size: 80px;
}
.snsKiraku a {
  color: #0081cc;
}
.snsMokumoku a {
  color: #ccaa00;
}
.snsAxis a {
  color: #0011cc;
}
.snsCenter {
  margin: 0 auto;
}
.mgnTop3{
  margin-top: 3px;
}
/*▼ Topへ戻るボタン ▼*/
#pageTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
#pageTop a {
  display: inline-block;
  z-index: 900;
  border-radius: 40px;
  width: 50px;
  height: 50px;
  opacity: 0.9;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: 40px;
}
.pageTopKiraku a {
  background-color: #0081cc;
  color: #eaf2fb;
}
.pageTopMokumoku a {
  background-color: #ccaa00;
  color: #fbfaea;
}
.pageTopAxis a {
  background-color: #0011cc;
  color: #ebeafb;
}

/*▲ Topへ戻るボタン ▲*/
.btnBlue {
  display: inline-block;
  color: #ffffff;
  background-color: #0081cc;
  padding: 10px;
  margin: 5px 10px;
  border-radius: 4px;
  width: 25%;
  border: none;
}
/*▼ 管理者メニューログイン画面 ▼*/
#login {
  display: none;
  position: fixed;
  top: 30%;
  width: 100%;
  opacity: 0.9;
  background-color: #84bae5;
  color: #ffffff;
  padding: 20px 0;
}
/*▲ 管理者メニューログイン画面 ▲*/
/*▼ お知らせ編集ボタン ▼*/
#editNotice {
  display: none;
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  background-color: #84bae5;
  color: #ffffff;
  padding-top: 50px;
  z-index: 998;
}
#editInput {
  width: 100%;
  height: 150px;
  color: #0081cc;
}
/*▲ お知らせ編集ボタン ▲*/
/*▼ メッセージボックス ▼*/
#messageBox {
  display: none;
  position: fixed;
  top: 40%;
  width: 100%;
  opacity: 0.9;
  background-color: #84bae5;
  color: #ffffff;
  padding-top: 50px;
  z-index: 999;
}
/*▲ メッセージボックス ▲*/
.float {
  float: left;
}
.containerALL {
  width: 100%;
}
.container98 {
  width: 98%;
}
.container70 {
  width: 70%;
}
.container50 {
  width: 50%;
}
.container40 {
  width: 40%;
}
.container33 {
  width: 33%;
}
.container30 {
  width: 30%;
}
.container2550 {
  width: 25%;
}
.container50100 {
  width: 50%;
}
.textLeft {
  text-align: left;
  padding: 0px 10px;
}
.textLeftBigger {
  text-align: left;
  padding: 0px 10px;
  font-size: 100%;
}
.textRight {
  text-align: right;
  padding: 0px 10px;
}
.axisConcept {
  margin-top: 3px;
  width: 100%;
  background-size: cover;
  background-image: url("./Photos/axisBackground.jpg");
}
.axisConceptDetail {
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000,
    -1px 1px 1px #000000,
    1px -1px 1px #000000,
    -1px -1px 1px #000000;
}
