@charset "UTF-8";
/* CSS Document */

/* access
--------------------------------------------------------- */
#sec_message{
  margin-bottom: 60px;
}
#art_examination h4{
  font-size: 1.6rem;
}
#art_kamoku .ul_notice01 > li span {
  color: #41210D;
  font-weight: bold;
}
#art_kamoku .span02 {
  color: #2489ce;
}
#art_kamoku .link_epidural{
  text-decoration: none;
  color: #744c2c;
  display: block;
/*  width: 180px;*/
/*   height: 35px; */
  font-size: 12px;
  text-align: center;
  border-radius:30px ;
  padding:5px 5px;
  background-image: linear-gradient(180deg, rgba(255, 247, 237, 1) 2%, rgba(237, 218, 195, 1) 99%, rgba(233, 215, 173, 1) 99%);
  border: 1px rgba(250, 212, 165, 1) solid;
  transition: all .4s;
  /*float: right;
  margin-top: 10px;*/
/*  margin:10px  0 30px auto;*/
}
#art_kamoku .flex_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
#art_kamoku .flex_link > a {
  flex: 0 0 49%;
}
#art_kamoku .flex_link > a.link_manga {
  font-size: 12px;
  padding: 20px 10px;
}
@media screen and (min-width: 769px) {
  main{
    position: relative;
  }
  main .main{
    width: 828px;
    padding: 20px 0;
    margin: 0 auto;
    height: auto;
    background-color: #faf0ea;
    z-index: 10;
  }
  main .main #main_inner{
    width: 756px;
    margin-left: 36px;
    margin-top: 20px;
  }
/*
  main #main_inner h2{
    border-bottom: solid 1px #EEC1C7;
    box-shadow: 0 1px 0 #fff;
    background: url(../img/common/h2_heart.png) no-repeat left center;
    padding: 0 0 0 78px;
    margin: 0 0 1em 0;
    line-height: 1.2;
  }
*/

  article #art_massage_greet{
    overflow: hidden;
  }
  #con_pl270{
    width: 65%;
  }
}

/* 診療時間 */
table#timetable{
  border: 1px solid #630;
  border-spacing:0;
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}
table#timetable .timetable_col{
  background-color: #FFCCCC;
}
table#timetable tr{}
table#timetable td{
  border: 1px solid #630;
  text-align: center;
  padding: 0.5em 0.8em;
}
table#timetable .time_attencion{
  text-align: left;
  font-size: 0.8em;
}

/* 子宮がん検診 */
main #art_examination{
  padding: 1em;
}
h4{
  color: #41210D;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 0 0.6em 0;
}

/* アクセス */
main #main_inner h3.access_means{
  font-size: 1.6em;
  color: #42210b;
  border-bottom: 1px solid #9c938d;
  padding: 0;
  line-height: 1.8em;
  margin: 0 0 1em 0;
}
main #main_inner h3.access_means::before{
  content: none;
}
#gmap{
  width: 600px;
  margin: auto auto 15px ;
  height: 450px;
  display: block;
}
ul.ul_access{}
ul.ul_access li{
  color: #42210b;
  list-style-type: none;
  list-style-position: inside;
  padding: 0 0 0.8em 0;
}
ul.ul_access li::before{
  content: "●";
  color: #42210b;
  display: block;
  float: left;
  padding-right: 0.7em;
}
.con_access{
  margin: 0 0 1em 0;
  overflow: hidden;
}
ul#bn_access{
  margin: 1em auto 1.5em auto;
  overflow: hidden;
}
ul#bn_access li{
  margin: 1em auto;
}
article#art_access img{
  max-width: 100%;
}
article#art_access h4{
  font: 1.2em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: bold;
  color: #630;
  padding: 1em 0 1em 0;
}
article#art_access h4::before{
  content: "■";
  color: #630;
  display: block;
  float: left;
  padding-right: 0.7em;
}
article#art_access  .t_parking{
  font-size: 15px;
  margin-left: 10px;
}
.icon{
  background:#044eb7;
  color:#FFFFFF;
  font-size:12px;
  padding:5px 8px;
  border-radius:50%;
  margin: 0 3px -3px 3px;
}
.icon_star{
  background:#FF9C0F;
  color:#FFFFFF;
  font-size:12px;
  padding:5px 7px;
  border-radius:50%;
  margin: 0 3px -3px 3px;
}
img#access_bus{
  max-width: 500px;
  text-align: center;
}
main #art_access figure{
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width: 769px) {
  #art_access{
    width: 740px;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  ul#bn_access li{
    width: 50%;
    float: left;
  }
  p.access_map{
    text-align: center;
  }
  .ul_accessnavi{
    display: flex;
    flex-wrap: wrap;
    width: 650px;
    justify-content: space-around;
    margin: auto  auto;
  }
  .ul_accessnavi li{
    width: 49%;
  }
  article#art_access .ul_accessnavi li img{
    width: 100%;
    max-width: 300px;
    margin: 1em auto 0;
    display:block;
  }
}


@media screen and (max-width: 768px) {
  h2 .h2_accessyokohama,h2 .h2_accesskawasaki,.h2_accesssetagaya{
    width: 220%;
  }
  ul#bn_access li{
    width: 49%;
    float: left;
  }
  ul#bn_access li:nth-of-type(1){
    margin-right:2%;
  }
  ul#bn_access li .link_st01_dec{
    padding: 5px 0;
    font-size: 12px;
  }
  #gmap{
    width: 100%;
    margin: auto auto 10px;
    height: 350px;
  }
  .ul_accessnavi{
    max-width: 350px;
    width: 100%;
    margin: auto;
  }
  .ul_accessnavi li img {
    width: 75%;
    margin: auto;
    display: block;
    margin: 30px auto 20px;
  }
  /*
  .ul_accessnavi li:first-child img {
  margin: 30px auto 20px;
}
  */
}
