@charset "UTF-8";

#topBl,
#infoBl,
#bnBl,
#topiBl,
#aboutBl,
#howtouseBl,
#styleBl,
#bfBl,
#shopBl,
#roomsBl,
#accessBl,
#photogBl,
#faqBl,
#ourHotelsBl,
#puBl,
#instaBl {
	max-width: 1280px;
	margin: 0 0 36px;
	padding: 4px;
	background: #fff;
	border: 2px solid #000;
	border-radius: 36px;
}





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

#topBl {
	position: sticky;
	position: -webkit-sticky;
	top: 84px;
	margin: 85px 15px 36px;
	padding: 0;
	border: none;
	z-index: 1; 
}

#topBl .inner {
*	padding: 7px 0 7px 10px;
	padding: 7px 0;
	border: none;
	overflow: hidden;
}

#topBl img.topImg { display: none; }


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

#topBl .topSlide {
	white-space: nowrap;
*	width: 100%;
	width: 120%;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
}

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


/* ロゴ、h1部分 */
#topBl .ttl {
	position: absolute;
	top: calc(50% - 180px);
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: 2;
}

#topBl .logo {
	width: 200px;
	text-align: center;
	margin: 0 auto 25px;
}

#topBl h1 {
	width: 300px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
	line-height: 24px;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}




/* -------------------------------------------------------------
　コンテンツ区画
---------------------------------------------------------- sp */

#scfix {
	position: sticky;
	position: -webkit-sticky;
	z-index:2; 
}

.scfixInr {
	margin: 0 15px;
	padding: 0 0 36px;
	background: #fff;
	border-radius: 36px 36px 0 0;
}





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

#bestrate {
	margin: 0 0 32px;
	padding: 4px;
	border-radius: 36px;
}

#bestrate ul.wrap {
	padding: 30px 24px 27px;
	background: #333;
	border: 1px solid #000;
	border-radius: 31px;
}

#bestrate ul.wrap li {
	text-align: center;
}

#bestrate ul.wrap li h2 {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 2.4px;
	margin: 0 0 1px;
}
#bestrate ul.wrap li .stl {
	color: #fff;
	font-family: 'Oswald';
	font-size: 3.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 52.8px;
}

#bestrate ul.wrap li .bt_reg {
	display: block;
	width: 240px;
	color: #000;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 0.8px;
	margin: 13px auto 16px;
	padding: 20px 10px;
	background: #fff;
	border-radius: 40px;
}

#bestrate ul.wrap li .bt_chenge {
	display: block;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin: 0 0 20px;
}

#bestrate ul.wrap li .bt_reg:hover,
#bestrate ul.wrap li .bt_chenge:hover {
	opacity: 0.6;
}

#bestrate ul.wrap li .txt {
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	line-height: 22px;
}
#bestrate ul.wrap li .comment {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	line-height: 22px;
}




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

#top_nav {
	margin: 0 0 36px;
}

#top_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 15px 20px;
	width: 310px;
	margin: 0 auto;
}

#top_nav ul li a {
	display: block;
	width: 90px;
	height: 90px;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	line-height: 1;
	letter-spacing: 1px;
	padding: 67px 10px 10px;
	border-radius: 10px;
}

#top_nav ul li a:hover {
	opacity: 0.6;
}

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





/* -------------------------------------------------------------
　INFORMATION
---------------------------------------------------------- sp */

#infoBl .inner {
	padding: 40px 35px 43px;
	background: #f0f0f0;
}

#infoBl .h2en {
	text-align: center;
	margin: 0 0 5px;
}

#infoBl .h2njp {
	margin: 0 0 20px;
}

#infoBl .item {
	width: 260px;
	padding: 0;
	border-radius: 20px;
}


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

#infoBl .container {
	position: relative;
	width: 260px;
	margin: 0 auto;
}

#infoBl .sdWrap {
	width: 260px;
	margin: 0 auto;
	padding: 0 0 44px;
}

#infoBl .swiper-navigation-icon {
	display: none;
}

#infoBl .swiper-horizontal > .swiper-pagination-bullets,
#infoBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 8px;
}
#infoBl .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	opacity: 1;
	border: 2px solid #000;
}

#infoBl .swiper-pagination-bullet-active {
	background: #000;
}

#infoBl .swiper-horizontal > .swiper-pagination-bullets,
#infoBl .swiper-pagination-horizontal.swiper-pagination-bullets {
    & .swiper-pagination-bullet {
        margin: 0 6px;
    }
}


#infoBl .swiper-button-prev {
	left: -48px;
}
#infoBl .swiper-button-next {
	right: -35px;
}
#infoBl .swiper-button-prev,
#infoBl .swiper-button-next {
	height: 0;
	top: 47px;
}

#infoBl .swiper-button-prev::after,
#infoBl .swiper-button-next::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	color: #000;
	font-size: 20px;
	margin: auto;
	transform: scale(0.7, 1);
}

#infoBl .swiper-button-prev::after {
	content: "◀";
}
#infoBl .swiper-button-next::after {
	content: "▶";
}



/* 特設バナーエリア */

#bnBl img { border-radius: 30px; }
#bnBl img.bnPc { display: none; }





/* -------------------------------------------------------------
　TOPICS
---------------------------------------------------------- sp */

#topiBl .wrap {
	width: 100%;
	margin: 0;
	padding: 38px 18px 38px 30px;
	background: #f0f0f0;
	border: 2px solid #000;
	border-radius: 31px;
}

#topiBl .l_column p.h2en {
	text-align: center;
	margin: 0 0 5px;
}

#topiBl .l_column .h2njp {
	margin: 0 0 20px;
}


/* スクロールバー　カスタム
------------------------------------------------------------- */

#topiBl .r_column .scrl_wrap {
	position: relative;
	height: 324px;
	overflow: hidden;
}

#topiBl .r_column .scrl_wrap .scrl  {
	position: absolute;
	top: 0;
	left: 0;
	right: 14px;/* カスタムバーの幅 */
	bottom: 0;
	padding: 0 20px 0 0;
	scrollbar-width: none; /* バーを隠す Firefox */
	overflow-y: scroll;
}

/* スクロールバー全体 */
#topiBl .custom_bar {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin-right: 1px; /* 少しだけ左マージンを加える。または padding-right: 1px; など */
}

/* Track：中央に黒線 */
#topiBl .custom_track {
	position: relative;
	width: 100%;
	margin: 4px 0;
	background:
		linear-gradient(
		to right,
		transparent calc(50% - 1px),
		#000000   calc(50% - 1px),
		#000000   calc(50% + 1px),
		transparent calc(50% + 1px)
		);
	border-radius: 999px;
}

/* Thumb */
#topiBl .custom_thumb {
	position: absolute;
	left: 50%;
	width: 14px;
	transform: translateX(-50%);
	background: #fff;
	border: 2px solid #000;
	border-radius: 5px;
	cursor: pointer;
}



#topiBl .r_column .scrl ul { margin: 0 0 36px; }
#topiBl .r_column .scrl ul li:nth-child(1) {
	width: 86px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	margin: 0 0 16px;
	padding: 2px 4px;
	background: #000;
	border-radius: 10px;
}

#topiBl .r_column .scrl ul li:nth-child(2) { display: none; }
#topiBl .r_column .scrl ul li:nth-child(3) {
	font-size: 14px;
	line-height: 24px;
}
#topiBl .r_column .scrl ul li:nth-child(3) a { color: #000; }
#topiBl .r_column .scrl ul li:nth-child(3) a:hover { opacity: 0.6; }


#topiBl p { margin: 40px 0 10px; }
#topiBl p a {
	display: block;
	width: 10em;
	color: #fff;
	font-family: 'Oswald';
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	background: #000;
	border-radius: 33px;
}
#topiBl p a:hover { opacity: 0.6; }

#topiBl .useSP { display: block; }





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

#aboutBl div {
	color: #fff;
	padding: 42px 16px 40px;
	border: 2px solid #000;
	border-radius: 31px;
}

