@charset "UTF-8";

/* -------------------------------------------------------------
　色変更
------------------------------------------------------------- */

#infoBl,
#bnBl,
#topiBl,
#aboutBl,
#howtouseBl,
#styleBl,
#bfBl,
#shopBl,
#roomsBl,
#faciBl,
#accessBl,
#photogBl,
#faqBl,
#ourHotelsBl,
#puBl,
#instaBl,
section .inner,
#topiBl .wrap,
#howtob4tBl,
#photoG4tBl,
#transBl {
	border: 2px solid #827878;
}

header #wrap,
header #wrap .navArea,
#styleBl .bt_box,
#howtouseBl .bt_box {
	border-left: 2px solid #827878;
	border-right: 2px solid #827878;
	border-bottom: 2px solid #827878;
}

#hdNavArea li nav .gNav li.sp_rev .btBooking,
#hdNavArea li nav .gNav li.sp_rev a {
	border: 2px solid #8D8181;
}

#hdNavArea li nav .gNav li.sp_rev .btBooking {
	background: #8D8181;
}

#bestrate ul.wrap {
	background: #827878;
	border: 1px solid #827878;
}

#hdNavArea li.usePC .btBooking,
#roomsBl .inner,
#topiBl p a,
#topiBl .r_column .scrl ul li:nth-child(1),
#faqBl p a.bt_list,
#photogBl p a,
#ourHotelsBl a.btDital {
	background: #827878;
}

#styleBl .inner,
#howtouseBl .wrap {
	border-top: 2px solid #827878;
	border-left: 2px solid #827878;
	border-right: 2px solid #827878;
}

#styleBl .bt_box span.line,
#howtouseBl .bt_box span.line {
	border-top: 2px solid #827878;
}

#infoBl .swiper-button-prev::after,
#infoBl .swiper-button-next::after,
#ourHotelsBl .swiper-button-prev::after,
#ourHotelsBl .swiper-button-next::after {
	color: #827878;
}

#roomsBl .rWrap li details .contDetail {
	background: #8D8181;
}




/* -------------------------------------------------------------
　HEADER
---------------------------------------------------------- sp */

#hdNavArea > li:nth-child(1) img {
	width: 135px;
}


/* BOOKING ---------------------------------- */

#bookingBl { position: relative; }

#bookingBl ul {
	position: fixed;
	right: 10px;
	bottom: 27px;
	z-index: 99;
}

#bookingBl ul li { text-align: center; }
#bookingBl ul li:nth-child(1) img {
	width: 90px;
	margin: 0 0 14px;
}
#bookingBl ul li:nth-child(2) img { width: 80px; }

#bookingBl .btBooking {
	position: unset;
	right: unset;
	bottom: unset;
	z-index: unset;
}

/* ボタンアニメーション */
#bookingBl .booking_bt {
	transition: 0.3s;
}
#bookingBl .booking_bt:hover {
	transform: rotate(360deg);
}

#bookingBl ul:has(li a:hover) li:first-child img {
	margin-bottom: 4px;
}
#bookingBl ul li:first-child img {
	margin-bottom: 14px;
}



/* -------------------------------------------------------------
　top
---------------------------------------------------------- sp */

#topBl {
	background: url(/kasai-rinkai-park/img/top/topBgs.jpg) center center no-repeat;
	background-size: cover;
}

#topBl .inner {
	padding: 12px 0;
}


/* スライダー（SP用）
------------------------------------------------------------- */

#topBl .topSlide {
	width: 119%;
}

#topBl .topSlide .swiper-wrapper {
	transition-timing-function: linear;
}

#topBl .topSlide img {
	margin: 0;
	padding: 0;
}


/* ロゴ、h1部分 */
#topBl .ttl {
	top: calc(50% - 155px);
}

#topBl .logo {
	width: 280px;
	margin: 0 auto 30px;
}

#topBl .logo img {
	width: 100%;
}

