@charset "UTF-8";
/* CSS Document */
/* レスポンシブ共通設定*/
body
{
    color: #272727;
    font-family:
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-size: 62.5%;
}
.swiper img
{
    width: 100%;
}
/*ハイライトの枠線を消す*/
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
*:focus {
  outline:none;
}
header
{
    position: relative;
}
#mvLogo
{
    position: absolute;
    z-index: 99;
}
#mvAppeal,
#planAppeal
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 100;
}
/*プラン Start*/
#plan #menu
{
    margin:40px 15px 0;
}
#plan #menu ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/*プラン End*/

/*リセット食 Start*/
#food
{
    position: relative;
}
article img
{
    width: 100%;
}
#food #foodExplanation
{
    position: absolute;
    bottom:4%;
    z-index: 100;
}
/*リセット食 End*/


/*乗馬体験 Start*/
#horse
{
    position: relative;
}
#horse #horseExplanation
{
    position: absolute;
    bottom:4%;
    z-index: 100;
}
/*乗馬体験 End*/

/*エステ Start*/
#beautysalon
{
    position: relative;
}
#beautysalon #beautysalonExplanation
{
    position: absolute;
    bottom:4%;
    z-index: 100;
}
/*エステ End*/

/*ヨガ Start*/
#yoga
{
    position: relative;
}
#yoga #yogaExplanation
{
    position: absolute;
    bottom:4%;
    z-index: 100;
}
/*ヨガ End*/

/*セグウェイ Start*/
#segway
{
    position: relative;
}
#segway #segwayExplanation
{
    position: absolute;
    bottom:14%;
    z-index: 100;
}
/*セグウェイ End*/

/*サウナ Start*/
#sauna
{
    position: relative;
}
#sauna #saunaExplanation
{
    position: absolute;
    bottom:14%;
    z-index: 100;
}
/*サウナ End*/

/*客室 Start*/
#room
{
    position: relative;
}
#room #roomExplanation
{
    position: absolute;
    top:90.4%;
    z-index: 100;
}
/*客室 End*/

/*アクセス Start*/
/* Google Mapを囲う要素 */
#access
{
    background-color: #f7f7dc;
}
#access #map
{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%; /* 比率を4:4に固定 */
}

/* Google Mapのiframe */
#access #map iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*アクセス End*/

/*施設紹介 Start*/
#guide
{
    position: relative;
}
#guide #guideExplanation
{
    position: absolute;
    top:90.4%;
    z-index: 100;
}
/*施設紹介 End*/

/*フッター Start*/
footer
{
	background-color:#f7f7dc;
}
footer img
{
	width:100%;
}
/*フッター End*/

/*フッター追従ナビゲーション Start*/
#footerNavi
{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:900;
}
#footerNavi  #footerNaviMenu
{
	display :flex;
	justify-content:space-around;
}
#footerNavi  #footerNaviMenu li img
{
	width:100%;
}
/*フッター追従ナビゲーション End*/

/*モバイル用（0px 〜 834px） Start*/
@media (max-width: 834px)
{
    body
    {
        width:100%;
    }
    #mvLogo
    {
        top: 10px;
        right: 10px;
        width: 110px;
    }
    #mvAppeal,
    #planAppeal
    {
        width: 80%;
    }
    #plan
    {
        padding-top: 30px;
    }
    #planAppeal
    {
        bottom: 210px;
        margin-bottom: -150px;
    }
    #plan #menu ul
    {
        margin-top: -20px;
    }
    #plan #menu li
    {
        width: 33%;
    }
    #room
    {
        margin-bottom: 220px;
    }
    #access .infoBtn
    {
        margin-bottom: 20px;
        padding:0 30px;
    }
    #access .accordionContent p
    {
        padding: 15px 0;
	}
    #access .infoBtn .accordion01
    {
        height: 650px;
    }
    #access .infoBtn .accordion02
    {
        height: 1450px;
    }
    #access .infoBtn .accordion03
    {
        height: 800px;
    }
	#guide
	{
		margin-bottom:260%;
	}
	footer
	{
		padding-bottom:140px;
	}
}
/*モバイル用（0px 〜 834px） End*/
/*PC用（835px 〜） Start*/
@media (min-width: 835px)
{
	body,
	#footerNavi
    {
        margin:0 auto;
        max-width:836px;
    }
    #mvLogo
    {
        top: 20px;
        right: 20px;
        width: 220px;
    }
    #mvAppeal,
    #planAppeal
    {
        width: 80%;
    }
    #plan
    {
        padding-top: 60px;
    }
    #planAppeal
    {
        bottom: 300px;
        margin-bottom: -150px;
    }
    #plan #menu ul
    {
        margin-top: -50px;
    }
    #plan #menu li
    {
        width: 266px;
    }
    #room
    {
        margin-bottom: 440px;
    }
    #access .infoBtn
    {
        margin-bottom: 40px;
        padding:0 60px;
	}
    #access .infoBtn .accordion01
    {
        height: 1283px;
    }
    #access .infoBtn .accordion02
    {
        height: 2764px;
    }
    #access .infoBtn .accordion03
    {
        height: 1529px;
    }
    #access .infoBtn p
    {
        padding-top: 40px;
    }
	#guide
	{
		margin-bottom:2100px
	}
	footer
	{
		padding-bottom:200px;
	}
}
/*PC用（835px 〜） End*/