@charset "UTF-8";
/* CSS Document */

.slide_cal .slider-nav {
	height:auto !important;
}
/* 
------------------------------------------------------------------------------------------------------------------------
Top Page 
------------------------------------------------------------------------------------------------------------------------
*/

/* メインスライドのところのテキスト */
.top_slide_wrap .top_middle p {
	max-width:none;
	width:100%;
	height:227px;
	letter-spacing:1px;
}
.top_slide_wrap .top_middle p.lang {
	height:222px;
	font-size:20px;
}

/* 宿泊プランのタイトル画像 */
.top_stayplan .right {
    background: url(../images/tokyo-shiba/top/stayplan.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

/* 3つの魅力 */
.top_feature .box:first-child {
    background: url(../images/tokyo-shiba/top/feature01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    text-align: left;
}
.top_feature .box:nth-child(2) {
    background: url(../images/tokyo-shiba/top/feature02.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    text-align: right;
}
.top_feature .box:nth-child(3) {
    background: url(../images/tokyo-shiba/top/feature03.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    text-align: left;
}
.top_feature .box dd p:first-child {
    font-size: 13px;
}

/* 3つの下層への誘導ボタン */
.nav_top li:first-child {
    background: url(../images/tokyo-shiba/top/topnav01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.nav_top li:nth-child(2) {
    background: url(../images/tokyo-shiba/top/topnav02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.nav_top li:nth-child(3) {
    background: url(../images/tokyo-shiba/top/topnav03.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

/* フォトギャラリー */
.top_photo .inner {
    background: url(../images/tokyo-shiba/top/photo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6px;
    position: relative;
}

@media screen and (max-width:768px){
.top_stayplan .right {
	background:#433D3C;
}
}


/* 
------------------------------------------------------------------------------------------------------------------------
Concept 
------------------------------------------------------------------------------------------------------------------------
*/

#concept .catch {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}
#concept .catch+p {
    text-align: center;
}

#access section li {
	list-style-type:disc;
	margin:0 0 0 15px;
}

#concept section .text.right {
	left:auto;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Rooms 
------------------------------------------------------------------------------------------------------------------------
*/

#rooms .feature .box:first-child {
    background: url(../images/tokyo-shiba/rooms/02.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}
#rooms .feature .box:last-child {
    background: url(../images/tokyo-shiba/rooms/01.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
}
.triple {
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
}
.triple dl {
    min-height: 0;
	float:none;
}
#rooms .feature .box:nth-child(1) dl {
	float:right;
}#rooms .feature .box:nth-child(2) dl {
	float:none;
}
#rooms.detail table th {
	width:130px;
}

@media screen and (max-width:768px){
#rooms .feature .box:first-child,
#rooms .feature .box:last-child {
	background-size: 170%;
}
}


/* 
------------------------------------------------------------------------------------------------------------------------
Restaurant 
------------------------------------------------------------------------------------------------------------------------
*/
.rest_nav li {
    width: 50%;
}
.rest_nav li span {
	font-size:16px;
	padding-top: 24px;
    padding-bottom: 24px;
}
.rest_nav li:first-child span {
    padding-top: 24px;
    padding-bottom: 24px;
}

#restaurant .title p{
	display:inline-block;
	vertical-align:middle;
}
#restaurant .title span:first-child {
    color: #AD8500;
    background: none;
    display:block;
	vertical-align:middle;
    padding: 0 0 5px;
	margin:0;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#restaurant .title p+span {
	display:inline-block;
	vertical-align:middle;
}

#restaurant #lapelouse .breakfast h3+p,
#restaurant #lapelouse .dinner h3+p  {
	font-size:18px;
	margin:0 0 20px;
}
#restaurant #lapelouse .breakfast .ivory_box,
#restaurant #lapelouse .dinner .ivory_box {
	margin:0 0 30px;
	padding:30px 35px;
}
#restaurant #lapelouse .breakfast .ivory_box dt,
#restaurant #lapelouse .dinner .ivory_box dt {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
#restauran #lapelouset .breakfast .ivory_box dd,
#restauran #lapelouset .dinner .ivory_box dd {
	font-size:15px;
	margin-bottom:15px;
}
#restaurant #lapelouse .breakfast .ivory_box dd:last-child,
#restaurant #lapelouse .dinner .ivory_box dd:last-child {
	margin:0;
}