#aboutBl div p.sholder {
	margin: 0 0 10px;
}
#aboutBl div .h3en {
	line-height: 58px;
	margin: 0 0 5px;
}
#aboutBl div .h2njp13 {
	letter-spacing: 0.65px;
	margin: 0 0 16px;
}
#aboutBl div .logoImg {
	width: 270px;
	margin: 0 0 50px;
}
#aboutBl div .h2njp20 {
	margin: 0 0 26px;
}
#aboutBl div p.lead {
	font-weight: 500;
	line-height: 30px;
}





/* -------------------------------------------------------------
　ROOMS
---------------------------------------------------------- sp */

#roomsBl .inner {
	color: #fff;
	padding: 35px 28px 0;
	background: #333;
}

#roomsBl .h1en {
	text-align: center;
	margin: 0 0 9px;
}
#roomsBl .h2njp {
	line-height: 1;
	margin: 0 0 35px;
}
#roomsBl .h2njp20 {
	font-size: 1.95rem;
	text-align: center;
	margin: 0 0 26px;
}
#roomsBl .rWrap li .h2jp { line-height: 48px; }
#roomsBl .rWrap li .roomsSlide { margin: 0 0 17px; }
#roomsBl .rWrap li .roomsSlide .item img { border-radius: 20px; }

#roomsBl .rWrap li .baseInfo {
	display: table;
	margin: 0 0 24px;
}
#roomsBl .rWrap li .baseInfo li {
	display: table-cell;
	vertical-align: middle;
}
#roomsBl .rWrap li .baseInfo li:nth-child(2) { padding: 0 16px 0 0; }
#roomsBl .rWrap li .baseInfo li img {
	width: 40px;
	margin: 0 4px 0 0;
}


/* ROOMS　アコーディオン -------------------------------*/

#roomsBl .rWrap li details { margin: 0 0 48px; }

/* display: list-item;以外を指定して三角形アイコンを消す */
#roomsBl .rWrap li details summary {
	display: block;
	padding: 0 0 16px 20px;
	background: url(/img/common/arrow_wt_open.svg) left 4px no-repeat;
	border-bottom: 2px solid #fff;
	cursor: pointer;
}
/* Safariの三角形アイコンを非表示にする */
#roomsBl summary::-webkit-details-marker { display: none; }

#roomsBl .rWrap li details.is-opened summary {
	background: url(/img/common/arrow_wt_close.svg) left 4px no-repeat;
}
#roomsBl .rWrap li details.is-opened summary::after {
	content: 'を閉じる';
}

#roomsBl .rWrap li details .contDetail {
	background: #4b4b4b;
	border-radius: 0 0 20px 20px;
}

#roomsBl .rWrap li details .contDetail ul {
	display: table;
	padding: 30px 15px 0;
}
#roomsBl .rWrap li details .contDetail ul:last-of-type {
	padding: 30px 15px;
}

#roomsBl .rWrap li details .contDetail ul li {
	display: table-cell;
	vertical-align: top;
}
#roomsBl .rWrap li details .contDetail ul li:nth-child(1) { width: 54px; }
#roomsBl .rWrap li details .contDetail ul li img {
	width: 40px;
	margin: 0 14px 0 0;
}
#roomsBl .rWrap li details .contDetail ul li:nth-child(2) { padding: 8px 0 0; }
#roomsBl .rWrap li details .contDetail ul li p { line-height: 24px; }


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

#roomsBl .swiper-horizontal > .swiper-pagination-bullets,
#roomsBl .swiper-pagination-bullets.swiper-pagination-horizontal,
#shopBl .swiper-horizontal > .swiper-pagination-bullets,
#shopBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 12px;
}
#roomsBl .swiper-pagination-bullet,
#shopBl .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: none;
	opacity: 1;
	border: 2px solid #fff;
}

#roomsBl .swiper-pagination-bullet-active,
#shopBl .swiper-pagination-bullet-active {
	background: #fff;
}

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







/* -------------------------------------------------------------
　SHOP
---------------------------------------------------------- sp */

#shopBl .inner { 
	padding: 37px 24px 50px;
	text-align: center;
 }

#shopBl .h1en {
	text-align: center;
	margin: 0 0 5px;
}
#shopBl .h2njp {
	margin: 0 0 22px;
}

#shopBl .logo{
	width: 50%;
	text-align: center;
	margin: 0 auto 1em;
}

#shopBl h3 {
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 11px;
}

#shopBl h3 span {
	display: block;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 8px;
}

#shopBl p.hour {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin: 0 0 1.5em;
	line-height: 1.8;
}

#shopBl .item img {
	width: 100%;
	margin: 0 auto;
	border-radius: 20px;
}

#shopBl a.bt_outlink {
	display: block;
	width: 155px;
	color: #fff;
	font-family: Oswald;
	font-size: 16px;
	text-align: center;
	margin: 32px auto 0;
	padding: 25px 10px;
	background: #000;
	border-radius: 33px;
}

#shopBl a.bt_outlink:hover {
	opacity: 0.6;
}





/* -------------------------------------------------------------
　STYLE
---------------------------------------------------------- sp */

#styleBl .inner {
	padding: 32px 28px 27px;
	border: none;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-radius: 31px 31px 0 0;
}


/* ご利用案内
------------------------------------------------------------- */

#styleBl ul.usage {
	margin: 0 0 36px;
	padding: 0;
	border-bottom: 2px solid #000;
}
#styleBl ul li .h1en {
	text-align: center;
	margin: 0 0 6px;
}
#styleBl ul li .h2njp {
	margin: 0 0 33px;
}


#styleBl ul li ul li:first-of-type img {
	display: block;
	width: 120px;
	margin: 0 auto 21px;
}
#styleBl ul li ul li .h3jp {
	text-align: center;
	margin: 0 0 10px;
}
#styleBl ul li ul li p {
	line-height: 24px;
	margin: 0 0 50px;
}


/* 決済関係
------------------------------------------------------------- */

#styleBl .cardBl {
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 2px solid #000;
}

#styleBl .cardBl .cardTtl {
	font-size: 2rem;
	text-align: center;
	line-height: 32px;
	margin: 0 0 12px;
}
#styleBl .cardBl .cLead {
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin: 0 0 38px;
}
#styleBl .cardBl .cardStl {
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	margin: 0 0 18px;
	padding: 7px 0;
	background: #000;
	border-radius: 30px;
}

#styleBl .cardBl ul.ccp li {
	font-size: 1.2rem;
	text-align: center;
	padding: 0 0 40px;
}

#styleBl .cardBl .tem {
	font-size: 1.2rem;
}

#styleBl .cardBl ul.ccp li p,
#styleBl .cardBl .tem p {
	margin: 15px 0 0;
 	line-height: 20px;
 }

#styleBl .cardBl .img1 { max-width: 273px; }
#styleBl .cardBl .img2 { max-width: 221px; }
#styleBl .cardBl .tem { text-align: center; }
#styleBl .cardBl .img3 {
	width: 100%;
	max-width: 301px;
}


/* 施設・サービス
------------------------------------------------------------- */

#styleBl ul.sStyle li ul {
	display: table;
}

#styleBl ul.sStyle li ul li {
	display: table-cell;
	vertical-align: top;
}
#styleBl ul.sStyle li ul li:nth-child(1) img {
	width: 40px;
	max-width: unset;
	margin: 0 12px 0 0;
}

#styleBl ul.sStyle li ul li:nth-child(2) .stl {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 5px;
}
#styleBl ul.sStyle li ul li p {
	line-height: 22px;
	margin: 0 0 25px;
}

#styleBl ul.sStyle li ul li a {
	color: #0000EE;
	text-decoration: underline;
}
#styleBl ul.sStyle li ul li a:hover {
	color: #EE0000;
}


/* ボタン区画
------------------------------------------------------------- */

#styleBl .bt_box {
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-radius: 0 0 31px 31px;
}
#styleBl .bt_box span.line {
	display: block;
	margin: 0 14px;
	border-top: 2px solid #000;
}

