@charset "UTF-8";
.pc {
  display: none !important;
}

/* -- Reset -- */
#contentsArea {
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #fff;
  overflow: hidden;
  position: relative;
}

#contentsArea #contents {
  padding: 20px 0 0;
  color: #444;
  overflow: hidden;
}

#page1 #contentsArea #contents {
  background: #FBF9DC;
}

#page2 #contentsArea #contents {
  background: #E6E4F5;
}

#mainContents {
  margin: 10px;
  background: #fff;
  border-radius: 10px;
  /* margin-bottom: 0px; */
  padding: 5px 5px 0px;
  overflow: hidden;
}

#contents .pagetop {
  z-index: 999;
}

#Top {
  padding: 30px 10px 20px;
}

#Top h1 img {
  display: block;
  width: 100%;
}

#Top p {
  font-size: 12px;
  text-align: center;
  line-height: 1.6;
  margin: -100px 10px 30px;
}
#Top p span{
  color: #bf0000;
}

#contentsArea .anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#contentsArea .anchor li {
  width: 50%;
}

#contentsArea .anchor li.anchorTtl {
  width: 100%;
  margin-bottom: 20px;
}

#contentsArea .anchor li.anchorTtl img {
  width: 70%;
  margin: 0 auto;
}

#contentsArea .anchor li a, #contentsArea .anchor li em {
  display: block;
  padding:7px;
}

#contentsArea .anchor li img {
  display: block;
  width: 100%;
}

#page1 .anchor em {
  background: #FBF9DC;
}

#page2 .anchor em {
  background: #E6E4F5;
}

.box {
  margin-bottom: 10px;
  padding: 20px 20px;
}

.midashi {
  text-align: center;
  margin: 10px 0 20px;
}

.midashi img {
  display: block;
  margin: 0 auto 20px;
  width: 80%;
}

.midashi span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 0 20px;
}

#mktaxi h3 {
  margin-bottom: 20px;
}

#mktaxi h3 img {
  width: 80%;
  max-width: 222px;
  margin: 0 auto 15px;
  display: block;
}

#mktaxi h3 span {
  display: block;
  font-weight: normal;
  font-size: 14px;
  padding: 10px;
}

#mktaxi .kakaku img {
  width: 75%;
  margin: 0 auto 20px;
  display: block;
}

#mktaxi .kakaku dl {
  font-size: 13px;
}

#mktaxi .kakaku dl dt {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
  background: #E70303;
  margin: 0 40px 10px;
}

#mktaxi .kakaku dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#mktaxi .kakaku dl dd span {
  padding: 5px;
  display: inline-block;
}

#mktaxi .kakaku dl dd em {
  font-style: normal;
  display: inline-block;
}

.mkBtn{
  display: flex;
  justify-content: space-between;
}

.mkBtn li{
  width: 48.5%;
}

.mkBtn li a{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid #333;
  overflow: hidden;
  border-radius: 10px;
}

.mkBtn li div{
  order: 2;
  width: 100%;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 10px;
}

.mkBtn li div span{
  display: block;
  color: #fff;
  background: #E70303;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  width: 80%;
  margin: 10px auto;
  border-radius: 999em;
}

.mkBtn li img{
  width: 100%;
  order: 1;
}

#nearme h3 {
  margin-bottom: 20px;
  overflow: hidden;
}

#nearme h3 img {
  width: 80%;
  max-width: 179px;
  margin: 0 auto 15px;
  display: block;
}

#nearme h3 span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

#nearme .kakaku img {
  width: 75%;
  margin: 0 auto 10px;
  display: block;
}

#nearme .kakaku dl {
  font-size: 13px;
}

#nearme .kakaku dl dt {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 7px;
  border-radius: 5px;
  background: #E70303;
  margin: 0 20px 10px;
}

#nearme .kakaku dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}

#nearme .kakaku dl dd span {
  padding: 5px;
  display: inline-block;
}

#nearme .kakaku dl dd em {
  font-style: normal;
  display: inline-block;
}

.ttl {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}

.ttl span {
  font-size: 24px;
}

#airport .airBtn {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#airport p {
    font-size: 12px;
    margin-top:20px
}
#airport .airBtn li {
  width: 49%;
  margin: 0 0 10px;
}

#airport .airBtn li a {
  display: block;
  text-align: center;
  border: 1px solid #000;
  background: #fff;
  border-radius: 5px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 20px 15px 10px;
  line-height: 1.2;
}

#airport .airBtn li a span {
  display: block;
}

#airport .airBtn li a:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-top: 2px solid #7466D0;
  border-right: 2px solid #7466D0;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#page2 #airport .airBtn li a {
  text-align: left;
}

#page2 #airport .airBtn li a em {
  color: #E70303;
  font-style: normal;
}

.tokucyo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tokucyo li {
  width: 49%;
  margin-bottom: 15px;
}

.tokucyo li img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.tokucyo li p {
  font-size: 13px;
  text-align: center;
}
#service p {
  font-size: 12px;

}

.btnSh a {
  display: block;
  margin: 20px 15px;
}

.btnSh a img {
  display: block;
  width: 100%;
}

#contentsArea a.nagareBtn {
  display: block;
  margin:0 10px 20px;
  background: #bf0000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 8px;
  font-size: 16px;
  padding: 25px 10px 25px 0;
  position: relative;
}

#contentsArea a.nagareBtn:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  transform: rotate(45deg);
}

#contentsArea a.nagareBtn:hover {
  color: #fff;
}

#ossmBnr {
  background: #fff;
  margin: 30px 0 0;
  padding: 30px 10px;
}

#ossmBnr h2 img {
  display: block;
  width: 65%;
  margin: 0 auto 20px;
}

#ossmBnr ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#ossmBnr ul li {
  width: 48.5%;
  margin: 0 0 10px;
}

#ossmBnr ul li a {
  display: block;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

#ossmBnr ul li img {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

#ossmBnr ul li p {
  font-size: 13px;
  text-align: center;
  margin-top: 5px;
}

#contents .pagetop {
  position: fixed !important;
}
/*# sourceMappingURL=contents_sp.css.map */

#nearme-iframe {height: 420px;width: 100%;position: relative;}
.cpn{width: 100%;margin: 20px 0;}
.cpntime{font-size: 14px;text-align: center;}
.cpn .cpnbnr img{width: 100%;}
.cpndtl{font-size: 12px;padding: 20px;line-height: 160%;border: 1px solid #DFDFDF;border-top: none;}
.cpndtl b{display: block;}
.jdsCoponSwitch{background: #f4f4f4; text-align: center;font-size: 16px; border:1px solid #DFDFDF;position: relative;padding: 10px 0;margin-top: 40px;}
.jdsCoponSwitch:after{content: "+";display: block;position: absolute;top: 30%; right: 30px;}
.jdsCoponSwitch.active-submenu:after{content: "-";}

#hiPlan { padding-top: 32px; margin-bottom: 0!important;}
#hiPlan .tokucyo { display: block;}
#hiPlan .tokucyo li { margin-bottom: 20px; width: 100%;}
#hiPlan .tokucyo li section { position: relative;}
#hiPlan .tokucyo li a:hover { opacity: 0.8;}
#hiPlan .tokucyo li section h4 { position:absolute; background: rgba(0,0,0,0.7) url(../images/arrow_plan.png) right 8px center no-repeat; color: #fff; text-align: center; bottom: 0; left: 0; padding: 8px 0; right: 0; font-weight: normal; font-size: 16px; background-size: 18px;}