@charset "utf-8";
/* h2 {
  padding-left: 0px!important;
}

h3 {
  padding-left: 0px !important;
} */

#flowchart h2 {
	background-image: url(//www.iwasakihotels.com/common/img/h2_bullet_c.png);
}

#flowchart h3 {
	background-image: url(//www.iwasakihotels.com/common/img/h3_bullet_c.png);
}

.navbar-header .navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 20px;
}

/*  add 20170411 By H
    youtube stylesheet
*/
.youtube {
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtube_play:hover {cursor:pointer;}
.youtube_btn {
	width:42px;
	height:30px;
	background-image:url(top.png);
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

/*  add 20170411 By H
    swiper stylesheet
*/

.swiper-container-pool {
        width: 100%;
        height: 500px;
        margin-left: auto;
        margin-right: auto;
}
.swiper-slide-pool {
        background-size: cover;
        background-position: center;
}
.gallery-thumbs-pool {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
}
.gallery-thumbs-pool .swiper-slide-pool {
        width: 25%;
        height: 100%;
        opacity: 0.4;
}
.gallery-thumbs-pool .swiper-slide-active-pool {
        opacity: 1;
}


.swiper-container {
    width: 100%;
    height: 100%;
    background: #000;
}
.swiper-slide {
    font-size: 18px;
    color:#fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 60px;
}
.parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.swiper-slide .title {
    font-size: 41px;
    font-weight: 300;
}
.swiper-slide .subtitle {
    font-size: 21px;
}
.swiper-slide .text {
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3;
}

/*  add 20170411 By H
    googlemap stylesheet
*/
  #googlemaps {
    width:100%;
    height:300px;
    position:relative;
  }

	#facil_header .navbar .navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
      transform: rotate(0deg);
      top: 0;
  }

  #facil_header .navbar .navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
      opacity: 1;
      width: 100%;
      margin-left: 0;
  }

  #facil_header .navbar .navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
      transform: rotate(0deg);
      bottom: 0;
  }

  #facil_header .navbar .navbar-toggle .icon-bar {
      position: relative;
      transition: all 200ms ease-in-out;
  }

  #facil_header .navbar .navbar-toggle .icon-bar:nth-of-type(1) {
      transform: rotate(45deg);
      top: 6px;
  }

  #facil_header .navbar .navbar-toggle .icon-bar:nth-of-type(2) {
      opacity: 0;
      width: 0;
      margin-left: 50%;
  }

  #facil_header .navbar .navbar-toggle .icon-bar:nth-of-type(3) {
      transform: rotate(-45deg);
      bottom: 6px;
  }

  /*add 20170413 By H*/
  .sec_footer {
    background-color: #000;
    color: #fff;
    text-align: right;
    font-size: 20px; //20170414変更
  }

  #quickrsv .row > [class*="col"] {
      	padding-right: 5px;
  		padding-left: 5px;
  }

  #quickrsv {
    background: url(/common/img/footer_bg.gif) repeat-x left top #ededed;
	  padding: 15px 20px 15px 20px;
  }
  .quickrsv_date{
    border-style: none;
  }
  .display-sp-rsv{
  	display: none;
  }
  .quickrsv_stay{
    border-style: none;
  }
  .quickrsv_male{
    border-style: none;
  }
  .quickrsv_female{
    border-style: none;
  }
  .quickrsv_child{
    border-style: none;
  }
  #header.fixed {
    opacity: 1;
  }

  #facil_header {
    margin-bottom: -10px;
  }
  #facil_header .logo_size_smart{
    width: 250px;
  }
  /* add 20170821 By H START */
  #topics_box dt {
    font-size: 17px;
  }
  #topics_box dd {
    font-size: 17px;
    margin-bottom: 0px;
  }
  #topics_box .topics_list a:visited {
   color: #292525 !important;
  }
  /* add 20170821 By H END */

  .ibu_menu_btn{
    background:#739ec3;
    /* background:#6293bd; */
    margin-bottom: 5px;
  }
  .ibu_menu_btn:hover{
    background: #337ab7;
  }

  @media screen and (min-width: 768px) and (max-width:919px) {

    /* iwasaki hotels logo の左位置設定 */
    #hd_line .navbar-header > a.navbar-brand {
        margin: 0 0 0 -10px;
    }

    /* メニューバーの各ホテルlogoの位置設定 */
    .navbar>.container .navbar-brand {
      margin-left: 0px;
    }

    /* タブレットの時もメニューバーをハンバーガーにする START */
        .navbar-header {
         float: none;
     }
     .navbar-toggle {
         display: block;
     }
     .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
     }
     .navbar-collapse.collapse {
         display: none!important;
     }
     .navbar-nav {
         float: none!important;
         margin: 7.5px -15px;
     }
     .navbar-nav>li {
         float: none;
     }
     .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .navbar-text {
         float: none;
         margin: 15px 0;
     }
     .navbar-collapse.collapse.in {
         display: block!important;
     }
     .collapsing {
         overflow: hidden!important;
     }
    /* タブレットの時もメニューバーをハンバーガーにする END */

    #navbar-collapse-1 .dropdown-menu {
      min-width: 105px;
    }
  	#facil_header {
  		margin-bottom: -20px;
  	}
  	/*#facil_header .navbar-header {
  		width: 190px;
  	}*/
    .dl-horizontal dt {
      width: 125px;
    }
    .dl-horizontal dd {
      margin-left: 135px;
    }
    /* add 20170821 By H START */
    #topics_box dt {
      width:170px;
    }
    #topics_box dd {
      margin-left: 190px;
    }
    #topics_box .topics_list a:visited {
     color: #292525 !important;
    }
    /* add 20170821 By H END */
  }

  @media screen and (min-width: 920px) {

    #hd_line .navbar-header > a.navbar-brand {
    	margin: 0 0 0 -30px;
    }

    /*#navbar-collapse-1 {
      margin-right: -30px;
    }*/

    #navbar-collapse-1 .dropdown-menu {
      min-width: 105px;
    }
    #facil_header {
      margin-bottom: -30px;
    }
    /*#facil_header .navbar {
      margin-left: -20px;
      margin-right: -30px;
    }*/
    /* add 20170821 By H START */
    #topics_box dt {
      width:170px;
    }
    #topics_box dd {
      margin-left: 190px;
    }
    #topics_box .topics_list a:visited {
     color: #292525 !important;
    }
    /* add 20170821 By H END */
  }