#styleBl .bt_box a {
	display: block;
	width: 100%;
	color: #000;
	font-family: 'Oswald';
	font-weight: 400;
	text-align: center;
	padding: 46px 0 44px;
	border-radius: 0 0 31px 31px;
	background-image: url(/img/common/arrow_dbl_r.svg);
	background-repeat: no-repeat;
	background-position: calc(50% + 85px) 43%;
	transition:0.5s;
}
#styleBl .bt_box a:hover {
	background-color: #e5e5e5;
	background-image: url(/img/common/arrow_dbl_r.svg);
	background-repeat: no-repeat;
	background-position: calc(50% + 105px) 43% ;
	transition:0.5s;
}
#styleBl .bt_box a span {
	display: inline-block;
	font-size: 2.6rem;
	margin: 0 0 6px;
	padding: 0 70px 0 0;
	border-top: none;
}

#styleBl .bt_box a span.stl {
	font-family: 'Noto Sans JP';
	font-size: 1.2rem;
	font-weight: 500;
}


.bg-black {
	color: #fff;
	background: #000;
}





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

#howtouseBl .wrap {
	width: 100%;
	color: #000;
	margin: 0;
	padding: 45px 18px 0;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-radius: 31px 31px 0 0;
}

#howtouseBl .wrap .h1en {
	font-size: 5.4rem;
	line-height: 53px;
	text-align: center;
	margin: 0 0 7px;
}
#howtouseBl .wrap .h2njp {
	margin: 0 0 36px;
}

#howtouseBl .wrap .h2njp20 {
	text-align: center;
	line-height: 32px;
	letter-spacing: 0.5px;
	margin: 0 0 20px;
}


/* フローイメージ
------------------------------------------------------------- */

#howtouseBl .wrap ul li {
	text-align: center;
	line-height: 24px;
}

#howtouseBl .wrap ul li .txt {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 24px;
	letter-spacing: 0.7px;
}

#howtouseBl .wrap ul li img {
	width: 216px;
	margin: 0 0 6px;
}

#howtouseBl .wrap ul li img.arrowBImg {
	width: auto;
	margin: 24px 0 14px;
}
#howtouseBl .wrap ul li img.arrowBImg2 { display: none; }


#howtouseBl .wrap ul:nth-child(5) li:nth-child(2) {
	padding: 0 0 48px;
}

#howtouseBl .wrap .caution {
	color: #FF9D00;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0.3px;
	padding: 0 0 50px;
}


/* ボタン区画
------------------------------------------------------------- */

#howtouseBl .bt_box {
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-radius: 0 0 31px 31px;
}
#howtouseBl .bt_box span.line {
	display: block;
	margin: 0 14px;
	border-top: 2px solid #000;
}

#howtouseBl .bt_box a {
	display: block;
	width: 100%;
	color: #000;
	font-family: 'Oswald';
	font-weight: 400;
	text-align: center;
	padding: 46px 0 44px;
	border-radius: 0 0 31px 31px;
	background-image: url(/img/common/arrow_dbl_r.svg);
	background-repeat: no-repeat;
	background-position: calc(50% + 70px) 43%;
	transition:0.5s;
}
#howtouseBl .bt_box a:hover {
	background-color: #e5e5e5;
	background-image: url(/img/common/arrow_dbl_r.svg);
	background-repeat: no-repeat;
	background-position: calc(50% + 90px) 43%;
	transition:0.5s;
}
#howtouseBl .bt_box a span {
	display: inline-block;
	font-size: 2.6rem;
	margin: 0 0 6px;
	padding: 0 70px 0 0;
	border-top: none;
}

#howtouseBl .bt_box a span.stl {
	font-family: 'Noto Sans JP';
	font-size: 1.2rem;
	font-weight: 500;
}





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

#accessBl .inner { padding: 40px 28px 44px; }

#accessBl .h3en {
	text-align: center;
	margin: 0;
}
#accessBl .pcTtl { display: none; }

#accessBl .h2njp {
	margin: 0 0 20px;
}


/* googlemap
------------------------------------------------------------- */

#accessBl .aMap iframe {
	width: 100%;
	height: 168px;
	margin: 0 0 20px;
	border-radius: 12px;
}
#accessBl .aMap ul li {
	text-indent: 0;
	margin: 0 0 20px;
}

/* 
#accessBl .aMap ul li img {
	width: 100%;
	max-width: 380px;
}
 */


/* アクセス詳細
------------------------------------------------------------- */

#accessBl h3 {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 11px;
}

#accessBl address {
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 24px;
	text-decoration: underline;
	margin: 0 0 15px;
}

#accessBl ul li {
	line-height: 24px;
}





/* -------------------------------------------------------------
　FAQ
---------------------------------------------------------- sp */

#faqBl .inner { padding: 41px 25px 40px; }

#faqBl .h3en {
	text-align: center;
	margin: 0;
}

#faqBl .h2njp {
	margin: -2px 0 36px;
}


/* アコーディオン
------------------------------------------------------------- */

/* display: list-item;以外を指定して三角形アイコンを消す */
#faqBl summary { display: block; }
/* Safariの三角形アイコンを非表示にする */
#faqBl summary::-webkit-details-marker { display: none; }

#faqBl details.subList:first-of-type {
	border-top: 2px solid #000;
}

#faqBl details.subList summary.subTrig {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0.7px;
	margin: 0;
	padding: 25px 3em 25px 2.6em;
	background-image: url(/img/faq/q.png), url(/img/common/mk_plus.svg);
	background-position: left 50%, 98% 50%;
	background-repeat: no-repeat, no-repeat;
	border-bottom: 2px solid #000;
	cursor: pointer;
}
#faqBl details.subList.is-opened summary.subTrig {
	border-bottom: none;
	background-image: url(/img/faq/q.png), url(/img/common/mk_minus.svg);
	background-position: left 50%, 98% 50%;
	background-repeat: no-repeat, no-repeat;
}

#faqBl details.subList .content {
	overflow: hidden;
}

#faqBl details.subList .content p {
	font-size: 1.2rem;
	margin: 0;
	padding: 20px 0 20px 2em;
	line-height: 20px;
	background: url(/img/faq/a.png) left 25px no-repeat;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}


/* 一覧ボタン */
#faqBl p { margin: 40px 0 10px; }
#faqBl p a.bt_list {
	display: block;
	width: 10em;
	color: #fff;
	font-family: 'Oswald';
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	background: #000;
	border-radius: 33px;
}
#faqBl p a.bt_list:hover { opacity: 0.6; }





/* -------------------------------------------------------------
　PHOTO GALLERY
---------------------------------------------------------- sp */

#photogBl .inner {
	position: relative;
	padding: 38px 0;
}

#photogBl .h3en {
	position: absolute;
	top: 38px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 0 2px;
}

#photogBl .h2njp {
	position: absolute;
	top: 88px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 0 24px;
}

#photogBl .photogSlide { padding: 96px 0 0; }


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

#photogBl .swiper-navigation-icon {
	display: none;
}

#photogBl .swiper-button-prev {
	left: -12px;
}
#photogBl .swiper-button-next {
	right: 0;
}
#photogBl .swiper-button-prev,
#photogBl .swiper-button-next {
	height: 0;
	top: 40px;
}

#photogBl .swiper-button-prev::after,
#photogBl .swiper-button-next::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	color: #000;
	font-size: 18px;
	margin: auto;
	transform: scale(0.7, 1);
}

#photogBl .swiper-button-prev::after {
	content: "◀";
}
#photogBl .swiper-button-next::after {
	content: "▶";
}


#photogBl p {
	margin: 78px 0 14px;
}

#photogBl p a {
	display: block;
	width: 10em;
	color: #fff;
	font-family: 'Oswald';
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	background: #000;
	border-radius: 33px;
}
#photogBl p a:hover { opacity: 0.6; }





/* -------------------------------------------------------------
　OUR HOTELS
---------------------------------------------------------- sp */

#ourHotelsBl .inner {
	padding: 54px 35px 0;
}

