@charset "UTF-8";



/* bootstrap.cssを上書き
-------------------------------------------------------------------------------- */

a:link {
  /*color: #ffc;*//*2023年まで*/
  color: #039;/*2024年*/
  text-decoration: none;
}
a:visited {
  /*color: #ffc;*//*2023年まで*/
  color: #039;/*2024年*/
  text-decoration: none;
}
a:hover {
  /*color: #ffc;*//*2023年まで*/
  color: #039;/*2024年*/
  text-decoration: underline;
}
a:active {
  /*color: #ffc;*//*2023年まで*/
  color: #039;/*2024年*/
  text-decoration: underline;
}


body {
  font-family: "Meiryo", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-feature-settings: "palt";/*文字詰め*/
  /*font-feature-settings: "pkna";*//*文字詰め プロポーショナルかな*/
  /*font-feature-settings: "pwid";*//*文字詰め プロポーショナル字形*/
  color: #000;
  /*background-color: #0c0;*//*2023年まで*/
  background-color: #8dd8f8;/*2024年*/
  margin: 0px;
  padding: 0px;
}


/*@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}*/
@media (min-width: 992px) {
  .container {
    /*width: 970px;*/
    width: 890px;
  }
}
@media (min-width: 1200px) {
  .container {
    /*width: 1170px;*/
    width: 890px;/*992px以上は幅を890pxに固定する*/
  }
}


img {
  border-width: 0px;
}
p {
  margin: 0px;
  padding: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0px;
  padding: 0px;
}
ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
dl,dt,dd {
  margin: 0px;
  padding: 0px;
}
th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
td {
  vertical-align: top;
}


h2 {
  font-size: 32px;
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
  margin: 0px 0px 6px;
  padding: 0px;
}


/*以下の h3 はフォトギャラリーとお問合せで使用 
それ以外の h3 については後述*/
h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  margin: 30px 0px 20px;
  padding: 30px 0px 0px;
  /*border-top: 5px dotted #fff;*//*2023年まで*/
  border-top: 5px dotted #4994b4;/*2024年*/
}
/**/


h4 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: bold;
  margin: 10px 0px 6px;
  padding: 0px 0px 0px 20px;
  text-indent: -20px;
}
#asyrlyReal h4::before {
  content: "●";
  color: #0c0;
}



/* 
-------------------------------------------------------------------------------- */

.textLarge {
  font-size: 1.5em;
}
.textSmall {
  font-size: 0.875em;
}
.textXSmall {
  font-size: 0.75em;
}
.textNormal {
  font-weight: normal;
}
.textRed {
  color: #f00;
}
.note {
  margin: 0.25em 0px 0px;
  padding: 0px 0px 0px 1em;
  text-indent: -1em;
}


@media (min-width: 375px) {
  br.br375 {
    display: none;
  }
}
@media (max-width: 767px) {
  br.br0 {
    display: none;
  }
}
@media (min-width: 768px) {
  br.brxs {
    display: none;
  }
}
@media (min-width: 992px) {
  br.brsm {
    display: none;
  }
}



/* header
-------------------------------------------------------------------------------- */

header {
  background-image: url(../../images/ashiya.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 100%;
  margin: 0px;
  padding: 15px 0px 0px;
}
@media (min-width: 768px) {
  header {
    background-size: cover;
    padding: 15px 0px 30px;
  }
}
h1 {
  margin: 0px 0px 15px;
  padding: 0px;
}
h1 img {
  margin: 0px auto;
  padding: 0px;
}
@media (min-width: 768px) {
  h1 {
    width: 720px;
    height: 62px;
    background-image: url(../../images/siteid2025_1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }
  h1 img#asyrlySiteID {
    display: none;
  }
}
@media (min-width: 992px) {
  h1 {
    width: 860px;
    height: 74px;
  }
}
#asyrlyHeaderInner {
  clear: both;
  margin: 0px;
  padding: 0px;
}
@media (min-width: 768px) {
  #asyrlyHeaderInner {
    margin: 30px 0px 0px;
  }
}
#tasukiBox {
  margin: 0px;
  padding: 0px;
}
p#tasuki {
  margin: 0px;
  padding: 0px;
}
p#tasuki img {
  margin: 0px auto;
  padding: 0px;
}