#restaurant #lapelouse .breakfast ul.triple,
#restaurant #lapelouse .dinner ul.triple {
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	display: flex;
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /* Safari6.1以降 */
	flex-wrap: wrap;
	padding:0;
	margin:0 -20px 40px 0;
}
#restaurant #lapelouse .breakfast ul.triple li,
#restaurant #lapelouse .dinner ul.triple li{
	width:33.33%;
	padding:0 20px 20px 0;
}

#restaurant #bar .breakfast .left_box,
#restaurant #bar .lunch .left_box,
#restaurant #bar .tea .left_box {
	/* text-align:center; */
}
#restaurant #bar .breakfast .left_box .title,
#restaurant #bar .lunch .left_box .title,
#restaurant #bar .tea .left_box .title {
	font-size:20px;
	color:#424242;
}
#restaurant #bar .breakfast .left_box li,
#restaurant #bar .lunch .left_box li,
#restaurant #bar .tea .left_box li{
	line-height:1.7;
}
#restaurant h3 span{
	vertical-align:middle;
	margin-left:15px;
}

@media screen and (max-width:768px){
#restaurant #lapelouse .breakfast ul.triple,
#restaurant #lapelouse .dinner ul.triple{
	margin:0 -10px 40px 0;
}
#restaurant #lapelouse .breakfast ul.triple li,
#restaurant #lapelouse .dinner ul.triple li{
	width:50%;
	padding:0 10px 10px 0;
}
}
@media screen and (max-width:578px){
.rest_nav li {
    width: 100%;
}
.rest_nav li img {
    margin-top: 0;
}
}


/* 
------------------------------------------------------------------------------------------------------------------------
Enjoy 
------------------------------------------------------------------------------------------------------------------------
*/
#enjoy.day h3 + p {
    font-weight: normal;
    font-size: 17px;
    margin: 0 0 30px;
}
#enjoy .triple dl dd dl.info dt {
    margin: 0;
}
#enjoy .info.no-line dt {
	float:none !important;
	padding: 10px 20px 5px;
}
#enjoy .info.no-line dd {
	padding: 0 20px 10px;
}
#enjoy .info dd {
	overflow-wrap: break-word;
	word-break:break-all;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Guest Lounge / Patio 
------------------------------------------------------------------------------------------------------------------------
*/
#lounge_patio .title {
    font-size: 24px;
    padding: 0 0 5px;
    border-bottom: 1px solid #AFAFAF;
    margin: 0 0 20px;
}

@media screen and (max-width:768px){
#lounge_patio .title {
	font-size:20px;
}
}


/* 
------------------------------------------------------------------------------------------------------------------------
Spa / Fitness
------------------------------------------------------------------------------------------------------------------------
*/
#spa_fitness .anc_li {
	margin-bottom:50px;
}
#spa_fitness .anc_li li {
    padding: 0 10px 0 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 50%;
    float: left;
}
#spa_fitness .anc_li li:last-child {
	padding:0;
}
#spa_fitness .anc_li li a {
    background: #999999;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 19px;
    padding: 10px 0;
}
#spa_fitness .anc_li li a.arrow:before {
    left: 25px;
    width: 10px;
    height: 10px;
}
#spa_fitness .anc_li li a:hover {
    background: #C69401;
}

#spa_fitness .title {
    font-size: 24px;
    padding: 0 0 5px;
    border-bottom: 1px solid #AFAFAF;
    margin: 0 0 20px;
}
#spa_fitness .title span {
    display: block;
    padding: 0 0 5px;
	margin:0;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#spa_fitness #spa .triple dt.min{
	min-height:54px;
}
#spa_fitness #spa .triple dt{
	font-size:18px;
}
#spa_fitness #spa .triple dd table th,
#spa_fitness #spa .triple dd table td {
	font-size:13px;
}
#spa_fitness #spa .triple table {
	margin:0 0 15px;
}
#spa_fitness #spa .triple table th{
	background:#EDEDED;
	font-weight:normal;
}

#spa_fitness .info {
    border-top: none;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
}
#spa_fitness .info dd {
    border-bottom: 1px solid #cccccc;
}
#spa_fitness .info dt {
    font-weight: normal;
}

@media screen and (max-width:768px){
#spa_fitness .anc_li li a {
	font-size:17px;
}
#spa_fitness .title {
	font-size:20px;
}
}
@media screen and (max-width:568px){
#spa_fitness .anc_li li {
    padding: 0;
    width: 100%;
    float: none;
	margin:0 0 10px;
}
#spa_fitness .anc_li li:last-child {
	margin:0;
}
}