#ourHotelsBl .h3en {
	text-align: center;
	margin: 0;
}

#ourHotelsBl .h2njp {
	margin: -3px 0 19px;
}


/* スライダー内item
------------------------------------------------------------- */

#ourHotelsBl ul {
	margin: 0;
}
#ourHotelsBl ul li a {
	display: block;
	color: #000;
	transition: 0.5s;
}
#ourHotelsBl ul li a:hover { opacity: 0.5; }

#ourHotelsBl ul li div {
	position: relative;
	text-align: center;
	line-height: 0;
}
#ourHotelsBl ul li div .openH {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 180px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
	margin: 0;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 2;
}
#ourHotelsBl ul li div img.ourHimg {
	width: 100%;
	max-width: 300px;
	max-width: 258px;
	border-radius: 20px;
}
#ourHotelsBl ul li .h2jp {
	text-align: center;
	letter-spacing: 0.9px;
	margin: 22px 0 0;
}

/* リンクボタン */
#ourHotelsBl a.btDital {
	display: block;
	width: 155px;
	color: #fff;
	font-family: 'Oswald';
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto 36px;
	padding: 25px 0;
	background: #000;
	border-radius: 36px;
}

#ourHotelsBl a.btDital:hover {
	opacity: 0.6;
}


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

#ourHotelsBl .container {
	position: relative;
	width: 260px;
	margin: 0 auto;
}
#ourHotelsBl #ourHotels {
	width: 260px;
	margin: 0 0 50px;
	padding: 0 0 45px;
}

#ourHotelsBl .swiper-navigation-icon {
	display: none;
}

#ourHotelsBl .swiper-horizontal > .swiper-pagination-bullets,
#ourHotelsBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 6px;
}
#ourHotelsBl .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: none;
	opacity: 1;
	border: 2px solid #000;
}

#ourHotelsBl .swiper-pagination-bullet-active {
	background: #000;
}

#ourHotelsBl .swiper-horizontal > .swiper-pagination-bullets,
#ourHotelsBl .swiper-pagination-horizontal.swiper-pagination-bullets {
	& .swiper-pagination-bullet {
		margin: 0 6px;
	}
}


#ourHotelsBl .swiper-button-prev {
	left: -46px;
}
#ourHotelsBl .swiper-button-next {
	right: -32px;
}
#ourHotelsBl .swiper-button-prev,
#ourHotelsBl .swiper-button-next {
	height: 0;
	top: 95px;
}

#ourHotelsBl .swiper-button-prev::after,
#ourHotelsBl .swiper-button-next::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	color: #000;
	font-size: 24px;
	margin: auto;
	transform: scale(0.6, 1);
}

#ourHotelsBl .swiper-button-prev::after {
	content: "◀";
}
#ourHotelsBl .swiper-button-next::after {
	content: "▶";
}





/* -------------------------------------------------------------
　PICK UP
---------------------------------------------------------- sp */

#puBl .inner {
	padding: 43px 35px 35px;
	background: #f0f0f0;
}

#puBl .h3en {
	text-align: center;
	margin: 0 0 8px;
}

#puBl .h2njp {
	margin: 0 0 26px;
}


/* スライダー内item
------------------------------------------------------------- */

#puBl .item {
	width: 258px;
	height: 292px;
	padding: 0;
	border-radius: 20px;
}

#puBl ul li:nth-child(1) {
	height: auto;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

#puBl ul li:nth-child(2) {
	height: 120px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 24px;
	padding: 12px 20px;
	background: #fff;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}


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

#puBl .container {
	position: relative;
	width: 258px;
	margin: 0 auto;
}

#puBl .pickupSlide {
	padding: 0 0 45px;
}

#puBl .swiper-navigation-icon {
	display: none;
}

#puBl .swiper-horizontal > .swiper-pagination-bullets,
#puBl .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 4px;
}
#puBl .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: none;
	opacity: 1;
	border: 2px solid #000;
}

#puBl .swiper-pagination-bullet-active {
	background: #000;
}

#puBl .swiper-horizontal > .swiper-pagination-bullets,
#puBl .swiper-pagination-horizontal.swiper-pagination-bullets {
    & .swiper-pagination-bullet {
        margin: 0 6px;
    }
}


#puBl .swiper-button-prev {
	left: -45px;
}
#puBl .swiper-button-next {
	right: -30px;
}
#puBl .swiper-button-prev,
#puBl .swiper-button-next {
	height: 0;
	top: 45%;
}

#puBl .swiper-button-prev::after,
#puBl .swiper-button-next::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	color: #000;
	font-size: 20px;
	margin: auto;
	transform: scale(0.7, 1);
}

#puBl .swiper-button-prev::after {
	content: "◀";
}
#puBl .swiper-button-next::after {
	content: "▶";
}





/* -------------------------------------------------------------
　INSTAGRAM
---------------------------------------------------------- sp */

#instaBl .inner { padding: 54px 20px 0; }

#instaBl .h3en {
	text-align: center;
	margin: 0 0 38px;
}

#instaBl .h3en img {
	margin: 0 12px -4px 0;
}

#instaBl ul {
	display: flex;
	flex-wrap: wrap;
	width: 270px;
	margin: 0 auto 30px;
}

#instaBl ul li { margin: 0 5px 10px; }

#instaBl ul li img {
	width: 125px;
	max-width: 125px;
	height: 125px;
	object-fit: cover;
}


#instaBl .errorBl p {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
}

#instaBl .errorBl a {
	display: block;
	width: 160px;
	color: #fff;
	font-family: 'Oswald';
	font-size: 1.6rem;
	text-align: center;
	margin: 20px auto 40px;
	padding: 25px 0;
	background: #000;
	border-radius: 33px;
}

#instaBl .errorBl a:hover { opacity: 0.6; }







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

/* -------------------------------------------------------------
　top
------------------------------------------------------- 481px */

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


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

#topBl .logo {
	width: 110px;
	margin: 0 auto 15px;
}

#topBl h1 {
	width: 220px;
	font-size: 1.2rem;
	line-height: 18px;
	padding: 6px 0;
}
 */




/* -------------------------------------------------------------
　INFORMATION
------------------------------------------------------- 481px */

/* 特設バナーエリア */

#bnBl img.bnSp { display: none; }
#bnBl img.bnPc { display: block; }





/* -------------------------------------------------------------
　ROOMS
------------------------------------------------------- 481px */

#roomsBl .rWrap {
	max-width: 500px;
	margin: 0 auto;
}





/* -------------------------------------------------------------
　STYLE
------------------------------------------------------- 481px */


/* ご利用案内
------------------------------------------------------------- */

#styleBl ul li ul {
	display: table;
	margin: 0 0 90px;
}
#styleBl ul li ul li {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
#styleBl ul li ul li:nth-child(1) {
	width: 166px;
	padding: 0 46px 0 0;
}

#styleBl ul li ul li:first-of-type img { margin: 0; }

#styleBl ul li ul li .h3jp {
	text-align: left;
	line-height: 32px;
	margin: 0 0 20px;
}

#styleBl ul li ul li p {
	line-height: 26px;
	margin: 0;
}


/* 施設・サービス
------------------------------------------------------------- */

#styleBl ul.sStyle li ul {
	width: 100%;
	margin: 0;
}

#styleBl ul.sStyle li ul li:nth-child(1) {
	width: 52px;
	margin: 0 12px 0 0;
	padding: 0;
}

#styleBl ul.sStyle li ul li:nth-child(2) {
	width: calc(100% - 64px);
}





/* -------------------------------------------------------------
　ACCESS
------------------------------------------------------- 481px */

/* googlemap
------------------------------------------------------------- */

#accessBl .aMap iframe { height: 240px; }





.brAdjust { display: none; }


}/* /media Queries ------------ 481px */






