@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ アクセス ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  ページ見出し
-----------------------------------------------------------------------------------*/

#pg-headline {
  background-image:url(../image/pg-headline.jpg);
}


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

  交通案内
  
----------------------------------------------------------------------------------------------------*/

.guide {
  width:1100px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.guide .photo {
  width:530px;
  float:left;
}

.guide .txt {
  width:530px;
  float:right;
}

.guide .txt .qsc {
  font-family:"Noto Sans Japanese";
  font-style:normal;
  font-weight:700;
  line-height:inherit;
}

.guide .txt p { padding-top:0.25em; padding-top:0.25rem; }
.guide .txt p.ad { line-height:1.5; }
.guide .pc-none { display:none; }

@media screen and (max-width:640px) {
  .guide { width:100%; }
  
  .guide .photo,
  .guide .txt {
    width:100%;
    float:none;
  }
  
  .guide .txt { padding-top:1rem; }
  .guide .txt p.tel { padding-top:0.5rem; }
  .guide .pc-none { display:inherit; }
}


/*-----------------------------------------------------------------------------------
  所要時間
-----------------------------------------------------------------------------------*/

.time {
  border:1px solid #94bcde;
  padding:1em 1.25em;
  margin-top:18px;
}

.time dt {
  font-weight:bold;
  color:#0d579a;
}

.time ul {
  margin-left:0;
  list-style:none;
  line-height:1.5;
}

.time li:before {
  content:"●";
  color:#0d579a;
  display:inline-block;
  margin-right:0.25em;
  margin-left:-1.25em;
  padding-top:0.25em;
}

.time li { padding-left:1.25em; }

@media screen and (max-width:640px) {
  .time {
    margin-top:2rem;
    padding:1.25rem;
  }
}


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

  MAP
  
----------------------------------------------------------------------------------------------------*/

.smap img { max-width:800px; }
.gmap { padding-left:50px; padding-right:50px; }
.gmap iframe { width:100%; height:500px; vertical-align:bottom; }

@media screen and (max-width:640px) {
  .smap img { max-width:100%; }
  .smap { padding-bottom:1.5rem; }
  .gmap { padding-left:0; padding-right:0; }
}