@charset "UTF-8";


/* -------------------------------------------------------------
　客室案内
------------------------------------------------------------- */

/* TOPイメージ
------------------------------------------------------------- */

#stay #page_title {
	background: url(/niigata/img/stay/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　館内施設
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#facilities #page_title {
	background: url(/niigata/img/facilities/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#bf #page_title {
	background: url(/niigata/img/bf/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}



/* -------------------------------------------------------------
　アクセス
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#access #page_title {
	background: url(/niigata/img/access/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}




/* -------------------------------------------------------------
　Tぶら旅
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#teburatabi #page_title {
	background: url(/img/common/hotelGuide/h1_bg.jpg) 50% top no-repeat;
	background-size: auto 275px;
}


/* メインイメージ
------------------------------------------------------------- */

#teburatabi #mainImg{
	text-align: center;
}

#teburatabi #mainImg .useSP{
	text-align: center;
}

#teburatabi #mainImg div.useSP img:first-child{
	display: block;
    margin: 0 auto 45px;
}

#teburatabi #mainImg ul{
	display: block;
	margin: 25px auto;
}
#teburatabi #mainImg ul li{
	text-align: center;
	margin-bottom: 20px;
}



/* ご利用の流れ
------------------------------------------------------------- */

#teburatabi #howUse h3,#teburatabi #service h3{
	background-color: #009999;
	color: #FFF;
	font-size: 24px;
	text-align: center;
	line-height: 1;
	padding: 16px 0;
	margin-bottom: 30px;
}
#teburatabi #howUse,#teburatabi #service{
	margin:0 10px;
	text-align: center;
}

#teburatabi #howUse span{
	text-align: left;
	display: block;
	font-size: 14px;
}

#teburatabi #howUse img{
	margin: 40px auto 60px;

}



/* サービス詳細
------------------------------------------------------------- */

#teburatabi #service ul li{
	font-size: 14px;
	border-bottom: #b2b2b2 solid 1px;
	padding: 15px 0;
}
#teburatabi #service ul li:last-child{
	border-bottom: none;
}
#teburatabi #service ul li p{
	display: inline-block;
	width: 100%;
}
#teburatabi #service ul li p:first-child{
	color: #009999;
	font-weight: 600;
}
#teburatabi #service ul li p:nth-child(2) span{
	color: #009999;
}
#teburatabi #service img{
	margin: 0 auto;
	max-width: 100%;
}
#teburatabi #service a{
    display: block;
    width: 290px;
    color: #FFF;
    font-size: 20px;
    text-align: center;
	line-height: 1;
    margin: 45px auto 110px;
    padding: 18px 0;
	background-color: #009999;
    border-radius: 15px;
}





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


/* -------------------------------------------------------------
　ホテルTOP
------------------------------------------------------------- */

/* 周辺観光
------------------------------------------------------------- */

#access_bl .tour_bl article.item_1 {
	background: url(/niigata/img/top/tourism_1.jpg) center top no-repeat;
	background-size: cover;
}
#access_bl .tour_bl article.item_2 {
	background: url(/niigata/img/top/tourism_2.jpg) center top no-repeat;
	background-size: cover;
}
#access_bl .tour_bl article.item_3 {
	background: url(/niigata/img/top/tourism_3.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　客室案内
------------------------------------------------------------- */

/* TOPイメージ
------------------------------------------------------------- */

#stay #page_title {
	background: url(/niigata/img/stay/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　館内施設
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#facilities #page_title {
	background: url(/niigata/img/facilities/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　朝食
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#bf #page_title {
	background: url(/niigata/img/bf/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}



/* -------------------------------------------------------------
　アクセス
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#access #page_title {
	background: url(/niigata/img/access/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}




/* -------------------------------------------------------------
　Tぶら旅
------------------------------------------------------------- */

/* TOPタイトル
------------------------------------------------------------- */

#teburatabi #page_title {
	background: url(/img/common/hotelGuide/h1_bg.jpg) center top no-repeat;
	background-size: cover;
}


/* メインイメージ
------------------------------------------------------------- */

#teburatabi #mainImg,
#teburatabi #howUse,
#teburatabi #service{
	max-width: 1000px;
    margin: 0 auto;
    width: 95%;
}

#teburatabi #mainImg div.usePC{
	text-align: center;
}
#teburatabi #mainImg div.usePC img:first-child{
	margin-bottom: 60px;
	max-width: 100%;
}

#teburatabi #mainImg ul{
	display: inline-block;
	margin-bottom: 60px;
}
#teburatabi #mainImg ul li{
	float: left;
	margin: 0 15px;
}
#teburatabi #mainImg ul li img{
	width: 200px;
}



/* ご利用の流れ
------------------------------------------------------------- */

#teburatabi #howUse{
	margin:0 auto;
}

#teburatabi #howUse h3,
#teburatabi #service h3{
	font-size: 30px;
	padding: 15px 0;
	margin-bottom: 40px;
}
#teburatabi #howUse img{
	margin: 30px auto 60px;
	max-width: 100%;
}
#teburatabi #howUse span{
	font-size: 16px;
}



/* サービス詳細
------------------------------------------------------------- */

#teburatabi #service ul li{
	font-size: 16px;
	padding: 15px 0;
}
#teburatabi #service ul li p{
	display: inline-block;
}
#teburatabi #service ul li p:first-child{
	width: 140px;
	color: #009999;
	padding: 0 50px 0 25px;
	vertical-align: top;
}
#teburatabi #service ul li p:nth-child(2){
	width: calc(100% - 150px);
}

#teburatabi #service a{
    width: 320px;
    padding: 27px;
	margin: 80px auto 130px;
}




}/* /810 */









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

/* -------------------------------------------------------------
　header調整
------------------------------------------------------------- */

header .pc_nav li.nav_bl {
	width: 60%;
}




/* -------------------------------------------------------------
　Tぶら旅
------------------------------------------------------------- */

/* メインイメージ
------------------------------------------------------------- */
#teburatabi #mainImg,
#teburatabi #howUse,
#teburatabi #service{
	width: 100%;
}

#teburatabi #mainImg ul li img{
	width: 100%;
}



/* サービス詳細
------------------------------------------------------------- */

#teburatabi #service ul li p:nth-child(2){
	width: 850px;
}

#teburatabi #mainImg ul li{
	float: left;
	margin: 0 35px;
}



}/* 1024 */