/*media Queries SP
----------------------------------------------------*/
@media only screen and (min-width:526px) {

/* -------------------------------------------------------------
　INSTAGRAM
------------------------------------------------------------- */

#instaBl ul { width: 420px; }

#instaBl ul li img {
	max-width: 200px;
	max-height: 200px;
	height: 200px;
	width: 200px;
	object-fit: cover;
}

}/* /media Queries ------------*/






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

#topBl,
#infoBl,
#bnBl,
#topiBl,
#aboutBl,
#howtouseBl,
#styleBl,
#bfBl,
#shopBl,
#roomsBl,
#accessBl,
#photogBl,
#faqBl,
#ourHotelsBl,
#puBl,
#instaBl {
	margin: 0 0 36px;
	padding: 6px;
	border-radius: 57px;
}





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

#topBl {
	top: 95px;
	margin: 82px 13px 36px;
}

#topBl .inner {
	max-height: 626px;
	text-align: center;
	padding: 10px 0;
}


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

#topBl .topSlide {
	width: 100%;
}


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

#topBl .logo {
	width: 170px;
}

#topBl h1 {
	width: 280px;
	font-size: 1.6rem;
	line-height: 24px;
	padding: 10px 0;
}





/* -------------------------------------------------------------
　コンテンツ区画
------------------------------------------------------- 768px */

#scfix { margin: 0; }

.scfixInr {
	margin: 46px 13px 0;
	border-radius: 57px 57px 0 0;
}





/* -------------------------------------------------------------
　公式でのご予約がベストレート
------------------------------------------------------- 768px */
#bestrate {
	padding: 5px;
	border-radius: 57px;
}

#bestrate ul.wrap {
	border-radius: 50px;
}


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


#bestrate ul.wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

#bestrate ul.wrap > li:first-child {
	padding: 10px 10px 10px 0;
	border-right: 1px solid #fff;
}

#bestrate ul.wrap li .stl {
	font-size: 4.2rem;
}

#bestrate ul.wrap li ul.bt_box {
	margin: 0 20px;
}

#bestrate ul.wrap li .bt_reg {
	margin: 0 auto 16px;
}
#bestrate ul.wrap li .bt_chenge {
	margin: 0;
}


}/* media Queries 870 */





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

#top_nav ul {
	width: 720px;
}

#top_nav ul li a {
	width: 100px;
	height: 100px;
	font-size: 1.1rem;
	padding: 70px 10px 10px;
}

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





/* -------------------------------------------------------------
　INFORMATION
------------------------------------------------------- 768px */

#infoBl .h2en {
	font-size: 5rem;
	line-height: 64px;
	margin: 0;
}

#infoBl .h2njp {
	margin: 0 0 40px;
}


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

#infoBl .container,
#infoBl .sdWrap {
	width: 540px;
}



/* 特設バナーエリア */

#bnBl img { border-radius: 50px; }





/* -------------------------------------------------------------
　TOPICS
------------------------------------------------------- 768px */

#topiBl .wrap {
	height: auto;
	padding: 38px 80px 58px;
	border-radius: 50px;
}

#topiBl .r_column .scrl ul { display: table; }
#topiBl .r_column .scrl ul li { display: table-cell; }

#topiBl .r_column .scrl ul li:nth-child(3) { padding: 0 0 0 27px; }

#topiBl .usePC { display: none; }


/* スクロールバー　カスタム
------------------------------------------------------------- */

#topiBl .r_column .scrl_wrap {
	height: 230px;
}





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

#aboutBl .aContbl { border-radius: 57px; }

#aboutBl div {
	padding: 60px 5% 50px;
	border-radius: 50px;
}

#aboutBl div:nth-child(2) {
	padding: 60px 5% 30px;
	border-radius: 0 0 50px 50px;
}





/* BREAKFAST

#bfBl .inner { padding: 54px 24px 40px; }

#bfBl ul {
	width: unset;
	display: flex;
	flex-wrap: wrap;
}

#bfBl ul li {
	width: 34.83%;
	padding: 0 0 0 4.15%;
}

#bfBl ul li:nth-child(1) {
	width: 30.34%;
	padding: 0;
}
 */





/* -------------------------------------------------------------
　SHOP
------------------------------------------------------- 768px */

#shopBl .inner { padding: 54px 24px 54px; }

#shopBl .roomsSlide {
	max-width: 600px;
	margin: 0 auto;
}

#shopBl .logo {
	width:30%;
	text-align: center;
	margin: 0 auto 1em;
}





/* -------------------------------------------------------------
　STYLE
------------------------------------------------------- 768px */

#styleBl .inner {
	padding: 60px 6%;
	border-radius: 50px 50px 0 0;
}

#styleBl .bt_box { border-radius: 0 0 50px 50px; }
#styleBl .bt_box a { border-radius: 0 0 50px 50px; }



/* 施設・サービス
------------------------------------------------------------- */

#styleBl ul.sStyle {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#styleBl ul.sStyle li {
	width: 48%;
}
#styleBl ul.sStyle li:nth-child(odd) {
	width: 52%;
	padding: 0 4% 0 0;
}

#styleBl ul.sStyle li ul li:nth-child(2) .stl {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 8px;
}
#styleBl ul.sStyle li ul li p {
	line-height: 22px;
	margin: 0 0 25px;
}






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

#howtouseBl .wrap {
	padding: 60px 5% 0;
	border-radius: 50px 50px 0 0;
}

#howtouseBl .wrap .h1en {
	font-size: 9rem;
	line-height: 120px;
	margin: 0;
}
#howtouseBl .wrap .h2njp {
	margin: 0 0 20px;
}
#howtouseBl .wrap .h2njp20 {
	margin: 0 0 40px;
}


/* フローイメージ
------------------------------------------------------------- */

#howtouseBl .wrap .touchFlow {
	display: table;
	margin: 0 auto 60px;
}

#howtouseBl .wrap .touchFlow ul {
	display: table-cell;
	vertical-align: top;
}
#howtouseBl .wrap .touchFlow ul:nth-child(1),
#howtouseBl .wrap .touchFlow ul:nth-child(3),
#howtouseBl .wrap .touchFlow ul:nth-child(5) {
	width:28%;
	max-width:234px;
}

#howtouseBl .wrap .touchFlow ul li img.arrowBImg { display: none; }
#howtouseBl .wrap .touchFlow ul li img.arrowBImg2 {
	display: inline;
	width: auto;
	margin: 120px 20px 0;
}

#howtouseBl .wrap .caution {
	font-size: 1.4rem;
}


/* ボタン区画
------------------------------------------------------------- */

#howtouseBl .bt_box { border-radius: 0 0 50px 50px; }
#howtouseBl .bt_box a { border-radius: 0 0 50px 50px; }





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

/* googlemap
------------------------------------------------------------- */

#accessBl .aMap iframe { height: 400px; }

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





/* -------------------------------------------------------------
　FAQ
------------------------------------------------------- 768px */

#faqBl .inner { padding: 54px 60px 40px; }

#faqBl details.subList summary.subTrig {
	padding: 30px 3.5em 30px 2.4em;
}
#faqBl details.subList .content p {
	font-size: 1.4rem;
	padding: 30px 0 30px 2.4em;
	background: url(/img/faq/a.png) left 35px no-repeat;
}





/* -------------------------------------------------------------
　PHOTO GALLERY
------------------------------------------------------- 768px */

#photogBl .h2njp {
	top: 108px;
}

#photogBl .photogSlide { padding: 126px 0 0; }


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

#photogBl .swiper-button-prev {
	left: 20px;
}
#photogBl .swiper-button-next {
	right: 30px;
}
#photogBl .swiper-button-prev,
#photogBl .swiper-button-next {
	top: 60px;
}

#photogBl .swiper-button-prev::after,
#photogBl .swiper-button-next::after {
	font-size: 24px;
}






/* -------------------------------------------------------------
　OUR HOTELS
------------------------------------------------------- 768px */

#ourHotelsBl ul li div img.ourHimg {
	max-width: 300px;
}

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

#ourHotelsBl .container,
#ourHotelsBl #ourHotels {
	width: 620px;
}