#topBl h1 {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 26px;
	text-shadow: unset;
	letter-spacing: 0.9px;
	margin: 0;
	padding: 12px 0;
	background: #8F6A6A;
	border-top: none;
	border-bottom: none;
}



/* media Queries /////////////////////////////////////
--------------------------------------------------- */
@media screen and (min-width:481px), print {

#topBl {
	background: url(/kasai-rinkai-park/img/top/topBgb.jpg) center center no-repeat;
	background-size: cover;
}

#topBl .inner {
	padding: 10px 0;
}


/* スライダー（SP用）
------------------------------------------------------------- */

#topBl .topSlide {
	display: block;
	width: 100%;
}


/* ロゴ、h1部分 */

#topBl .ttl {
	top: 16%;
}

#topBl .logo {
	width: 44.4%;
	max-width: unset;
	margin: 0 auto 4.5%;
}

#topBl h1 {
	font-size: clamp(15px, 3.6vw, 24px);
	line-height: 1.4;
	padding: 1% 0;
}



}




/* -------------------------------------------------------------
　公式でのご予約がベストレート
---------------------------------------------------------- sp */

#bestrate ul.wrap li .comment {
	line-height: 20px;
}




/* -------------------------------------------------------------
　ナビゲーション
---------------------------------------------------------- sp */

#top_nav ul {
	justify-content: flex-start;
}

#top_nav ul li a.bt_room {
	background: #827878 url(/img/common/nav_icon_room.svg) center 25px no-repeat;
	background-size: 38px auto;
}
#top_nav ul li a.bt_shop {
	background: #827878 url(/img/common/nav_icon_shop.svg) center 23px no-repeat;
	background-size: 38px auto;
}
#top_nav ul li a.bt_info {
	background: #827878 url(/img/common/nav_icon_info.svg) center 23px no-repeat;
	background-size: 50px auto;
}
#top_nav ul li a.bt_access {
	background: #827878 url(/img/common/nav_icon_access.svg) center 20px no-repeat;
	background-size: 23px auto;
}
#top_nav ul li a.bt_faq {
	background: #827878 url(/img/common/nav_icon_faq.svg) center 16px no-repeat;
	background-size: 41px auto;
}
#top_nav ul li a.bt_review {
	background: #827878 url(/img/common/nav_icon_review.svg) center 15px no-repeat;
	background-size: 44px auto;
}




/* -------------------------------------------------------------
　ABOUT
---------------------------------------------------------- sp */

#aboutBl .inner {
	background: url(/kasai-rinkai-park/img/top/about/aboutBgs.jpg) left top no-repeat;
	background-size: cover;
}

#aboutBl .item ul li h2 span.fsdn {
	font-size: 1.5rem;
}



/* -------------------------------------------------------------
　ROOM
---------------------------------------------------------- sp */

#roomsBl .contDetail a {
	color: #FFF84D;
	text-decoration: underline;
}

#roomsBl .contDetail a:hover {
	color: #EE0000;
}




/* -------------------------------------------------------------
　FACILITY
---------------------------------------------------------- sp */

#faciBl .inner {
	padding: 32px 28px 50px;
}

#faciBl .h1en {
	text-align: center;
	margin: 0 0 6px;
}

#faciBl .h2njp {
	margin: 0 0 22px;
}

#faciBl h3 {
	font-size: 2rem;
	text-align: center;
	line-height: 1.7;
	margin: 0 0 40px;
}

#faciBl article {
	margin: 0 0 50px;
}
#faciBl article:last-of-type {
	margin: 0;
}

#faciBl h4 {
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 0.9px;
	margin: 0 0 12px;
}

#faciBl p.txt {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.7;
	margin: 0 0 20px;
}

#faciBl p.txt a {
	color: #0000EE;
	text-decoration: underline;
}

#faciBl p.txt a:hover {
	color: #EE0000;
}

#faciBl .item img {
	border-radius: 20px;
}