p#sportskuji {
  margin: 0px auto 15px;
  padding: 0px;
  width: 150px;
  height: 78px;
}
p#sportskuji img {
  margin: 0px;
  padding: 0px;
  width: 150px;
  height: 78px;
}
p#juchheim {
  margin: 0px auto 15px;
  padding: 0px;
  width: 110px;
  height: 32px;
}
p#juchheim img {
  margin: 0px;
  padding: 0px;
  width: 110px;
  height: 32px;
}
@media (min-width: 768px) {
  #tasukiBox {
    margin: 0px;
    padding: 0px;
    position: relative;
  }
  p#tasuki {
    margin: 0px;
    padding: 0px;
  }
  p#tasuki img {
    margin: 0px auto;
    padding: 0px;
  }
  p#sportskuji {
    margin: 0px;
    padding: 0px;
    width: 140px;
    height: 73px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  p#sportskuji img {
    margin: 0px;
    padding: 0px;
    width: 140px;
    height: 73px;
  }
  p#juchheim {
    margin: 0px;
    padding: 0px;
    width: 100px;
    height: 29px;
    position: absolute;
    /*top: 88px;*//*2024以前*/
    top: 0px;/*2025 直上のスポーツくじ削除のため*/
    right: 0px;
  }
  p#juchheim img {
    margin: 0px;
    padding: 0px;
    width: 100px;
    height: 29px;
  }
}
@media (min-width: 992px) {
  p#sportskuji {
    width: 189px;
    height: 98px;
  }
  p#sportskuji img {
    width: 189px;
    height: 98px;
  }
  p#juchheim {
    width: 139px;
    height: 40px;
    /*top: 113px;*//*2024以前*/
    top: 0px;/*2025 直上のスポーツくじ削除のため*/
    right: 0px;
  }
  p#juchheim img {
    width: 139px;
    height: 40px;
  }
}



/* 
-------------------------------------------------------------------------------- */

#asyrlyOshirase {
  margin: 0px;
  padding: 30px 0px 0px;
}
#asyrlyOshirase h2 {
  display: none;
}
/*
@media (min-width: 768px) {
  #asyrlyOshirase p {
    width: 70%;
    margin: 0px auto;
  }
}
*/

/*2024年*/
@media (min-width: 768px) {
  #asyrlyOshirase p {
    text-align: center;
    margin: 0px auto;
  }
}
/**/


/* 
-------------------------------------------------------------------------------- */

.asyrlyEntryType {
  margin: 0px;
  padding: 0px;
  clear: both;
}
#asyrlyEntryTypeHeader {
  display: none;
}
.asyrlyEntryTypeInner {
  margin: 30px 0px 0px;
  padding: 30px;
  border-radius: 30px;
  background-color: #fff;
}
.asyrlyEntryTypeInner p.asyrlyEntryTypeLead {
  font-size: 18px;
  font-weight: bold;
  /*color: #060;*//*2023年まで*/
  color: #000;/*2024年*/
}
.asyrlyEntryTypeInner h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  margin: 24px 0px 20px;
  padding: 20px 0px 0px;
}
#asyrlyReal .asyrlyEntryTypeInner h3 {
  color: #090;
  /*border-top: 5px dotted #0c0;*//*2023年まで*/
  border-top: 5px dotted #5aa5c5;/*2024年*/
}
.asyrlyEntryTypeInner a:link {
  color: #039;
  text-decoration: none;
}
.asyrlyEntryTypeInner a:visited {
  color: #039;
  text-decoration: none;
}
.asyrlyEntryTypeInner a:hover {
  color: #039;
  text-decoration: underline;
}
.asyrlyEntryTypeInner a:active {
  color: #039;
  text-decoration: underline;
}



/* 
-------------------------------------------------------------------------------- */

.kaisaigaiyo,
.boshuyoko,
.omoushikomi,
.taikaikekka {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  clear: both;
}
.kaisaigaiyo p,
.boshuyoko p,
.omoushikomi p,
.taikaikekka p {
  margin: 0.25em 0px 0px;
  padding: 0px;
}


p#courseMap {
  margin: 16px 0px 16px 0px;
  padding: 0px;
}
p#courseMap img {
  margin: 0px auto;
  padding: 0px;
}
@media (min-width: 768px) {
  #asyrlyReal .kaisaigaiyoInner {
    position: relative;
    min-height: 306px;
  }
  p#courseMap {
    position: absolute;
    top: 6px;
    right: 0px;
    margin: 0px;
  }
  #asyrlyReal .kaisaigaiyoInner h4,
  #asyrlyReal .kaisaigaiyoInner p {
    width: 344px;
  }
  #asyrlyReal .kaisaigaiyoInner p#courseMap {
    width: 300px;
  }
  p#courseMap img {
    width: 300px;
    margin: 0px;
  }
}
@media (min-width: 992px) {
  #asyrlyReal .kaisaigaiyoInner {
    min-height: 366px;
  }
  #asyrlyReal .kaisaigaiyoInner h4,
  #asyrlyReal .kaisaigaiyoInner p {
    width: 424px;
  }
  #asyrlyReal .kaisaigaiyoInner p#courseMap {
    width: 360px;
  }
  p#courseMap img {
    width: 360px;
    margin: 0px;
  }
}