#ourHotelsBl .swiper-button-prev,
#ourHotelsBl .swiper-button-next {
	top: 109px;
}






/* -------------------------------------------------------------
　PICK UP
------------------------------------------------------- 768px */

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

#puBl .container {
	width: 536px;
}






/* -------------------------------------------------------------
　INSTAGRAM
------------------------------------------------------- 768px */

#instaBl ul {
	width: 630px;
	margin: 0 auto 60px;
}


#instaBl .h3en img {
	margin: 0 20px -1px 0;
}


#instaBl .errorBl p {
	font-size: 2.4rem;
	margin: 0 0 50px;
}

#instaBl .errorBl a { margin: 0 auto 40px; }



}/* media Queries 769 */






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


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

#topBl {
	top: 100px;
	margin: 0 6px 36px;
}


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

#topBl .topSlide {
	max-width: unset;
}


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

#topBl .logo {
	width: 220px;
	margin: 0 auto 25px;
}

#topBl h1 {
	width: 300px;
}





/* -------------------------------------------------------------
　コンテンツ区画
------------------------------------------------------ 1024px */

#scfix { margin: 134px 0 0; }

.scfixInr {
	margin: 0 6px;
	padding: 0 0 60px;
}





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

#bestrate {
	margin: 0 0 32px;
	padding: 6px;
}

#bestrate ul.wrap {
	display: flex;
	padding: 30px 30px 26px;
}

#bestrate ul.wrap > li:first-child {
	padding: 0 30px 12px 0;
	border-right: 1px solid #fff;
}

#bestrate ul.wrap li h2 {
	font-size: 1.4rem;
	letter-spacing: 1.4px;
	margin: 0 0 10px;
}

#bestrate ul.wrap li .stl {
	font-size: 5rem;
}

#bestrate ul.wrap li .txt {
	font-size: 1.5rem;
	line-height: 28px;
}
#bestrate ul.wrap li .comment {
	font-size: 1.3rem;
	line-height: 28px;
}





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

#top_nav ul {
	width: 100%;
	max-width: 1260px;
}

#top_nav ul li a {
	width: 140px;
	height: 140px;
	font-size: 1.4rem;
	padding: 100px 10px 10px;
	border-radius: 20px;
}

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





/* -------------------------------------------------------------
　INFORMATION
------------------------------------------------------ 1024px */

#infoBl .inner { padding: 24px 35px 22px; }

#infoBl .h3en { margin: 0 0 30px; }

#infoBl .item {
	width: 270px;
}


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

#infoBl .container,
#infoBl .sdWrap {
	width: 850px;
}

#infoBl .sdWrap {
	padding: 0 0 53px;
}

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

#infoBl .swiper-horizontal > .swiper-pagination-bullets,
#infoBl .swiper-pagination-horizontal.swiper-pagination-bullets {
    & .swiper-pagination-bullet {
        margin: 0 11px;
    }
}


#infoBl .swiper-button-prev {
	left: -62px;
}
#infoBl .swiper-button-next {
	right: -38px;
}
#infoBl .swiper-button-prev,
#infoBl .swiper-button-next {
	top: 37px;
}

#infoBl .swiper-button-prev::after,
#infoBl .swiper-button-next::after {
	font-size: 34px;
}






/* -------------------------------------------------------------
　TOPICS
------------------------------------------------------ 1024px */

#topiBl .wrap {
	display: table;
	padding: 54px 7% 22px;
	border-radius: 50px;
}

#topiBl .l_column,
#topiBl .r_column {
	display: table-cell;
	vertical-align: top;
}

#topiBl .l_column {
	width: 25.6%;
	padding: 0 7% 0 0;
}
#topiBl .r_column { padding: 5px 0 0; }

#topiBl .l_column p.h2en {
	font-size: 5rem;
	line-height: 1;
	margin: 0 0 15px;
}

#topiBl .l_column .h2njp {
	line-height: 1;
	margin: 0 0 24px;
}


#topiBl p {
	margin: 0 0 10px;
}


#topiBl .usePC { display: block; }
#topiBl .useSP { display: none; }


/* スクロールバー　カスタム
------------------------------------------------------------- */

#topiBl .r_column .scrl_wrap {
	height: 190px;
}




/* Banner 
#topiBl .useTAB { display: none; }
#topiBl .banner { 
    display: table;
    border: 2px solid #000000;
    border-radius: 50px;
}
*/





/* -------------------------------------------------------------
　ABOUT
------------------------------------------------------ 1024px */

#aboutBl div {
	padding: 50px 3% 40px 7%;
}

#aboutBl div p.sholder {
	font-size: 2.8rem;
	line-height: 41px;
	margin: 0 0 10px;
}

#aboutBl div .h3en {
	font-size: 5rem;
	line-height: 74px;
	margin: 0 0 4px;
}
#aboutBl div .logoImg {
	width: 500px;
	margin: 0;
}
#aboutBl div .h2njp20 {
	margin: 0 0 12px;
}

#aboutBl div p.lead {
	font-size: 1.4rem;
	line-height: 38px;
}

#aboutBl div ul {
	display: table;
	width: 100%;
}
#aboutBl div ul li {
	display: table-cell;
	vertical-align: top;
}
#aboutBl div ul li:nth-child(1) { padding: 0 10% 0 0; }

@-moz-document url-prefix() {
	#aboutBl div ul li:nth-child(2) { padding: 0 0 0 17%; }
}





/* -------------------------------------------------------------
　ROOMS
------------------------------------------------------ 1024px */

#roomsBl .inner {
	padding: 50px 8.2% 20px;
}

#roomsBl .h1en {
	margin: 0;
}
#roomsBl .h2njp {
	margin: 0 0 39px;
}
#roomsBl .h2njp20 {
	font-size: 2.8rem;
	margin: 0 0 65px;
}

#roomsBl .rWrap {
	width: 100%;
	max-width: 1060px;
	display: flex;
	flex-wrap: wrap;
}
#roomsBl .rWrap > li {
	width: 50%;
}
#roomsBl .rWrap > li:nth-child(odd) { padding: 0 2% 0 0; }
#roomsBl .rWrap > li:nth-child(even) { padding: 0 0 0 2%; }





/* -------------------------------------------------------------
　SHOP
------------------------------------------------------ 1024px */

#shopBl .inner { padding: 68px 60px 70px; }

#shopBl .roomsSlide {
	max-width: unset;
}

#shopBl p.h1en {
	font-size: 9rem;
	margin: 0;
}
#shopBl .h2njp {
	font-size: 1.4rem;
	line-height: 28px;
	letter-spacing: 0.7px;
	margin: 0 0 43px;
}

#shopBl .logo{
	width: 30%;
	text-align: center;
	margin: 0 auto 1.5em;
}

#shopBl h3 {
	font-size: 2.8rem;
	text-align: center;
	margin: 0 0 16px;
}

#shopBl h3 span {
	display: block;
	font-size: 2rem;
	text-align: center;
	margin: 0 0 16px;
}

#shopBl p.hour {
	font-size: 2rem;
	margin: 0 0 44px;
}

#shopBl .item img{
	display: block;
	width:80%;
	margin: 0 auto;
}

#shopBl a.bt_outlink {
	margin: 50px auto 0;
}





/* -------------------------------------------------------------
　STYLE
------------------------------------------------------ 1024px */

#styleBl .inner { padding: 100px 50px 10px; }


/* ご利用案内
------------------------------------------------------------- */

#styleBl ul.usage {
	display: flex;
	flex-wrap: wrap;
}
#styleBl ul.usage > li {
	flex-basis: 50%;
	padding: 0 0 0 3%;
}
#styleBl ul.usage > li:nth-child(odd) {
	padding: 0 3% 0 0;
}
#styleBl ul.usage:nth-child(1) {
	margin: 0 0 64px;
	padding: 0 0 10px;
}
#styleBl ul li .h1en {
	text-align: left;
	margin: -30px 0 0;
}
#styleBl ul li .h2njp {
	text-align: left;
	margin: 0 0 0 4.8em;
}

