@charset "UTF-8";
html,
body {margin: 0px;margin-bottom: 0px;margin-right: auto;margin-left: auto;font-size: 15px;color: #515151;
font-family: Noto Sans Japanese,Noto Sans JP,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
line-height: 1.8em;-webkit-font-smoothing: antialiased;background: #FFF;scroll-behavior: smooth;}
/*.fnt{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",Georgia, serif;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;transition: 0.5s;height: inherit;}
a,img {transition: 0.5s;text-decoration: none;}
a,img {transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

.contentsback{overflow: hidden;}
.inner{width: 990px;margin: 0 auto;}

.flexbetween{display: flex;justify-content: space-between; align-items: center;}
.flexaround{display: flex;justify-content: space-around;flex-wrap: wrap;}
.flexcenter{display: flex;justify-content: center;flex-wrap: wrap;}
.flexbetween.fix800{margin: 55px auto 0;}

.fv{margin: 0 calc(50% - 50vw)70px;position: relative;}
.fvtitle{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 880px;}
.fvtitle2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 600px;}
.fvpoint2{position: absolute;bottom: 2%;right: 16%;transform: translate(-50%, -50%);}


.bl1{width: 100%;text-align: center;}


.bl2{width: 100%;margin-top: 100px;}
.bl2_ex1{margin: 25px auto 40px;}



/*==================================================
スライダーのためのcss
===================================*/
.slider {
  position:relative;
	width: 100%;
	height: 730px;
	  top: 0%;
   left: 50%;
   transform: translateX(-50%);
	border-radius: 20px 20px 20px 20px;
}


/*　背景画像設定　*/

.slider-item01 {
    background:url(../images/3a.png);
	width: 100%;
	height: 730px;
}

.slider-item02 {
    background:url("../images/3b.png");
	width:  100px;
	height: 730px;
}



.slider-item {
	width:  100%;
	height: 730px;
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}



.slider-item.slider-item01.slick-slide{height: 730px;}
.slider-item.slider-item02.slick-slide{height: 730px;}


.slick-slider .slick-list{overflow: visible;}

/*矢印の設定*/


.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:3.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:3.5%;
    transform: rotate(45deg);
}

.slick-prev, .slick-next {height: 15px;width: 15px;top:50%;}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	    top: 20px;
	z-index: 3;
    text-align:center;
	margin:0 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:10px;/*ドットボタンのサイズ*/
    height:10px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    border:solid #1798DD;/*ドットボタンの色*/
	margin: 5px;
}

.slick-dots .slick-active button{
    background:#1798DD;/*ドットボタンの現在地表示の色*/
}

.bl3_slidearea .slick-dots{display:none!important;}



/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
html,body{width: 100%;min-width: 100%;}
}

@media (max-width:768px){
	.fv{margin: 0 0 50px;}
	.slick-slider .slick-list{overflow: hidden;}
	
}
/* FHG HOTELS: individual production area. Base rules above are retained. */
.fhg-lp { background:#000; color:#fff; }
.fhg-lp img { display:block; height:auto; max-block-size:none; }
.fhg-lp .fhg-inner { width:990px; }
.fhg-hero { position:relative; padding-bottom:43px; }
.fhg-lp .fhg-slider { position:relative; left:auto; top:auto; transform:none; width:100%; height:auto; border-radius:0; margin:0; }
.fhg-slider .fhg-slide { height:auto; }
.fhg-slide > img { width:100%; }
.fhg-slider:not(.slick-initialized) > .fhg-slide { display:none; }
.fhg-slider:not(.slick-initialized) > .fhg-slide:first-child { display:block; }
.fhg-lp .slick-slider .slick-list { overflow:hidden; }
.fhg-lp .slick-dots { position:absolute; top:auto; bottom:-43px; left:0; width:100%; height:43px; margin:0; display:flex; align-items:center; justify-content:center; gap:20px; }
.fhg-lp .slick-dots li { margin:0; width:13px; height:13px; }
.fhg-lp .slick-dots button { display:block; width:13px; height:13px; margin:0; padding:0; border:0; background:#666; border-radius:50%; cursor:pointer; font-size:0; }
.fhg-lp .slick-dots .slick-active button { background:#fff; }
.fhg-lp .slick-dots button:focus-visible { outline:2px solid #fff; outline-offset:5px; }
.fhg-lp .slick-prev,.fhg-lp .slick-next { border:0; width:44px; height:64px; top:50%; transform:translateY(-50%); background:transparent; cursor:pointer; font-size:0; }
.fhg-lp .slick-prev { left:16px; }
.fhg-lp .slick-next { right:16px; }
.fhg-lp .slick-prev::after,.fhg-lp .slick-next::after { content:""; display:block; width:15px; height:15px; border-top:2px solid white; border-right:2px solid white; margin:auto; }
.fhg-lp .slick-prev::after { transform:rotate(-135deg); }
.fhg-lp .slick-next::after { transform:rotate(45deg); }
.fhg-intro { width:915px; margin:0 0 54px 55px; }
.fhg-check { width:686px; margin:0 auto 30px; }
.fhg-panel { position:relative; }
.fhg-panel > img { width:100%; }
.fhg-coupon { margin-bottom:24px; }
.fhg-nav { gap:45px; }
.fhg-nav a { width:300px; display:block; }
.fhg-hotspot { position:absolute; display:block; cursor:pointer; transition:background-color .2s; }
.fhg-hotspot:hover { background:rgba(255,255,255,.16); }
.fhg-lp a:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.fhg-pickup { padding-top:116px; scroll-margin-top:20px; }
.fhg-pickup-card { margin-top:80px; }
.fhg-note { margin-top:30px; }
.fhg-brands { margin-top:110px; scroll-margin-top:20px; }
.fhg-brand-card { margin-top:100px; }
.fhg-brand-card:first-of-type { margin-top:89px; }
.fhg-map-section { margin-top:116px; padding-bottom:100px; scroll-margin-top:20px; }
.fhg-map { width:880px; margin:89px auto 0; }
@media (prefers-reduced-motion:reduce) { .fhg-lp *, .fhg-lp *::after { transition:none; } }