@charset "utf-8";
/* CSS Document */
/* 亀屋headerロゴ */
.header-inner #header-logo img { max-width: 165px; }
/* 亀屋footerロゴ */
#footerLogo img { width: 66%; }
/* スマホビデオの位置 */
video.slider-bgSp { top: 111%; }
.videoBoxFooter video { top: 111%; }
/* スマホトップ画像 */
#topImageSp #topImageInnerSp img { width: 100%; }
/* スマホグロナビ ロゴの大きさ */
p.hgmtitle img { width: 69%; }
/* トップメイン画像 縦書きの中の数字 */
.topText span.number { text-orientation: upright; }
/* トップメイン画像 縦書きの中の数字 二桁の時 */
.topText span.number2 {
  text-combine-upright: all;
  letter-spacing: normal;
}

/* 施設一覧 */
.banquet-listbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.banquet-listbox li {
    width: 100%;
    margin: 0.3rem 0;
}
/* 基本のテーブル */
.basics-table {
	width:100%;
	border:0;
	border-collapse:collapse;
}
.basics-table .table-tit {
    padding: 0.3rem 0.6rem;
    border: 1px solid #999;
    background-color: #eabf5f;
	vertical-align: middle;
	text-align: center;
}
.basics-table th, td {
	padding: 0.3rem 0.6rem;
	border:1px solid #999;
	background: #f1dbbe;
	vertical-align: middle;
	position: relative;
    top: 0;
    left: 0;
}

.summary-content dl { margin-bottom: 1.5rem; }


/* 温泉トップ画像の位置 */
.onsen-position {
	width: 100%;
    height: 100% !important;
    min-width: 530px;
    object-position: 0% 45%;
    object-fit: cover;
}
/* 温泉ページ */
.onsenHistory {
	position: relative;
	background-image: url("../img/onsen/onsenHistory-bg.png") ;
	border-radius: 60px;
	margin-top: 40px;
	padding: 45px;
	overflow: hidden;
}

.onsenHistory h3 {margin: 0 0 5px; font-weight: 400; color: #094600;}
.onsenHistory div {margin: 5px 0 20px;}
.onsenHistory div:last-child {margin: 5px 0 0;}
.onsenHistory p {padding: 10px 0;}
.onsenHistory p span { color: #036c73; }


/* アクセス */
.access-means dl { margin-bottom: 1.2rem; }
.access-means dt {
    padding: 0.9rem 0;
    font-size: 120%;
    line-height: 140%;
}
.illustration-map {
	margin: 1.5rem 0;
	box-shadow: 0px 0px 15px -5px #a7a7a7;
    border-radius: 9px;
}
.illustration-map img {
	width: 100%;
    max-width: 1000px;
    vertical-align: bottom;
}


@media (min-width: 768px) {
/* タブレットグロナビ3段から2段 */
.hgBox02_inner li.hgmenu { width: 49%; }
	
/* お品書き縦書きの中の数字 */
.oshinagaki span.number,
.pointUp span.number { text-orientation: upright; }
/* お品書き縦書きの中の数字 二桁の時 */
.oshinagaki span.number2,
.pointUp span.number2 {
  text-combine-upright: all;
  letter-spacing: normal;
}	
/* アクセス */	
.illustration-map { margin: 2.7rem 0 0; }	
	
	
	
}

@media (min-width: 1000px) {
/* 客室トップ画像の位置 */
.room-position {
	width: 100%;
    height: 100% !important;
    min-width: 530px;
    object-position: 0% 75%;
    object-fit: cover;
}
/* 施設についてトップ画像の位置 */
.about-position {
	width: 100%;
    height: 100% !important;
    min-width: 530px;
    object-position: 0% 60%;
    object-fit: cover;
}	
/* 施設一覧 */
.banquet-listbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.banquet-listbox li { width: 49%; }	
	
	
	
	
	
}