#styleBl ul li ul { margin: 0 0 60px; }


/* 決済関係
------------------------------------------------------------- */

#styleBl .cardBl {
	margin: 0 0 70px;
	padding: 0 0 54px;
}

#styleBl .cardBl .cardTtl {
	font-size: 3rem;
	line-height: 48px;
	margin: 0 0 12px;
}
#styleBl .cardBl .cLead {
	font-size: 1.8rem;
	line-height: 32px;
	margin: 0 0 30px;
}

#styleBl .cardBl .cardStl {
	font-size: 2rem;
	margin: 0 0 28px;
	padding: 10px 0;
	border-radius: 40px;
}

#styleBl .cardBl ul.ccp {
	display: flex;

}
#styleBl .cardBl ul.ccp li {
	width: 47%;
	padding: 0 0 40px;
}
#styleBl .cardBl ul.ccp li:nth-child(1) { margin: 0 30px 0 0; }
#styleBl .cardBl ul.ccp li:nth-child(2) { margin: 0 0 0 30px; }

#styleBl .cardBl .tem p { margin: 16px 180px 0; }


/* 施設・サービス
------------------------------------------------------------- */

#styleBl ul.sStyle > li {
	flex-basis: 34.667%;
	padding: 0 4% 0 0;
}
#styleBl ul.sStyle li:nth-child(3n) {
	flex-basis: 30.666%;
	padding: 0;
}


/* ボタン区画
------------------------------------------------------------- */

#styleBl .bt_box a {
	padding: 57px 0 40px;
	background-position: calc(50% + 96px) 50% ;
}
#styleBl .bt_box a:hover {
	background-position: calc(50% + 116px) 50% ;
}

#styleBl .bt_box a span {
	font-size: 3rem;
}





/* -------------------------------------------------------------
　HOW TO USE
------------------------------------------------------ 1024px */

#howtouseBl .wrap { padding: 70px 5% 0; }

#howtouseBl .wrap .h1en {
	line-height: 126px;
}
#howtouseBl .wrap .h2njp {
	margin: 0 0 25px;
}
#howtouseBl .wrap .h2njp20 {
	margin: 0 0 50px;
}


/* フローイメージ
------------------------------------------------------------- */

#howtouseBl .wrap .touchFlow {
	width: 840px;
	margin: 0 auto;
}

#howtouseBl .wrap .caution {
	font-size: 1.6rem;
}


/* ボタン区画
------------------------------------------------------------- */

#howtouseBl .bt_box a {
	padding: 57px 0 40px;
	background-position: calc(50% + 80px) 43%;
}
#howtouseBl .bt_box a:hover {
	background-position: calc(50% + 100px) 43%;
}

#howtouseBl .bt_box a span {
	font-size: 3rem;
}




/* BREAKFAST

#bfBl .inner { padding: 54px 60px 60px; }

#bfBl ul li:nth-child(1) { padding: 0 3.78% 0 0; }
 */





/* -------------------------------------------------------------
　ACCESS
------------------------------------------------------ 1024px */

#accessBl .inner { padding: 60px 8.2% 45px; }

#accessBl .h3en {
	text-align: left;
	line-height: 70px;
}
#accessBl .spTtl { display: none ; }
#accessBl .pcTtl { display: block; }

#accessBl .h2njp {
	text-align: left;
	margin: 0 0 28px 48px;
}

#accessBl .flexBl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	padding: 0 
}


/* googlemap
------------------------------------------------------------- */

#accessBl .aMap { width: 70%; }
#accessBl .aMap iframe {
	width: 100%;
	height: 480px;
	border-radius: 20px;
}


/* アクセス詳細
------------------------------------------------------------- */

#accessBl .hInfo {
	width: 30%;
*	max-width: 276px;
	padding: 0 4.7% 0 0;
}





/* -------------------------------------------------------------
　FAQ
------------------------------------------------------ 1024px */

#faqBl .inner { padding: 70px 80px 50px; }

#faqBl ul {
	display: table;
	width: 100%;
}

#faqBl li {
	display: table-cell;
	vertical-align: top;
}

#faqBl li:first-child {
	width: 150px;
	text-align: left;
	line-height: 1;
	padding: 0 50px 0 0;
}

#faqBl details.subList summary.subTrig,
#faqBl details.subList .content p { font-size: 1.6rem; }





/* -------------------------------------------------------------
　PHOTO GALLERY
------------------------------------------------------ 1024px */

#photogBl p {
	margin: 48px 0 12px;
}


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

#photogBl .swiper-button-prev {
	left: 20px;
}
#photogBl .swiper-button-next {
	right: 47px;
}
#photogBl .swiper-button-prev,
#photogBl .swiper-button-next {
	top: 41px;
}

#photogBl .swiper-button-prev::after,
#photogBl .swiper-button-next::after {
	font-size: 40px;
}





/* -------------------------------------------------------------
　OUR HOTELS
------------------------------------------------------ 1024px */

#ourHotelsBl .inner { padding: 40px 4% 0; }

#ourHotelsBl ul li .h2jp { margin: 24px 0 0; }

#ourHotelsBl ul li div img.ourHimg {
	max-width: 258px;
}


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

#ourHotelsBl .container,
#ourHotelsBl #ourHotels {
	width: 854px;
}

#ourHotelsBl .swiper-horizontal > .swiper-pagination-bullets,
#ourHotelsBl .swiper-pagination-horizontal.swiper-pagination-bullets {
	& .swiper-pagination-bullet {
		margin: 0 11px;
	}
}


#ourHotelsBl .swiper-button-prev {
	left: -69px;
}
#ourHotelsBl .swiper-button-next {
	right: -45px;
}
#ourHotelsBl .swiper-button-prev,
#ourHotelsBl .swiper-button-next {
	top: 87px;
}

#ourHotelsBl .swiper-button-prev::after,
#ourHotelsBl .swiper-button-next::after {
	font-size: 40px;
}





/* -------------------------------------------------------------
　PICK UP
------------------------------------------------------ 1024px */

#puBl .inner { padding: 40px 35px 62px; }

#puBl .h3en { margin: 0; }

#puBl .h2njp { margin: -5px 0 17px; }


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

#puBl .container {
	width: 814px;
}

#puBl .pickupSlide {
	padding: 0 0 85px;
}

#puBl .swiper-horizontal > .swiper-pagination-bullets,
#puBl .swiper-pagination-horizontal.swiper-pagination-bullets {
    & .swiper-pagination-bullet {
        margin: 0 11px;
    }
}

#puBl .swiper-button-prev {
	left: -81px;
}
#puBl .swiper-button-next {
	right: -53px;
}
#puBl .swiper-button-prev,
#puBl .swiper-button-next {
	top: 40%;
}

#puBl .swiper-button-prev::after,
#puBl .swiper-button-next::after {
	font-size: 40px;
}




/* -------------------------------------------------------------
　INSTAGRAM
------------------------------------------------------ 1024px */

#instaBl ul { width: 840px; }





}/* media Queries 1024 */









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




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

#bestrate { margin: 0 0 48px; }

#bestrate ul.wrap {
	width: 100%;
	padding: 42px 2.528% 38px 3.238%;
}

#bestrate ul.wrap > li:first-child {
	width: calc(20.54% - 1px);
	padding: 0 2.514% 5px 0;
}

#bestrate ul.wrap > li:nth-child(2) {
	width: 53.64%;
	padding: 0 0 5px 3.35%;
}

#bestrate ul.wrap > li:last-child {
	width: 25.82%;
	padding: 0 0 5px 0;
}

#bestrate ul.wrap li h2 {
	font-size: 1.2rem;
	letter-spacing: 0.8px;
	margin: 0;
}

#bestrate ul.wrap li .stl {
	font-size: 4.2rem;
}

#bestrate ul.wrap li ul.bt_box {
	display: flex;
	align-items: center;
	margin: 0;
}

#bestrate ul.wrap li ul.bt_box li {
	width: 50%;
	padding: 0 5% 0 0;
}