/* スライダー　カスタム -------------------------------*/

#faciBl .swiper-horizontal > .swiper-pagination-bullets,
#faciBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 12px;
}

#faciBl .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: none;
	opacity: 1;
	border: 2px solid #fff;
}

#faciBl .swiper-pagination-bullet-active {
	background: #fff;
}

#faciBl .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
#faciBl .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}




/* -------------------------------------------------------------
　STAY
---------------------------------------------------------- sp */

#styleBl .inner {/*ティザー用*/
	border-bottom: 2px solid #827878;
	border-radius: 31px;
}




/* -------------------------------------------------------------
　OUR PLACE
---------------------------------------------------------- sp */

#shopBl p.hour {
	font-size: 1.3rem;
}




/* -------------------------------------------------------------
　HOW TO USE
---------------------------------------------------------- sp */

#howtouseBl .wrap {/*ティザー用*/
	border-bottom: 2px solid #827878;
	border-radius: 31px;
}

#howtouseBl .h2njp20 {
	font-weight: 600;
}




/* -------------------------------------------------------------
　ACCESS
---------------------------------------------------------- sp */

#accessBl .hInfo ul {
	margin: 0 0 10px;
}
#accessBl .hInfo ul:last-of-type {
	margin: 0;
}

#accessBl .hInfo ul.column {
	display: flex;
}

#accessBl .hInfo ul.column li:nth-child(1) {
	white-space: nowrap;
}




/* -------------------------------------------------------------
　OURHOTELS
---------------------------------------------------------- sp */

#ourHotelsBl .h2jp {
	font-size: 1.6rem;
}

#ourHotelsBl .h2jp.lsdn {
	letter-spacing: 0;
}


/* -------------------------------------------------------------
　宿泊予約 reserve.html用
---------------------------------------------------------- sp */

#resv .wrap {
	background: #827878;
}

#resv .wrap li.contBl {
	padding: 23px 22px 10px;
}

#resv .wrap li.hdBl,
#resv .rsvNav .rsv_border {
	border-bottom: 1px solid #a8a1a1;
}
#resv .rsvNav li img {
	margin: 0 0 20px;
}

#resv .rsvNav li p.hotelTtl {
	line-height: 1.6;
	letter-spacing: 0;
	padding: 0 0 20px;
}

#resv .rsvNav li a {
	font-size: 1.6rem;
	font-weight: 600;
}



/* -------------------------------------------------------------
　アメニティ amenity.html用 / キャビンルーム cabin.html用
---------------------------------------------------------- sp */

#amenity .wrap li.hdBl,
#cabin .wrap li.hdBl {
	font-family: "Oswald";
	font-weight: 400;
	line-height: 1;
}

#amenity .contBl h1,
#cabin .contBl h1 {
	font-size: 2rem;
	text-align: center;
	line-height: 1;
	letter-spacing: 1px;
	margin: 0 0 20px;
}

#amenity .contBl .lead,
#cabin .contBl .lead {
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.7px;
	/*margin: 0 0 35px;*/
	margin: 0 0 20px;
}

#amenity .contBl h2,
#cabin .contBl h2 {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.75px;
	margin: 0 0 20px;
	padding: 7px 0 8px;
	background: #827878;
	border-radius: 20px;
}

#amenity .contBl .item,
#cabin .contBl .item {
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0.7px;
	margin: 0 0 25px;
}

#amenity .contBl .attention,
#cabin .contBl .attention {
	font-size: 1.1rem;
	line-height: 1.8;
	letter-spacing: 0.55px;
	margin: -10px 0 20px;
}











/* media Queries PC //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 768px */
@media print, screen and (min-width:768px) {

/* -------------------------------------------------------------
　top
------------------------------------------------------- 768px */

#topBl {
	padding: 0;
}


/* ロゴ、h1部分 */

#topBl .ttl {
	top: 17%;
}

#topBl .logo {
	width: 45%;
	max-width: 350px;
}

