@charset "utf-8";

/* 

/rakuten/asset/css/common.css

Update:  2026-06-08 PM 12:00

====================*/
/* ----------------------------------------------------
全端末共通
---------------------------------------------------- */
/* common reset ==== */
.reform2026 * { margin: 0; padding : 0; border: 0; font-style : normal; font-weight: normal;font-size: 100%; vertical-align: baseline; }
.reform2026 figcaption,.reform2026 figure,.reform2026 section { display: block; }
.reform2026 ol,.reform2026 ul { list-style: none; }
.reform2026 table { border-collapse: collapse; border-spacing: 0; }
.reform2026 caption,.reform2026 th{ text-align: left; }
.reform2026 a:focus { outline: none; }
.reform2026 a { -webkit-tap-highlight-color: transparent; }
.reform2026 img{ max-width: 100%; height: auto; vertical-align: bottom; image-rendering: -webkit-optimize-contrast;}
.reform2026 *,.reform2026 *:before,.reform2026 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* common ==== */
.mincho{font-family: "Times New Roman", "Hiragino Mincho ProN","YuMincho","Yu Mincho",serif;}
strong, .bold{font-weight:bold !important;}
/* web font ==== */
.nsfont,.reform2026 h1,.reform2026 h1 span,.reform2026 h2,.reform2026 h3{
  font-family:'Noto Sans JP' ,"メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
}
/* clearFix ==== */
.reform2026 .cf::after {display: block;clear: both;content: "";}
/* particular case ==== */
.reform2026 .fl { float: left;}.fr { float: right;}.cl { clear: both;}
.reform2026 .tc { text-align: center !important; }.tl { text-align: left !important; }.tr { text-align: right !important; }.vt { vertical-align : top !important; }
.reform2026 .mt-15 { margin-top: -15px !important; }.reform2026 .mt-30 { margin-top: -30px !important; }.reform2026 .mt0 { margin-top: 0px !important; }.reform2026 .mt5 { margin-top: 5px !important; }.reform2026 .mt10 { margin-top: 10px !important; }.reform2026 .mt15 { margin-top: 15px !important; }.reform2026 .mt20 { margin-top: 20px !important; }.reform2026 .mt30 { margin-top: 30px !important; }.reform2026 .mt40 { margin-top: 40px !important; }.reform2026 .mt50 { margin-top: 50px !important; }.reform2026 .mt80 { margin-top: 80px !important; }.reform2026 .mb0 { margin-bottom: 0 !important; }.reform2026 .mb5 { margin-bottom: 5px !important; }.reform2026 .mb10 { margin-bottom: 10px !important; }.reform2026 .mb15 { margin-bottom: 15px !important; }.reform2026 .mb20 { margin-bottom: 20px !important; }.reform2026 .mb30 { margin-bottom: 30px !important; }.reform2026 .mb40 { margin-bottom: 40px !important; }.reform2026 .mb50 { margin-bottom: 50px !important; }.reform2026 .mb80 { margin-bottom: 80px !important; }.reform2026 .mr0 { margin-right: 0 !important; }.reform2026 .mr10 { margin-right: 10px !important; }.reform2026 .mr20 { margin-right: 20px !important; }.reform2026 .mr30 { margin-right: 30px !important; }.reform2026 .mr40 { margin-right: 40px !important; }.reform2026 .mr50 { margin-right: 50px !important; }.reform2026 .ml0 { margin-left: 0 !important; }.reform2026 .ml10 { margin-left: 10px !important; }.reform2026 .ml20 { margin-left: 20px !important; }.reform2026 .ml30 { margin-left: 30px !important; }.reform2026 .ml40 { margin-left: 40px !important; }.reform2026 .ml50 { margin-left: 50px !important; }.reform2026 .pt0 { padding-top: 0 !important; }.reform2026 .pt15 { padding-top: 15px !important; }.reform2026 .pt30 { padding-top: 30px !important; }.reform2026 .pl0 { padding-left: 0 !important; }.reform2026 .pl15 { padding-left: 15px !important; }.reform2026 .pl30 { padding-left: 30px !important; }.reform2026 .pr0 { padding-right: 0 !important; }.reform2026 .pr15 { padding-right: 15px !important; }.reform2026 .pr30 { padding-right: 30px !important; }.reform2026 .pb0 { padding-bottom: 0 !important; }.reform2026 .pb15 { padding-bottom: 15px !important; }.reform2026 .pb30 { padding-bottom: 30px !important; }.reform2026 .pb50 { padding-bottom: 50px !important; }.reform2026 .pb80 { padding-bottom: 80px !important; }

/* Others */
.reform2026 .hide {display:none;}
.reform2026 sup { font-size: 70%; vertical-align: top; position: relative; top: -0.1em;}
.reform2026 sub { font-size: 70%; vertical-align: bottom; position: relative; bottom: -0.1em;}
/* ----------------------------------------------------
Media query All
---------------------------------------------------- */
/* common */
.reform2026{
	text-align: center;
}
/* header */

