@charset "utf-8";

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

CSS information

 file name	:facilities.css
 style info :館内施設ページ用CSS
 
=================================================================== */

/*------------------------------------------------------------
  main_h2
------------------------------------------------------------*/
.main_h2 {
  background: url(/faq/img/main_h2_tit_faq.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#top_list_col3 ul {
  max-width: 960px;
  margin: 0 auto 30px;
}

#top_list_col3 ul li {
  float: left;
  width: 31.3%;
  margin:0 1% 30px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #top_list_col3 ul {
    margin: 0 0 15px 0;
  }
  #top_list_col3 ul li {
    float: none;
    width: 96%;
    padding-left: 0;
    margin:0 auto 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.main_sec_head {
  padding-bottom:30px;
}

@media only screen and (max-width: 767px) {
  .main_sec_head {
    padding-bottom:10px;
  }
}

.main_sec_head p {
  text-align:center;
  margin-bottom:0px;
}

.main_sec_cont dl {
  margin-bottom:20px;
}

.main_sec_cont dl dt {
  background-color: #dcebff;
  padding:15px 60px 15px 60px;
  background-image: url(/faq/img/Q.png);
  background-repeat: no-repeat;
  background-position:left 20px center;
  font-size: 125%;
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
  position: relative;
  cursor: pointer;
}

.main_sec_cont dl dt:after {
  content:"";
  display: inline-block;
  width:41px;
  height:40px;
  background-image: url(/faq/img/arrow_a.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size: contain;
  position: absolute;
  right:10px;
  top:10px;
}

.main_sec_cont dl dt.open:after {
  background-image: url(/faq/img/arrow_b.png);
}

.main_sec_cont dl dd {
  padding:20px 20px 20px 60px;
  background-image: url(/faq/img/A.png);
  background-repeat: no-repeat;
  background-position:left 20px top 20px;
  display:none;
  border: 1px solid #dcebff;

}

@media only screen and (max-width: 767px) {
  .main_sec_cont dl dd {
    font-size: 88%;
  }
}

dd i {
  font-style: normal;
  color: #e00;
}