/* Media Queries  ////////////////////////////////
-------------------------------------------------- */
@media screen and (min-width:920px), print {

/* -------------------------------------------------------------
　top
------------------------------------------------------- 920px */

#topBl .inner {
	padding: 16px 0;
}

/* スライダー（SP用）
------------------------------------------------------------- */

#topBl .topSlide {
	width: 107%;
}


/* ロゴ、h1部分 */

#topBl h1 {
	line-height: 1;
	letter-spacing: 1.2px;
}

#topBl h1 br {
	display: none;
}

}/* /920px */




/* -------------------------------------------------------------
　ナビゲーション
------------------------------------------------------- 768px */

#top_nav ul {
	justify-content: center;
	gap: 0 5.5%;
}

#top_nav ul li a.bt_room {
	background: #827878 url(/img/common/nav_icon_room.svg) center 28px no-repeat;
	background-size: 40px auto;
}
#top_nav ul li a.bt_shop {
	background: #827878 url(/img/common/nav_icon_shop.svg) center 26px no-repeat;
	background-size: 40px auto;
}
#top_nav ul li a.bt_info {
	background: #827878 url(/img/common/nav_icon_info.svg) center 26px no-repeat;
	background-size: 52px auto;
}
#top_nav ul li a.bt_access {
	background: #827878 url(/img/common/nav_icon_access.svg) center 23px no-repeat;
	background-size: 25px auto;
}
#top_nav ul li a.bt_faq {
	background: #827878 url(/img/common/nav_icon_faq.svg) center 19px no-repeat;
	background-size: 43px auto;
}
#top_nav ul li a.bt_review {
	background: #827878 url(/img/common/nav_icon_review.svg) center 18px no-repeat;
	background-size: 46px auto;
}




/* -------------------------------------------------------------
　ABOUT
------------------------------------------------------- 768px */

#aboutBl .inner {
	background: url(/kasai-rinkai-park/img/top/about/aboutBgb.jpg) left top no-repeat;
	background-size: cover;
}

#aboutBl .item ul li:nth-child(2) {
	font-size: 1.4rem;
}

#aboutBl .item ul li h2 span.fsdn {
	font-size: 1.8rem;
}




/* -------------------------------------------------------------
　FACILITY
------------------------------------------------------- 768px */

#faciBl .roomsSlide {
	max-width: 840px;
	margin: 0 auto;
}




/* -------------------------------------------------------------
　STAY
------------------------------------------------------- 768px */

#styleBl .inner {/*ティザー用*/
	border-radius: 50px;
}




/* -------------------------------------------------------------
　HOW TO USE
------------------------------------------------------- 768px */

#howtouseBl .wrap {/*ティザー用*/
	border-radius: 50px;
}




/* -------------------------------------------------------------
　ACCESS
------------------------------------------------------- 768px */

#accessBl .aMap ul {
	display: inline;
}

#accessBl .aMap ul li {
	width: 100%;
	margin: 0 0 20px;
}
#accessBl .aMap ul li:nth-child(1),
#accessBl .aMap ul li:nth-child(2) {
	padding: 0;
}




}/* /768 */






/* media Queries  //////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------- 1024px */
@media screen and (min-width:1024px), print {

/* -------------------------------------------------------------
　HEADER
------------------------------------------------------ 1024px */

#hdNavArea > li:nth-child(1) img {
	width: 100%;
	max-width: 182px;
}


/* BOOKING ---------------------------------- */

#bookingBl ul li:nth-child(1) img { width: 126px; }
#bookingBl ul li:nth-child(2) img { width: 128px; }




/* -------------------------------------------------------------
　top
------------------------------------------------------ 1024px */

/* スライダー（SP用）
------------------------------------------------------------- */

#topBl .topSlide {
	width: 108%;
}


/* ロゴ、h1部分 */

#topBl .ttl {
	top: 19%;
}