#bestrate ul.wrap li ul.bt_box li a {
	width: 100%;
	padding: 22px 10px;
	margin: 0;
}

#bestrate ul.wrap li .bt_reg {
	font-size: 1.4rem;
	letter-spacing: 0;
}

#bestrate ul.wrap li .bt_chenge {
	color: #000;
	font-size: 1.4rem;
	background: #fff;
	border-radius: 40px;
}

#bestrate ul.wrap li .txt {
	font-size: 1.35rem;
}
#bestrate ul.wrap li .comment {
	font-size: 1.1rem;
}




}/* media Queries 1100 */







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

#topBl,
#topiBl,
#infoBl,
#bnBl,
#aboutBl,
#howtouseBl,
#styleBl,
#bfBl,
#shopBl,
#roomsBl,
#accessBl,
#photogBl,
#faqBl,
#ourHotelsBl,
#puBl,
#instaBl { margin: 0 auto 48px; }





/* -------------------------------------------------------------
　コンテンツ区画
------------------------------------------------------ 1280px */

.scfixInr {
	max-width: 1280px;
	margin: 46px auto 0;
}





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

#bestrate ul.wrap {
	padding: 47px 2.528% 43px 3.238%;
}

#bestrate ul.wrap > li:first-child {
*	padding: 0 2.514% 10px 0;
}

#bestrate ul.wrap > li:nth-child(2) {
*	padding: 0 0 10px 3.35%;
}

#bestrate ul.wrap > li:last-child {
*	padding: 0 0 10px 0;
}

#bestrate ul.wrap li h2 {
	font-size: 1.4rem;
	margin: 0 0 10px;
}

#bestrate ul.wrap li .stl {
	font-size: 4.97rem;
}

#bestrate ul.wrap li .bt_reg {
	font-size: 1.6rem;
	letter-spacing: 0.8;
}

#bestrate ul.wrap li .bt_chenge {
	font-size: 1.6rem;
}

#bestrate ul.wrap li .txt {
	font-size: 1.5rem;
}
#bestrate ul.wrap li .comment {
	font-size: 1.3rem;
}





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

#top_nav {
	margin: 0 0 48px;
}

#top_nav ul li {
	margin: 0;
}





/* -------------------------------------------------------------
　INFORMATION
------------------------------------------------------ 1280px */

#infoBl .inner { padding: 35px 35px 36px; }

#infoBl .h2njp {
	margin: -2px 0 40px;
}

#infoBl .item { width: 340px; }


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

#infoBl .container,
#infoBl .sdWrap {
	width: 1100px;
}


#infoBl .swiper-button-prev {
	left: -72px;
}
#infoBl .swiper-button-next {
	right: -48px;
}
#infoBl .swiper-button-prev,
#infoBl .swiper-button-next {
	top: 48px;
}





/* -------------------------------------------------------------
　TOPICS
------------------------------------------------------ 1280px */

#topiBl .wrap {
	padding: 43px 7% 35px;
}

#topiBl .l_column p.h2en {
	margin: -2px 0 17px;
}

#topiBl .l_column .h2njp {
	margin: 0 0 25px;
}

#topiBl .r_column .scrl {
	max-height: 190px;
}

#topiBl .r_column .scrl ul {
	margin: 0 0 32px;
}

#topiBl .r_column .scrl ul li:nth-child(1) {
	width: 110px;
	padding: 4px;
}





/* -------------------------------------------------------------
　SHOP
------------------------------------------------------ 1280px */

#shopBl .inner { padding: 69px 100px 64px; }

#shopBl .h2njp {
	margin: -4px 0 43px;
}

#shopBl .h2njp {
	margin: -4px 0 47px;
}





/* -------------------------------------------------------------
　STYLE
------------------------------------------------------ 1280px */

#styleBl .inner {
	padding: 104px 5% 40px;
}


/* ご利用案内
------------------------------------------------------------- */

#styleBl ul.usage {
	margin: 0 0 70px;
	padding: 0;
}

#styleBl ul.usage > li { padding: 0 4%; }

#styleBl ul li .h1en {
	margin: -25px 0 0;
}

#styleBl ul li .h2njp {
	margin: -5px 0 0 65px;
}

#styleBl ul li ul {
	margin: 0 0 72px;
}


/* 決済関係
------------------------------------------------------------- */

#styleBl .cardBl {
	padding: 0 0 70px;
}

#styleBl .cardBl .cLead {
	margin: 0 0 35px;
}

#styleBl .cardBl .tem p {
	font-size: 1.4rem;
}



/* 施設・サービス
------------------------------------------------------------- */

#styleBl ul.sStyle > li,
#styleBl ul.sStyle li:nth-child(3n) {
	flex-basis: 26%;
	padding: 0 4% 0 0;
}

#styleBl ul.sStyle li:nth-child(4n) {
	flex-basis: 22%;
	padding: 0;
}





/* -------------------------------------------------------------
　HOW TO USE
------------------------------------------------------ 1280px */

/* フローイメージ
------------------------------------------------------------- */

#howtouseBl .wrap .touchFlow {
	width: 908px;
}



/* ボタン区画
------------------------------------------------------------- */

#howtouseBl .bt_box a {
	padding: 55px 0 46px;
}

#howtouseBl .bt_box a span {
	margin: 0 0 4px;
}





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

/* googlemap
------------------------------------------------------------- */

#accessBl .aMap { width: 73.9%; }


/* アクセス詳細
------------------------------------------------------------- */

#accessBl .hInfo {
	width: 26.1%;
}





/* -------------------------------------------------------------
　FAQ
------------------------------------------------------ 1280px */

#faqBl .inner { padding: 70px 105px 50px; }

#faqBl .h3en {
	margin: -19px 0 0;
}

#faqBl details.subList summary.subTrig { padding: 36px 4em 36px 3em; }
#faqBl details.subList .content p {
	padding: 36px 0 36px 3em;
	background: url(/img/faq/a.png) left 40px no-repeat;
}

#faqBl p {
	margin: 47px 0 0;
}





/* -------------------------------------------------------------
　PHOTO GALLERY
------------------------------------------------------ 1280px */

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

#photogBl .swiper-button-next {
	right: 51px;
}

#photogBl .swiper-button-prev::after,
#photogBl .swiper-button-next::after {
	font-size: 44px;
}




/* -------------------------------------------------------------
　OUR HOTELS
------------------------------------------------------ 1280px */

#ourHotelsBl .inner { padding: 40px 5% 0; }


/* スライダー内item
------------------------------------------------------------- */

#ourHotelsBl ul li div img.ourHimg {
	max-width: 320px;
}


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

#ourHotelsBl .container,
#ourHotelsBl #ourHotels {
	width: 1040px;
}


#ourHotelsBl .swiper-button-prev {
	left: -91px;
}
#ourHotelsBl .swiper-button-next {
	right: -56px;
}
#ourHotelsBl .swiper-button-prev,
#ourHotelsBl .swiper-button-next {
	top: 102px;
}

#ourHotelsBl .swiper-button-prev::after,
#ourHotelsBl .swiper-button-next::after {
	font-size: 48px;
}





/* -------------------------------------------------------------
　PICK UP
------------------------------------------------------ 1280px */

#puBl .item {
	width: 300px;
	height: 320px;
}

#puBl ul li:nth-child(2) { padding: 22px 25px 25px; }


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

#puBl .container {
	width: 980px;
}

#puBl .swiper-button-prev {
	left: -91px;
}
#puBl .swiper-button-next {
	right: -60px;
}

#puBl .swiper-button-prev::after,
#puBl .swiper-button-next::after {
	font-size: 44px;
}





/* -------------------------------------------------------------
　INSTAGRAM
------------------------------------------------------ 1280px */

#instaBl ul { width: 1050px; }

#instaBl .inner {
	padding: 37px 20px 17px;
}

#instaBl .h3en {
	margin: 0 0 40px;
}





/* BREAKFAST

#bfBl .inner { padding: 54px 100px 60px; }

 */




}/* media Queries 1280 */

