@charset "UTF-8";
html,
body {
    margin: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto;
    font-size: 15px; color: #515151;
    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;
    line-height: 1.8em; -webkit-font-smoothing: antialiased; background: #FFF; scroll-behavior: smooth; min-width: 100%;
}
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:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

/* 全体設定 */
.container { overflow: hidden;
	background-image: url("../images/bg_pattern.png");
    background-repeat: repeat; }
.credit { background-color: #FFFFFF; padding: 5px 15px; }

/* 1400px幅ベースのラッパー (背景パターンを敷く場合はここに background-image) */
.lp-wrapper {
    max-width: 1400px;
    margin: 0 auto;
	position: relative;
}


/*和紋*/
.wamon1,.wamon2,.wamon3,.wamon4,.wamon5,.wamon6,.wamon7,.wamon8,.wamon9,.wamon10,.wamon11,.wamon12{
	position: absolute;z-index: 999;
}
.wamon1{top: 750px;left: -50px;}
.wamon2{top: 950px;right: -30px;}
.wamon12{top: 1400px;right: -80px;}
.wamon3{top: 1550px;left: -100px;}
.wamon4{top: 1850px;right: 0px;}
.wamon5{top: 2550px;left: 0px;}
.wamon6{top: 2850px;right: 20px;}
.wamon7{top: 3600px;right: 40px;}
.wamon8{top: 4000px;left: 20px;}
.wamon9{top: 4550px;left: 30px;}
.wamon10{top: 4950px;right: -30px;}
.wamon11{top: 5450px;left: -50px;}


/* 990pxコンテンツエリア */
.inner { width: 990px; margin: 0 auto; padding-bottom: 100px; }

/* フレックスボックス */
.flexbetween { display: flex; justify-content: space-between; align-items: center;gap:40px;}
.row-reverse { flex-direction: row-reverse; } /* 左右反転用 */

/* 汎用ブロック・マージン */
.lp-block { width: 100%; text-align: center; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt80 { margin-top: 80px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mb120 { margin-bottom: 120px; }

/* ==================================================
   FV用スライダー
================================================== */
.fv {
    position: relative;
    width: 100%;
    height: 730px; /* FVの高さに合わせて調整してください */
    margin: -10px auto 100px;
    overflow: visible;
}

.fv-kazari{
    position: absolute;
    bottom: -1px; left: 0;
    width: 100%;
}

.fv-slider {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}

.fv-slider .slick-list,
.fv-slider .slick-track {
    height: 100%;
}

.fv-slider .slider-item {
    width: 100%;
    height: 730px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* FVの各背景画像 */
.fv-slide01 { background-image: url("../images/fv_bg01.png"); }
.fv-slide02 { background-image: url("../images/fv_bg02.png"); }
.fv-slide03 { background-image: url("../images/fv_bg03.png"); }
.fv-slide04 { background-image: url("../images/fv_bg04.png"); }

.fv-title {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 990px;
    z-index: 10;
    text-align: center;
}

/* ==================================================
   3宿 スライダーレイアウト
================================================== */
.inn-block {
    width: 100%;
    align-items: flex-start; /* 上揃え */
}

/* 画像エリア (幅の比率はデザインの画像サイズに合わせて調整) */
.inn-img-area1 {
    width: 800px; /* 仮の幅 */
	margin-left: -205px;
}
.inn-img-area2 {
    width: 800px; /* 仮の幅 */
	margin-right: -205px;
}
.inn-img-area3 {
    width: 800px; /* 仮の幅 */
	margin-left: -205px;
}

/* テキスト・ボタンエリア */
.inn-info-area {
    width: 380px; /* 仮の幅 */
    text-align: left;
}

.inn-btn { display: inline-block; }

/* 3宿のSlick設定 */
.inn-slider {
    width: 100%;
    margin-bottom: 30px; /* ドットのための余白 */
}



/* ドットナビゲーションの設定 */
.slick-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    margin:30px 0;
}
.slick-dots li {
    display: inline-block;
    margin: 0 10px;
	 background: #cccccc;
	border-radius: 100px;
}
.slick-dots button {
    color: transparent;
    outline: none;
    width: 10px; height: 10px;
    display: block;
    border-radius: 50%;
    border: solid #cccccc 0px; /* デザインに合わせたゴールド系に変更 */
    background: transparent;
}
.slick-dots .slick-active button {
    background: #494949;
}

/* ==================================================
   メディアクエリ (レスポンシブなし/基本PC幅)
================================================== */
@media (min-width: 768px){
    html, body { width: 100%; min-width: 100%; }
}

@media (max-width:768px){
	
.fv-kazari{width: 50%;}
	
.wamon1{top: 730px;left: -130px;}
.wamon2{top: 950px;right: -80px;}
.wamon12{top: 1370px;right: -80px;}
.wamon3{top: 1550px;left: -50px;}
.wamon4{top: 1750px;right: 0px;}
.wamon5{display: none;}
.wamon6{display: none;}
.wamon7{top: 3550px;right: -40px;}
.wamon8{display: none;}
.wamon9{top: 4600px;left: -50px;}
.wamon10{display: none;}
.wamon11{display: none;}

}