#topBl .logo {
	width: 38%;
	max-width: 420px;
	margin: 0 auto 2.5%;
}

#topBl h1 {
	font-size: 3rem;
	letter-spacing: 1.5px;
	padding: 18px 0px 20px;
}




/* -------------------------------------------------------------
　公式でのご予約がベストレート
------------------------------------------------------ 1024px */

#bestrate ul.wrap li .comment {
	line-height: 22px;
}


/* -------------------------------------------------------------
　ナビゲーション
------------------------------------------------------ 1024px */

#top_nav ul li a.bt_room {
	background: #827878 url(/img/common/nav_icon_room.svg) center 39px no-repeat;
	background-size: 57px auto;
}
#top_nav ul li a.bt_shop {
	background: #827878 url(/img/common/nav_icon_shop.svg) center 37px no-repeat;
	background-size: 58px auto;
}
#top_nav ul li a.bt_info {
	background: #827878 url(/img/common/nav_icon_info.svg) center 39px no-repeat;
	background-size: 70px auto;
}
#top_nav ul li a.bt_access {
	background: #827878 url(/img/common/nav_icon_access.svg) center 34px no-repeat;
	background-size: 35px auto;
}
#top_nav ul li a.bt_faq {
	background: #827878 url(/img/common/nav_icon_faq.svg) center 30px no-repeat;
	background-size: 61px auto;
}
#top_nav ul li a.bt_review {
	background: #827878 url(/img/common/nav_icon_review.svg) center 29px no-repeat;
	background-size: 64px auto;
}




/* -------------------------------------------------------------
　FACILITY
------------------------------------------------------ 1024px */

#faciBl .inner {
	padding: 50px 0 6s0px;
}

#faciBl .h1en {
	margin: 0;
}

#faciBl .h2njp {
	line-height: 1.6;
	margin: 0 0 47px;
}

#faciBl h3 {
	font-size: 2.8rem;
	line-height: 1;
	margin: 0 0 84px;
}

#faciBl article {
	margin: 0 0 80px;
}

#faciBl h4 {
	font-size: 2.8rem;
	letter-spacing: 0;
	margin: 0 0 25px;
}

#faciBl p.txt {
	font-size: 1.4rem;
	margin: 0 0 30px;
}

/* スライダー　カスタム -------------------------------*/

#faciBl .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
#faciBl .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 13px;
}

#faciBl .swiper-horizontal > .swiper-pagination-bullets,
#faciBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 50px;
}

#faciBl .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
}




/* -------------------------------------------------------------
　OUR PLACE
------------------------------------------------------ 1024px */

#shopBl p.hour {
	font-size: 1.4rem;
}

/* スライダー　カスタム -------------------------------*/

#shopBl .roomsSlide {
	max-width: 840px;
}

#shopBl .item img {
	width: 100%;
}

#shopBl .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
#shopBl .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 13px;
}

#shopBl .swiper-horizontal > .swiper-pagination-bullets,
#shopBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 30px;
}




/* -----　フッター　-------------------------- */

footer .navBl > li:nth-child(1) img { width: auto; }


}/* media Queries 1024 */





/* media Queries  //////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------- 1280px */
@media screen and (min-width:1280px), print {

/* -------------------------------------------------------------
　top
------------------------------------------------------ 1280px */

#topBl .inner {
	padding: 10px 0;
}


/* ロゴ、h1部分 */

#topBl .ttl {
/* 	top: 148px; */
}

#topBl .logo {
	width: 470px;
	max-width: unset;
	margin: 0 auto 25px;
}

#topBl h1 {
	padding: 19px 0px 21px;
}




/* -------------------------------------------------------------
　FACILITY
------------------------------------------------------ 1280px */

#faciBl .inner {
	padding: 70px 0;
}




/* -------------------------------------------------------------
　ACCESS
------------------------------------------------------ 1280px */

#accessBl .hInfo {
	padding: 0 3% 0 0;
}






}/* media Queries 1280px */