p.asyrlyFee {
  font-size: 20px;
  font-weight: bold;
}
.asyrlyFee span {
  font-size: 14px;
  font-weight: normal;
}
.boshuyokoBox {
  margin: 18px 0px 0px;
  padding: 0px;
}
.boshuyokoBox h4 {
  display: none;
}
.boshuyokoBox p {
  font-size: 14px;
  line-height: 1.25;
  margin: 0.25em 0px 0px 0px;
  padding: 0px 0px 0px 1em;
  text-indent: -1em;
}


.covid19Box {
  margin: 18px 0px 0px;
  padding: 14px;
  background-color: #fcf;
  border-radius: 5px;
}
.covid19Box h4 {
  color: #c00;
  font-size: 18px;
  line-height: 1.25;
  font-weight: bold;
  margin: 0px 0px 0.25em 0px;
  padding: 0px;
  text-indent: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
#asyrlyReal .covid19Box h4::before {
  content: "";
  color: #c00;
}
.covid19Box p {
  color: #c00;
  font-size: 14px;
  line-height: 1.25;
  margin: 0.25em 0px 0px 0px;
  padding: 0px 0px 0px 1em;
  text-indent: -1em;
}
.covid19Box p::before {
  content: "●";
  color: #f69;
}


.omoushikomiTable {
  margin: 18px 0px 0px;
  padding: 0px;
  width: 100%;
}
.omoushikomiTable th,
.omoushikomiTable td {
  display: block;
  width: 100%;
  text-align: center;
}
.omoushikomiTable th {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 5px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: none;
  border-left: 2px solid #000;
  background-color: #ff9;
}
.omoushikomiTable tr:first-of-type th {
  margin: 0px;
}
.omoushikomiTable td {
  font-size: 18px;
  margin: 0px;
  padding: 10px 0px;
  border-top: none;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
}
.omoushikomiTable td span {
  display: block;
  color: #999;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0px;
  padding: 10px 0px;
}


.omoushikomiLink a {
  display: block;
  margin: 0px auto;
  padding: 10px 0px;
  width: 6em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  border-radius: 5px;
}
.asyrlyEntryTypeInner .omoushikomiLink a:link {
  color: #ffc;
  background-color: #039;
  text-decoration: none;
}
.asyrlyEntryTypeInner .omoushikomiLink a:visited {
  color: #ffc;
  background-color: #039;
  text-decoration: none;
}
.asyrlyEntryTypeInner .omoushikomiLink a:hover {
  color: #ff0;
  background-color: #039;
  text-decoration: none;
}
.asyrlyEntryTypeInner .omoushikomiLink a:active {
  color: #ff0;
  background-color: #039;
  text-decoration: none;
}


@media (min-width: 768px) {
  .omoushikomiTable {
    overflow: hidden;
  }
  .omoushikomiTable tr {
    display: block;
    width: calc(50% - 7px);
    margin: 0px 14px 15px 0px;
    float: left;
  }
  .omoushikomiTable tr:nth-child(even) {
    margin: 0px 0px 15px 0px;
  }
  .omoushikomiTable tr:last-child {
    margin-bottom: 0px;
  }
  .omoushikomiTable tr:nth-last-child(2) {
    margin-bottom: 0px;
  }
  .omoushikomiTable th {
    margin: 0px;
  }
}
@media (min-width: 768px) {
  .omoushikomiTable tr:only-of-type {
    margin: 0px auto;
    float: none;
  }
}


.kekkaMessage {
  margin: 18px 0px 0px 0px;
  padding: 0px;
}
.kekkaMessage p {
  margin: 0.25em 0px 0px;
  padding: 0px;
  font-size: 1.25em;
  font-weight: bold;
  color: #f00;
}
/*
.kekkaBox {
  margin: 18px 0px 0px;
  padding: 0px;
}
.kekkaBox h4 {
  display: none;
}
.kekkaBox p {
  margin: 0.25em 0px 0px 0px;
  padding: 0px;
  font-weight: bold;
}
*/

/*2024年追加*/
.taikaikekka h4 {
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  margin: 20px 0px;
  padding: 10px;
  color: #000;
  background-color: #2e2;
  border-top: none;
  text-indent: 0px;
  /*border-radius: 9999px;*/
}
#asyrlyReal .taikaikekka h4::before {
  content: none;
}
.taikaikekka h5 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: bold;
  margin: 10px 0px 6px;
  padding: 0px 0px 0px 20px;
  text-indent: -20px;
}
#asyrlyReal h5::before {
  content: "●";
  color: #0c0;
}
ul#kakoKekkaList {
  margin-top: -0.25em;
}
ul#kakoKekkaList li {
  margin: 0.25em 0px 0px;
  padding: 0px;
}
@media (min-width: 768px) {
  /*ul#kakoKekkaList {
    margin-top: 0px;
  }*/
  ul#kakoKekkaList li {
    margin: 0px;
  }
}
/**/