/*    add 20181129 By H  360°ｶﾒﾗ設定　START */
    .example {
      position: relative;
      cursor: pointer;
    }
    .example p {
      /* 文字の位置*/
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform:translate(-50%,-50%);
      -webkit-transform:translate(-50%,-50%);
      transform: translate(-50%,-50%);
      margin : 0;
      padding : 0;
      background : rgba(255,255,255,0.5);
      width: 100%;
      /*　文字の装飾*/
      color: #e52f5f;
      font-weight: bold;
      text-align: center;
      font-family: "ＭＳ 明朝" , "MS Mincho" , serif;
      /* content: url("img/23591_pink.png"); */
    }
    /* .example p .fa{
      display: block;
      padding-bottom: 10px;
      font-size: 2em;
      color:rgba(255,255,255,0.6);
    } */
    .example p img{
      text-align: center;
      text-shadow: 1px 1px 1px #999;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    /*meta 9 縦*/
  @media (min-width:360px) {
     .example p {
        font-size: 1.2em;
        text-shadow: 1px 1px 1px #999;
      }
      .pc {
        display: none !important;
      }
      .sp {
        display: block !important;
      }

    }
     /* iPhone7縦*/
    @media (min-width:375px) {
      .example p {
        font-size: 1.2em;
        text-shadow: 1px 1px 1px #999;
      }
      .pc {
        display: none !important;
      }
      .sp {
        display: block !important;
      }

    }
    /* huawei meta9 横*/
  @media (min-width:523px){
      .example p {
        font-size: 1.2em;
        text-shadow: 1px 1px 1px #999;
      }
      .pc {
        display: block !important;
      }
      .sp {
        display: none !important;
      }

    }

    /* iPhone 4.7横*/
    @media (min-width:667px) {
      .example p {
        font-size: 1.6em;
        text-shadow: 1px 1px 1px #999;
      }
      .pc {
        display: block !important;
      }
      .sp {
        display: none !important;
      }

    }
    /* タブレット縦*/
    @media (min-width:768px) {
      .example p {
        font-size: 1.5em;
        text-shadow: 1px 1px 1px #999;
      }
      .pc {
        display: block !important;
      }
      .sp {
        display: none !important;
      }

    }
    /* タブレット横*/
    @media (min-width:1024px) {
      .example p {
        font-size: 2.35em;
        text-shadow: 1px 1px 1px #999;
      }
      .pc {
        display: block !important;
      }
      .sp {
        display: none !important;
      }

    }
  /*    add 20181129 By H  360°ｶﾒﾗ設定　END */
#list_style_th ul li{
  list-style-type: disc !important;
}
