@charset "Shift_JIS";html,

/*************************************************基礎部分******************************************/

html{
     font-size:1rem
     }

body{
     overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);
     height:100%;-webkit-overflow-scrolling:touch
     font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
     line-height:1.8em;
     margin:0;
     }

img{
     max-width:100%;
     height:auto;
     width:auto;
  　 vertical-align:text-bottom
     }

a{
     color:#000000;
     text-decoration:none
     }

a:hover{
     color:#000000;
     text-decoration:underline
     }

p.resizeimage img{
     width:100vw;
     }

img{
     max-width:100%;
     height:auto;
     width:auto;
     }

hr{
     height: 1px;
     background-color: #D8D8D8;
     border: none;
     }

/**********************************************グーグルマップ********************************************/

.map{
     position:relative;
     padding-bottom:56.25%;
     margin-top:15px;
     padding-top:30px;
     height:0;
     overflow:hidden
     }

.map iframe,.map object,.map embed{
     position:absolute;
     top:0;
     left:0;
     width:90%;
     height:90%;
     padding-left:5%;
     padding-right:5%
     }

/*************************************************bxslider***********************************************/

.bxslider{
     margin-top:0
     }

#wrap{
     width:100%;
     margin:auto
     }

.bx-viewport{
     background:transparent !important;
     border:0;
     overflow:visible !important;//両サイドが表示される
     height:500px !important;//z-index:1;//スマホやタブレットでスワイプできないときに指定
     }

.bx-wrapper .bx-prev{
     left:-50px !important
     }

.bx-wrapper .bx-next{
     right:-50px !important
     }