/* nav */
.reform2026 .nav-main{
  width: 100%;
  padding: 17px 0 23px;
}
.reform2026#reform2026-top .nav-main{
  width: 100%;
  padding: 26px 0 26px;
  background-color: #f7fbfe;
}
.reform2026 .details .nav-main{
  position: absolute;
  left: 0; right: 0;bottom: 0;
  margin: -82px auto 0;
  background: rgba(255,255,255,0.6);
  z-index: 5;
}
.reform2026 .nav-main ul{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 0;
  display: flex;
  justify-content: space-between;
}
.reform2026#reform2026-top .nav-main li#gm1{
  width: calc(100% / 8);
}
.reform2026 .details .nav-main li#gm1{ width: 11%;}
.reform2026 .details .nav-main li#gm2{ width: 8%;}
.reform2026 .details .nav-main li#gm3{ width: 13%;}
.reform2026 .details .nav-main li#gm4{ width: 8%;}
.reform2026 .details .nav-main li#gm5{ width: 21%;}
.reform2026 .details .nav-main li#gm6{ width: 17%;}
.reform2026 .details .nav-main li#gm7{ width: 11%;}
.reform2026 .details .nav-main li#gm8{ width: 11%;}
.reform2026 .nav-main li a{
  position: relative;
  display: block;
  font-size: 14px;
  color: #000000;
  padding: 15px 0 0 0;
}
.reform2026#reform2026-top .nav-main li a{
  padding: 45px 0 0 0;
}
.reform2026#reform2026-top .nav-main li a::before {
  position: absolute;content: "";
  top:0;left: 0; right: 0;
  margin: 0px auto 0;
  background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_home.png") no-repeat;
  width: 42px;height: 36px;
  background-size: 42px 36px;
}
.reform2026#reform2026-top .nav-main li#gm1 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_home.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm2 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_hotel.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm3 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_spa.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm4 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_dining.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm5 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_business.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm6 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_tourism.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm7 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_model-plan.png") no-repeat;}
.reform2026#reform2026-top .nav-main li#gm8 a::before { background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/navi_access.png") no-repeat;}
.reform2026 .nav-main-list .nav-set{
  position: relative;
}
.reform2026 .nav-main-list .nav-set::after {
  content: '';
  display: block;
  height: 1px;
  width: 38px;
  background: #54b5c7;
  position: absolute;
  bottom: -10px;
  left: 35%;
  transform: translateX(-35%);
  transform: scale(0, 1);
  transition: .3s;
}
.reform2026 .nav-main-list #gm2 .nav-set::after{left: 28%;}
.reform2026 .nav-main-list #gm4 .nav-set::after{left: 28%;}
.reform2026 .nav-main-list #gm5 .nav-set::after{left: 40%;}
.reform2026 .nav-main-list #gm6 .nav-set::after{left: 40%;}
.reform2026 .nav-main-list li.active .nav-set::after {
  transform: scale(1, 1);
}
.reform2026 .nav-main li a:hover{
  color: #000000;
  opacity: .8;
  text-decoration: none;
}

/* footer */
.reform2026 .site-footer .info-address {
  position: relative;
	max-width:850px;
	margin: 0 auto 0;
  padding-left: 196px;
	text-align: left;
  font-size: 14px;
}
.reform2026 .site-footer .info-address::before {
  position: absolute;content: "";
  top: 0;left: 10px;
  margin: 0px 0 0 0;
  background:url("https://sakudaira.ikenotaira-resort.co.jp/rakuten/asset/img/logo02.png") no-repeat;
  width: 156px;height: 83px;
  background-size: 156px 83px;
}
.reform2026 .site-footer .info-address .address{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  align-items: center;
}
.reform2026 .site-footer .info-address .sub-text{
	font-size: 12px;
	margin-top: 8px;
}
.reform2026 .site-footer .address p{
  line-height: 1.4;
}
.reform2026 .site-footer .address p:last-child{
  font-size: 17px;
}
.reform2026 .site-footer .address span {
  display: inline-block;
	margin: 0 12px 0 15px;
	padding: 4px 12px 2px 12px;
	background: #70c5d4;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 17px;
}
.reform2026 .site-footer .info-address address p {margin-bottom: 10px;}
.reform2026 .site-footer .info-address dd {margin: 0 35px 0 0;color: #333333; white-space: nowrap;}

/* slider */
.reform2026 .slider,.slide { opacity: 0; transition: opacity .3s linear;}
.reform2026 .slider.slick-initialized,.reform2026 .slide.slick-initialized { opacity: 1;}


/* All END */

/* ----------------------------------------------------
- 520px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 520px) {




/* - 520px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
- 960px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 960px) {
.pc-only {
	display: none;
}


/* - 960px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
961px- (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 961px) {
.sp-only {display: none;}

/* 961px - END*/
}

/* ----------------------------------------------------
- 1200px (Pc layout Only コンテンツ内 基本幅)
---------------------------------------------------- */
@media (max-width: 1200px) {



/* - 1200px (Pc layout Only) END*/
}

/* ----------------------------------------------------
961px- 1250px (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 961px) and (max-width: 1250px) {


}

/* ----------------------------------------------------
- 1920px (Pc layout Only)
---------------------------------------------------- */
@media (max-width: 1920px) {


/* - 1920px - END*/
}

/* ----------------------------------------------------
1921px- (Pc layout Only Wide)
---------------------------------------------------- */
@media (min-width: 1921px) {


/* 1921px - END*/
}