/* フォトギャラリー
-------------------------------------------------------------------------------- */

#photogallery {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  clear: both;
}
#photogallery p {
  margin: 0.25em auto 0px;
  padding: 0px;
  text-align: center;
}
#photogallery p a img {
  margin: 0px 0.5em 0px 0px;
  padding: 0px;
  width: 32px;
  height:32px;
  vertical-align: -0.6em;
}



/* お問合せ　footer
-------------------------------------------------------------------------------- */

#otoiawase {
  margin: 0px;
  padding: 0px 0px 84px;
  overflow: hidden;
  clear: both;
}
#otoiawase p {
  margin: 0.25em 0px 0px;
  padding: 0px;
}


#otoiawaseInner {
  margin: 0px;
  padding: 0px;
}
@media (min-width: 768px) {
  #otoiawaseInner {
    margin: 0px auto;
    padding: 0px;
  }
}
#otoiawaseInner h4 {
  text-align: center;
}
#otoiawaseInner p {
  text-align: center;
}
p.asyrlyTelMail {
  font-size: 20px;
  font-weight: bold;
}
.asyrlyTelMail span {
  font-size: 14px;
  font-weight: normal;
}


p#asyrlyFb {
  margin: 12px 0px 0px;
  padding: 0px 48px;
  text-align: center;
}
p#asyrlyFb img {
  width: 52px;
}


#asyrlyCreditBox {
  margin: 30px 0px 0px;
  padding: 26px 0px 0px;
  /*border-top: 5px dotted #fff;*//*2023年まで*/
  border-top: 5px dotted #5aa5c5;/*2024年*/
}
#asyrlyCreditBox h4 {
  display: none;
}
#asyrlyCreditBox p {
  font-size: 14px;
  line-height: 1.25;
  margin: 0.25em 0px 0px 0px;
  padding: 0px;
}


#asyrlyBannerBox {
  margin: 30px 0px 0px;
  padding: 30px 0px 0px;
  /*border-top: 5px dotted #fff;*//*2023年まで*/
  border-top: 5px dotted #5aa5c5;/*2024年*/
}
#asyrlyBannerBox h4 {
  display: none;
}
#asyrlyBannerBox p {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#asyrlyBannerBox p a {
  display: block;
  line-height: 1;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}


#otherRelayBox {
  margin: 30px 0px 0px;
  padding: 30px 0px 0px;
  /*border-top: 5px dotted #fff;*//*2023年まで*/
  border-top: 5px dotted #5aa5c5;/*2024年*/
}
#otherRelayBox h4 {
  display: none;
}
#otherRelayBox p {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#otherRelayBox p a {
  display: block;
  line-height: 1;
  text-decoration: none;
  margin: 10px 0px 0px;
  padding: 8px;
  /*border: 1px solid #ffc;*//*2023年まで*/
  border: 1px solid #039;/*2024年*/
  border-radius: 5px;
}
#otherRelayBox p a:first-of-type {
  margin: 0px;
}
#otherRelayBox p a:hover {
  /*background-color: #090;*//*2023年まで*/
  background-color: #039;/*2024年*/
  color: #fff;/*2024年追加*/
}
#otherRelayBox p a:active {
  /*background-color: #090;*//*2023年まで*/
  background-color: #039;/*2024年*/
  color: #ffc;/*2024年追加*/
}
@media (min-width: 768px) {
  #otherRelayBox p a {
    display: inline-block;
    /*margin: 0px 0px 0px 10px;*/
    margin: 0px 5px 10px 5px;
  }
  #otherRelayBox p a:first-of-type {
    /*margin: 0px;*/
    margin: 0px 5px 10px 5px;
  }
}



/* LinkUp
-------------------------------------------------------------------------------- */

.linkUpButton {
  clear: both;
  margin: 0px;
  padding: 0px;
  /*display: none;*//*消しておく設定は link-up.js 内に記載*/
}
.linkUpButton p {
  margin: 0px;
  padding: 0px;
  position: fixed;
  right: 15px;
  bottom: 15px;
}
.linkUpButton p a {
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-decoration: none;
  text-align: center;
  border-radius: 9px;
  color: #fff;
  background-color: #000;
  opacity: 0.4;
  outline: none;
}
.linkUpButton p a:hover {
  opacity: 0.8;
}