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

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 768px) {
  .faq{
    width:93%;
    margin:40px auto 50px;
  }

  /* faqtop */
  .faqtop{
    width:100%;
  }
  .faqtop ul li{
    width:100%;
    display: inline-block;
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 2px solid #fff;
  }
  .faqtop ul li a{
    display: block;
    text-align: left;
    font-size:14px;
    padding:10px 30px;
  }

  /* faqtop */

  #lodging h2,
  #room h2,
  #guest h2{
    font-size: 20px;
    margin:20px auto 0;
  }

  .acMenu{
    margin: 0 auto 40px;
  }

  .acMenu dt{
    font-size: 14px;
    padding: 10px 0 10px 30px;
  }

  .acMenu dt.active:after{
    font-family: FontAwesome;
    content:"\f106";
    position: absolute;
    font-size: 16px;
    margin-top: -8px;
    top: 50%;
  }

  .acMenu dt:after{
    font-family: FontAwesome;
    content:"\f107";
    position: absolute;
    font-size: 16px;
    margin-top: -8px;
    top: 50%;
  }
  .acMenu dt:before{
    font-size: 26px;
  }
  .acMenu dd{
    padding: 0 0 10px 30px;
    line-height: 1.4;
    font-size: 12px;
  }
  .acMenu dd a{
    padding-left:15px;
  }

  .acMenu dd a:before{
    background-size: contain;;
    width: 10px;
    height: 12px;
    top: 3px;
  }
  .acMenu dd:before{
    font-size: 20px;
    left: 3px;
    top: -5px;
  }
  #lodging .acMenu dd:nth-of-type(4){
    padding-bottom: 50px;
  }
  #lodging .acMenu dd:nth-of-type(4):after{
    content: "";
    background: url(../img/dog.png) no-repeat;
    background-size: contain;
    width: 35px;
    height: 38px;
    position: absolute;
    bottom: 15px;
    right: 10px;
    top: initial;
  }
}