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

/*-------------------------------------------------------*/
/*  Index
/*-------------------------------------------------------*/
/*mainVisual*/
.indexMainVisual{
	width: 100%;
	background: #bcbcbc;
}
/*indexService*/
.indexReserve{ 
	width: 100%;
	background: #f5f1e9;
}
.indexReserve .btnInner .tel{
	background: #fff;
	height: 60px;
	line-height: 60px;
}
/*bpg*/
.indexBpg{
	width: 100%;
	height: 64px;
	background: url(../images/top/bg_bpg.png) repeat-x;
}
.indexBpg p{
	width: 940px;
	margin: 0 auto;
}
/*indexInfo*/
.indexInfo{
	width: 940px;
	margin: 55px auto 70px;
}
.indexInfo .news{
	float: left;
	width: 650px;
}
.indexInfo .news h3{
	margin-bottom: 20px;
	font-size: 1.571em;
	color: #3d3327;
	letter-spacing: 5px;
}
.indexInfo .news ul{
	height: 470px;
	overflow-y: auto;
}
.indexInfo .news li{
	padding: 15px 0 14px 35px;
	border-bottom: 1px solid #e4e1dd;
	background: url(../images/common/icn_arw01.png) no-repeat 10px 1.2em;
}
.indexInfo .news li:first-child{
	border-top: 1px solid #e4e1dd;
}
.indexInfo #facebook-area{
	float: right;
}
/*accessSearch*/
.accessSearch{
	width: 940px;
	margin: 0 auto 80px;
	border-top: 4px solid #31281e;
	padding-top: 40px;
}
.accessSearch h3{
	margin-bottom: 20px;
	font-size: 1.571em;
	color: #3d3327;
}
.accessSearch ul{
	position: relative;
	height: 458px;
	background: url(../images/top/map_bg.png) no-repeat center top;
}
.accessSearch li{
	position: absolute;
}
.accessSearch li.shiodome{
	top: 316px;
	left: 647px;
}
.accessSearch li.roppongi{
	top: 324px;
	left: 231px;
}
.accessSearch li.tamachi{
	top: 377px;
	left: 535px;
}
.accessSearch li.hamamatsucho{
	top: 351px;
	left: 567px;
}
.accessSearch li.hacchobori{
	top: 266px;
	left: 677px;
}
.accessSearch li.kayabacho{
	top: 226px;
	left: 708px;
}
.accessSearch li.hakozaki{
	top: 194px;
	left: 743px;
}
.accessSearch li.nihonbashi{
	top: 162px;
	left: 591px;
}
.accessSearch li.ueno{
	top: 115px;
	left: 596px;
}
.accessSearch li.otemachi{
	top: 162px;
	left: 498px;
}
.accessSearch li.jinbocho{
	top: 167px;
	left: 403px;
}
.accessSearch li.kudanshita{
	top: 196px;
	left: 334px;
}
.accessSearch li.shinjuku{
	top: 175px;
	left: 93px;
}
.accessSearch li.shinsaibashi{
	top: 408px;
	left: 16px;
}
.accessSearch li.kobe-sannomiya{
	top: 364px;
	left: 0px;
}

/*-------------------------------------------------------*/
/*  Hotel
/*-------------------------------------------------------*/
#hotelSlider {
    overflow:hidden;
    position:relative;
    width:100%;
    height: 400px !important;
    background: #31281e;
}
#sliderInner {
    position:relative;
    left:50%;
    width:2820px;
    margin-left:-1410px;
}
#sliderInner li {
    width:940px;
}
#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:940px;
    height:400px;
}
#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}
/*  pageNav */
.pageNav{
	width: 100%;
	height: 90px;
	margin-bottom: 60px;
	background: #f5f1e9;
}
.pageNav ul{
	width: 940px;
	margin: 0 auto;
}
.pageNav li{
	float: left;
	height: 90px;
	border-right: 1px solid #d4d0c8;
}
.pageNav li a{
	display: block;
	height: 90px;
	padding-top: 25px;
	text-align: center;
	font-size: 1.143em;
	background: url(../images/common/icn_arw04.png) no-repeat center 70%;
}
.pageNav li:first-child{
	width: 230px;
	border-left: 1px solid #d4d0c8;
}
.pageNav li:nth-child(2){
	width: 190px;
}
.pageNav li:nth-child(3){
	width: 290px;
}
.pageNav li:last-child{
	width: 230px;
}
.infoLeft{
	float: left;
	width: 660px;
}
.infoLeft .news{
	height: 261px;
	overflow-y: auto;
}
.infoRight{
	float: right;
	width: 240px;
	margin-top: -25px;
}
.infoLeft .news li{
	padding: 15px 0 14px 35px;
	border-bottom: 1px solid #e4e1dd;
	background: url(../images/common/icn_arw01.png) no-repeat 10px 1.2em;
}
.infoLeft .news li:first-child{
	border-top: 1px solid #e4e1dd;
}
.infoRight .btn a{
	display: block;
	width: 240px;
	height: 60px;
	margin-bottom: 20px;
	text-align: center;
	color: #4d5f6e;
	border: 1px solid #c0c9d0;
	line-height: 60px;
	background: #fff url(../images/common/icn_arw02.png) no-repeat 90% center;
}

#roomSlider{
	margin-bottom: 40px;
}
#roomSlider p{
	text-align: center;
}
table.room{
	width: 100%;
}
table.room thead th{
	text-align: left;
	font-size: 1.143em;
	padding: 15px;
	font-weight: bold;
	border-bottom: 1px solid #d4d0c8;
}
table.room tbody td{
	padding: 15px;
	border-bottom: 1px solid #d4d0c8;
}
table.room tbody td:nth-child(5){
	text-align: center;
}

table.room tbody tr:nth-child(odd){
	background: #f7f7f7;
}
table.room li:before{
	content: "●";
	font-size: 0.7em;
	padding-right: 0.3em;
}
table.room .btn a{
	display: block;
	width: 100px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background: #36537f;
}
.facilitiesInner{
	margin-bottom: 40px;
}
.facilitiesInner .left{
	float: left;
	width: 450px;
	margin-right: 40px;
}
.facilitiesInner .col02{
	width: 225px;
	float: left;
}
.facilitiesInner li{
	padding:0 20px;
}
.facilitiesInner li:before{
	content: "● ";
	font-size: 0.7em;
	margin-left: -20px;
}
.facilitiesInner li.notes:before{
	content: "";
	margin-left: -20px;
}
.facilitiesInner .right{
	float: left;
	width: 450px;
}
.facilitiesInner figure{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.facilitiesInner p{
	margin-bottom: 0px;
}
#hotel h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#hotel h5{
	margin-bottom: 10px;
	font-size: 1.143em;
	font-weight: bold;
}
.accessInner{
	margin-bottom: 40px;
}
#map-canvas{
	width: 940px;
	height: 480px;
	margin-bottom: 20px;
}
.accessInner iframe{
	margin-bottom: 30px;
}
table.access th,
table.access td{
	padding: 15px;
}
table.access th{
	width: 360px;
	border-right: 1px solid #d4d0c8;
}
table.access td:nth-child(2){
	width: 330px;
	border-right: 1px solid #d4d0c8;
}
table.access th p{
	font-size: 1.714em;
	font-weight: bold;	
}
table.access th small{
	color: #7e7e7e;
}
table.access td .tel{
	font-size: 1.429em;
	font-weight: bold;
}
table.access td dl{
	clear: both;
	margin-bottom: 10px;
}
table.access td dl:after{
	content: "";
	display: block;
	clear: both;
}
table.access td dt{
	float: left;
	width: 120px;
	margin-right: 10px;
	padding: 3px;
	text-align: center;
	background: #f5f1e9;
}
table.access td dd{
	float: left;
}
.accessInner div{
	margin-bottom: 30px;
}
.accessInner a{
	display: inline-block;
	float: left;
	padding: 0 0 0 25px;
	margin-right: 20px;
	background: url(../images/common/icn_arw01.png) no-repeat left 0.1em;
}
/*-------------------------------------------------------*/
/*  Safe
/*-------------------------------------------------------*/
.safeNav{
	width: 940px;
	margin: 0 auto 60px;
	background: #f5f1e9;
}
.safeNav ul{
}
.safeNav li{
	float: left;
	width: 235px;
	border-right: 1px solid #d4d0c8;
}
.safeNav li:last-child{
	border-right: 0;
}
.safeNav li:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.safeNav li dl{
	display: block;
	padding: 15px 0 35px;
	text-align: center;
	font-size: 1.143em;
	background: url(../images/common/icn_arw04.png) no-repeat center 75%;
}
#safe h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#safe span{
	font-weight: bold;
	margin-right: 10px;
}
#safe h5{
	margin-bottom: 10px;
	font-size: 1.143em;
	font-weight: bold;
}
.introInner{
	width: 940px;
	margin: 0 auto 60px;
	text-align: center;
}
.introInner h3{
	font-size: 2.0em;
	font-weight: bold;
}
.introInner p{
	font-size: 1.143em;
	font-weight: bold;
}
.safeInner{
	margin-bottom: 40px;
}
.safeInner .left{
	float: left;
	width: 560px;
	margin-right: 30px;
}
.safeInner .right{
	float: left;
	width: 350px;
}
.safeInner dl{
	margin-top: 30px;
	padding: 20px;
	background: #f7f7f7;
}
.safeInner dt{
	font-weight: bold;
}
.safeInner dd:before{
	content: "● ";
	font-size: 0.7em;
}
.safeInner dd span{
	font-weight: bold;
	margin-right: 1.0em;
}
.notesInner{
	width: 940px;
	padding: 30px;
	margin:0 auto 80px;
	border: 1px solid #d4d0c8;
	text-align: center;
}
.notesInner h3{
	font-size: 1.571em;
}
.safeInner .col02{
	width: 440px;
	float: left;
}
.safeInner li{
	padding:0 20px;
}
.safeInner li:before{
	content: "● ";
	font-size: 0.7em;
	margin-left: -20px;
}
.safeInner div{
	margin-bottom: 30px;
}
/*-------------------------------------------------------*/
/*  feature
/*-------------------------------------------------------*/
#feature .introInner{
	padding-top: 40px;
	width: 940px;
	margin: 0 auto 60px;
	text-align: left;
	border-top:3px solid #3d3327;
}
#feature h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
.featureInner{
	margin-bottom: 40px;
}
.featureInner .left{
	float: left;
	width: 700px;
	margin-right: 30px;
}
.featureInner .left p,
.featureInner .left dl{
	margin-bottom: 30px;
}
.featureInner dt{
	font-weight: bold;
}
.featureInner .right{
	float: left;
	width: 210px;
}
.featureInner .right figure{
	margin-bottom: 20px;
}

.featureInner dl{ margin-bottom: 40px; }
.featureInner dl:after{ content: ''; display: block; clear: both; }
/*.featureInner figure{ float: left; width: 360px; margin-right: 20px; }*/
.featureInner figcaption{ text-align: right; }
.featureInner ul{ float: left; width: 560px; margin-bottom: 20px; }
.featureInner ul.x2{ float: left; width: 220px; }

.featureInner p{ margin-bottom: 20px; }


#feature .photoInner{
	float: left;
	width: 360px;
	margin-right: 20px;
}

#feature .textInner{
	float: left;
	width: 560px;
}
#feature h5{
	font-size: 1.4rem;
	font-weight: 600;
}
#feature strong{
	font-weight: 600;
}
#feature b{
	font-size: 1.4rem;
}
#feature small{
	font-size: 0.9rem;
}
#feature .red{
	font-size: 1.2rem;
	color: #dd0202;
}
#feature b.font12em {
	font-size: 1.2em;
}
#feature .text_bold {
	font-weight: bold;
}
#feature .link_border {
	color: #0000FF;
	border-bottom: solid 1px #0000FF;
}
#feature .text_border {
	border-bottom: solid 1px;
}
#feature .indent_1em {
	padding-left: 1em;
}
#feature .mb-10 {
	margin-bottom: 10px;
}
#feature .roppongi_title {
	text-align: center;
}
#feature .textInner .headLine-h5{
	
}
.roppongiInner {
	margin-bottom: 30px;
	width: 100%;
}
#feature .roppongiInner p {
	margin-bottom: 10px;
}
#feature .roppongiInner p b.point_text {
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px;
}
#feature .roppongiInner p.point_detail {
	margin-bottom: 20px;
}

#feature .photoInner li{
	margin-bottom: 20px;
}
#feature .textInner figure{
	width: 150px;
	float: right;
	margin-left: 20px;
}
#feature .textInner figure img{
	width: 100%;
}
#feature .textInner ul li{
	padding: 0 0 0 15px;
	background: url(https://www.hvf.jp/common/images/common/icn_arw02.png) no-repeat left 0.3em;
	background-size: 0.3rem;
}
#feature .featureInner span{
	font-weight: 600;
}

#feature .notesInner {
	text-align: left !important;
	border: 0 !important;
	padding: 0 !important;
}
#feature .notesInner ul{
	margin-bottom: 20px;
	
}
#feature .notesInner dt{
	font-weight: 600;
	margin-bottom: 20px;
}
#feature .notesInner table{
	width: 100%;
	margin-bottom: 20px;
}
#feature .notesInner table th, #feature .notesInner table td{
	text-align: center;
}

#feature .roppongi_catch {
	text-align: center;
	width: 600px;
	margin: auto;
}
#feature .roppongi_catch ul {
	display: flex;
	width: 100%;
}
#feature .roppongi_catch ul li {
	/* float: left; */
	text-align: center;
	font-weight: normal;
	font-size: 50px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	color: #000;
	padding: 20px;
	white-space: nowrap;
}
#feature .roppongi_catch ul li img {
	width: 210px;
	height: auto;
}
#feature .catchcopy_roppongi {
	text-align: left;
	font-size: 34px;
	margin-bottom: 30px;
}
#feature .catchcopy_roppongi .cr01 {
	padding-left: 3em;
}
#feature .catchcopy_roppongi .cr02 {
	padding-left: 13em;
}
#feature .catchcopy_roppongi .cr03 {
	padding-left: 7em;
}
#feature .venue_photo {
	display: flex;
	float: none;
	width: 100%;
}
#feature .venue_photo li {
	padding: 14px;
}
#feature .venue_photo li img {
	width: 442px;
	height: auto;
}
#feature .r_menu_photo {
	padding-top: 75px;
}
#feature .weekend_photo {
	padding-top: 173px;
}
.wline {
	display: flex;
	align-items: center;
	font-size: 26px;
	font-weight: bold; 
	color: #dd0202;
}
.wline:before, .wline:after {
	content: "";
	flex-grow: 1;
	height: 1px; /* 線の太さを変えたいときはここを変える */
	background: #dd0202; /* 線の色を変えたいときはここを変える */
	margin:0 .4em; /* 文字と線の余白用 なくても良い */
}
.redline {
	border-top: 1px solid #dd0202;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
  }
.mb-10 {
	margin-bottom: 10px;
}
.flex_box ul {
	clear: both;
	display: flex;
}
/*-------------------------------------------------------*/
/*  Faq
/*-------------------------------------------------------*/
#faq h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
.faqMenu{
	width: 940px;
	margin: 0 auto 40px auto;
}
.faqMenu li{
	display: inline-block;
	float: left;
	padding: 0 0 0 25px;
	margin-right: 20px;
	background: url(../images/common/icn_arw01.png) no-repeat left 0.1em;
}
#faq .sectionInner{
	margin-bottom: 40px !important;
}
#faq .sectionInner dl{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ddd;
}
#faq .sectionInner dt{
	padding-left: 30px;
	margin-bottom: 10px;
	font-size: 1.143em;
	font-weight: bold;
	background: url(/faq/img/icn_question.png) no-repeat left top;
}
#faq .sectionInner dd{
	padding: 2px 0 2px 30px;
	background: url(/faq/img/icn_answer.png) no-repeat left top;
}
#faq strong{
	font-weight: bold;
}
/*-------------------------------------------------------*/
/*  member
/*-------------------------------------------------------*/
#member .h3_ttl{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}
#member .sectionInner h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#member .sectionInner h5{
	margin-bottom: 10px;
	font-size: 1.143em;
	font-weight: bold;
}
#member .sectionInner div{
	margin-bottom: 30px;
}
#member .sectionInner .notesList{
	margin-bottom: 40px;
}
#member .sectionInner .link{
	display: inline-block;
	float: left;
	padding: 0 0 0 25px;
	margin:0 20px 10px 0;
	background: url(../images/common/icn_arw01.png) no-repeat left 0.1em;
}
/*-------------------------------------------------------*/
/*  bpg
/*-------------------------------------------------------*/
#bpg .introInner{
	width: 940px;
	margin: 0 auto 40px auto;
	padding:30px 30px 30px 130px;
	color: #fff;
	text-align: left;
	background: #4f110f url(/bpg/img/img_bpg.png) no-repeat 30px top;
	;
}
#bpg .introInner h3{
	font-weight: lighter;
	margin-bottom: 10px;
}
#bpg .introInner p{
	font-weight: lighter;
}
#bpg .h3_ttl{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}
#bpg .sectionInner h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#bpg .checkList {
	margin-bottom: 0 !important;
}
#bpg .checkList li{
	padding:10px 0 10px 30px;
	border-bottom: 1px dotted #ddd;
	font-size: 1.143em;
	background: url(/bpg/img/icn_check.png) no-repeat left 0.7em;
}
#bpg .notesList li{
	text-indent: -1.0em;
	padding-left: 1.0em;
}
#bpg .notesList li:before{
	content: "●";
	font-size: 0.7em;
	padding-right: 0.3em;
}
.memberInner{
	width: 940px;
	padding: 20px;
	background: #f7f7f7;
}
.memberInner ul{
	margin: 10px auto;
}
.memberInner li{
	float: left;
	width: 440px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.memberInner li:first-child{
	margin-right: 20px;
}
.memberInner .btn_blue a{
	display: block;
	color: #fff;
	font-size: 1.143em;
	background: #27486d url(../images/common/icn_arw05.png) no-repeat 95% center;
}
.memberInner .btn_red a{
	display: block;
	color: #fff;
	font-size: 1.143em;
	background: #942d47 url(../images/common/icn_arw05.png) no-repeat 95% center;
}


/*-------------------------------------------------------*/
/*  plan
/*-------------------------------------------------------*/
#plan #contents{
	width: 940px;
	margin: 0 auto 80px;
}
#plan .sectionInner,
#plan .box_grey,
#plan .box_blue{
	margin-bottom: 40px;
}
#plan .sectionInner p{
	margin-bottom: 30px;
}
#plan .sectionInner li,
#plan .box_grey li,
#plan .box_blue li{
	display: inline-block;
	float: left;
	padding: 0 0 0 25px;
	margin:0 20px 10px 0;
	background: url(../images/common/icn_arw01.png) no-repeat left 0.1em;
}
#plan #contents h3{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}
#plan #contents h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#plan .sttl{
	padding: 10px;
	color: #fff;
	background: #31281e;
}
#plan #HotelPlan_grey dl,
#plan #HotelPlan_blue dl{
	margin-bottom: 40px;
}
#plan #HotelPlan_grey dl:after,
#plan #HotelPlan_blue dl:after{
	content: "";
	display: block;
	clear: both;
}
#plan #HotelPlan_grey dt,
#plan #HotelPlan_blue dt{
	float: left;
	width: 740px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}
#plan #HotelPlan_grey dd,
#plan #HotelPlan_blue dd{
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: right;
	color: #AE2828;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
	min-height: 1.0em;
}
/*-------------------------------------------------------*/
/*  tour
/*-------------------------------------------------------*/
.tb_main{
	margin-bottom: 50px;
}
.tb_flight {
	margin-bottom: 40px;
}
.tb_hotel_list{
	margin-bottom: 20px;
}
.tb_flight h2, .tb_hotel_list h2{
	margin-bottom: 30px;
}
.tb_hotel_list h3{
	padding:4px 0 7px 20px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	background: url(/tour/img/h3_ttl_bg.jpg) no-repeat left bottom;
}
.tb_hotel_list dl{
	float: left;
	width: 300px;
	padding:10px 18px 15px 18px;
	margin:0 20px 20px 0;
	border:1px solid #c7bfa1;
	border-top:3px solid #c7bfa1;
}
.tb_hotel_list dl.last{
	margin-right: 0;
}
.tb_hotel_list .ttl{
	margin-bottom: 10px;
	color: #3f2f24;
	font-size: 18px;
	font-weight: bold;
}
.tb_hotel_list .ttl span{
	font-size: 12px;
}
.tb_hotel_list .pic{
	float: left;
	width: 100px;
	margin-right: 15px;
}
.tb_hotel_list .add{
	float: left;
	width: 145px;
	font-size: 13px;
}
.tb_hotel_list .btn{
	padding-top: 20px;
	clear: both;
}
.tb_hotel_list .btn a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
}
#gadgetframe{ width: 100% !important; height: 660px !important; background: #e5e4e2 !important; }

/*-------------------------------------------------------*/
/*  group
/*-------------------------------------------------------*/
#group .h3_ttl{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}
#group .sectionInner h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#group .btnInner{
	width: 940px;
	padding: 20px;
	margin-bottom: 40px;
	background: #f7f7f7;
}
#group .btnInner p{
	margin: 10px auto;
}
#group .btnInner .txt{
	float: left;
	width: 440px;
	margin-right: 20px;
}
#group .btnInner .btn{
	float: left;
	width: 440px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.btnInner .btn_blue a{
	display: block;
	color: #fff;
	font-size: 1.143em;
	background: #27486d url(../images/common/icn_arw05.png) no-repeat 95% center;
}
.btnInner .btn_red a{
	display: block;
	color: #fff;
	font-size: 1.143em;
	background: #942d47 url(../images/common/icn_arw05.png) no-repeat 95% center;
}
#group #Gtab li{
	width: 300px;
	float: left;
	margin-right: 20px;
}
#group #Gtab li:last-child{
	margin-right: 0;
}
#group .storeslist{
	width: 100%;
}
#group .storeslist td{
	padding: 10px;
}
#group .storeslist strong{
	font-weight: bold;
}
/*-------------------------------------------------------*/
/*  Contact
/*-------------------------------------------------------*/
#Contact{
	width: 940px;
	margin: 0 auto 80px;
}
#Contact table{
	width: 100%;
	border-top: 1px dotted #ddd;
}
#Contact th,
#Contact td{
	padding: 15px 0;
	border-bottom: 1px dotted #ddd;
}
.txtc{ text-align: center; }

/*-------------------------------------------------------*/
/*  bus
/*-------------------------------------------------------*/
#bus_area{
	width: 940px;
	margin: 0 auto;
}

#bus_area table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #C2B695;
    border-collapse: collapse;
}

#bus_area table tr th {
    background-color: #716857;
    color: #FFF;
    text-align: center;
    /*width: 120px;*/
}

#bus_area table tr .center_td {
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #C9C9C9;
}

#bus_area table tr .detail_btn_td {
    background-color: #FBFBFB;
    text-align: center;
    vertical-align: middle;
}

#bus_area table tr .flesh_bg {
    background-color: #F6F3E8;
    /*width: 320px;*/
}

#bus_area table tr th .with_icon {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 28px;
    font-size: 13px;
    line-height: 20px;
    width: 20px;
}

#bus_area table tr .arrow_icon {
    height: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-size: 13px;
    margin-top: 17px;
    margin-bottom: 17px;
    display: block;
    margin-left: 15px;
}

#bus_area table .shinagawa_tr th,
#bus_area table .shinagawa_tr td {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #C7BF9F;
}

#bus_area table .shinagawa_tr .detail_btn_td img {
    margin-top: 26px;
    margin-bottom: 26px;
}

#bus_area #title_bn {
    height: 22px;
    /*width: 70px;*/
    margin-bottom: 30px;
}

#bus_area h3 {
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}

#bus_area h4 {
    color: #ed462f;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    margin-bottom: 14px;
}

#bus_area h5 {
    font-size: 15px;
    font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

#photo_area {
    height: 220px;
}

#bus_area #photo_area ul {
    height: 180px;
}

#bus_area #photo_area ul li {
    padding: 0px;
    float: left;
    width: 282px;
    margin-top: 0px;
    margin-right: 6px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#bus_area #photo_area ul li img {
    margin-bottom: 6px;
}

#bus_area #shinagawa_map {
    margin-bottom: 6px;
    height: 560px;
    width: 570px;
}

#bus_area #tokyo_map {
    margin-bottom: 6px;
    height: 420px;
    width: 570px;
}

#bus_area .star_icon {
    font-size: 13px;
    line-height: 12px;
    background-image: url(/bus/img/jikoku_icon.gif);
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}

#bus_area #jikoku_table {
    border: 1px solid #C7BF9F;
    border-collapse: collapse;
}

#bus_area #jikoku_table tr th {
    background-color: #4A5D7D;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #C7BF9F;
    font-size: 14px;
    line-height: 14px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #C7BF9F;
}

#bus_area #jikoku_table tr td {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    /*width: 65px;*/
    height: 14px;
}

#bus_area #jikoku_table .grey_bg td {
    background-color: #F3F3F3;
    font-size: 12px;
    line-height: 12px;
}

#bus_area #jikoku_table tr .gold_bg {
    background-color: #E6E2D6;
    /*width: 40px;*/
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
}

#bus_area .grey_text {
    font-size: 12px;
    line-height: 26px;
    color: #666666;
}

#bus_area .tokyo_jikoku_table {
    border: 1px solid #C7BF9F;
    border-collapse: collapse;
    width: 100%;
}

#bus_area .tokyo_jikoku_table tr th {
    background-color: #4A5D7D;
    font-size: 13px;
    line-height: 13px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    height: 34px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#bus_area .tokyo_jikoku_table tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 13px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #C9C9C9;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    height: 30px;
}

#bus_area .tokyo_jikoku_table tr .jikoku_number {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #C9C9C9;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

#bus_area .tokyo_jikoku_table tr .grey_bg {
    background-color: #F3F3F3;
    font-size: 13px;
    line-height: 13px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

#bus_area .tokyo_jikoku_table tr .gold_bg {
    background-color: #E6E2D6;
    /*width: 93px;*/
    text-align: center;
    font-size: 13px;
    line-height: 26px;
    font-weight: bold;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#bus_area #bus_area_inBox #c01,
#bus_area #bus_area_inBox #c02,
#bus_area #bus_area_inBox #c03,
#bus_area #bus_area_inBox #c04,
#bus_area #bus_area_inBox #c05 {
    margin-bottom: 30px;
}

/*c01*/
#bus_area #bus_area_inBox #c01 {}

/*c02*/
#bus_area #bus_area_inBox #c02 {}

#bus_area #bus_area_inBox #c02 ul {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0px;
    padding: 0px;
}

#bus_area #bus_area_inBox #c02 li {
    float: left;
    display: block;
    width: 50%;
    margin: 0px;
    padding: 0px;
}

/*c03*/
#bus_area #bus_area_inBox #c03 {
    text-align: center;
}

/*c04*/
#bus_area #bus_area_inBox #c04 {}

#bus_area #bus_area_inBox #c04 table {
    font-size: 12px;
    width: 100%;
    margin: 0px;
    border: 1px solid #c5ba9b;
}
#bus_area #bus_area_inBox #c04 table td {
	width: 10%;
}
#bus_area #bus_area_inBox #c04 th {
    background-color: #e6e6e6;
    text-align: center;
    padding: 5px;
    color: #333;
}

#bus_area #bus_area_inBox #c04 th.th01,
#bus_area #bus_area_inBox #c04 th.th02,
#bus_area #bus_area_inBox #c04 th.th06,
#bus_area #bus_area_inBox #c04 th.th07 {
    background-color: #dedfc2;
}

#bus_area #bus_area_inBox #c04 td {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#bus_area #bus_area_inBox #c04 .mt {
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c5ba9b;
}

#bus_area #bus_area_inBox #c04 .st {
    text-align: center;
    font-weight: bold;
    background-color: #e6e2d6;
    padding: 10px;
}

#bus_area #bus_area_inBox #c04 .stLine {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c5ba9b;
}

#bus_area #bus_area_inBox #c04 .gtd,
#bus_area #bus_area_inBox #c04 .wtd,
#bus_area #bus_area_inBox #c04 .gUtd,
#bus_area #bus_area_inBox #c04 .wUtd {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bus_area #bus_area_inBox #c04 .gtd {
    background-color: #f3f3f3;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #c9c9c9;
}

#bus_area #bus_area_inBox #c04 .wUtd {
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c5ba9b;
}

#bus_area #bus_area_inBox #c04 .gUtd {
    background-color: #f3f3f3;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #c5ba9b;
}

#bus_area #bus_area_inBox #c04 .wtd {
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #c9c9c9;
}

#bus_area #bus_area_inBox #c04 .thRl {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #c5ba9b;
}

#bus_area #bus_area_inBox #c04 .th01 {
    white-space: nowrap;
}

/*c05*/
#bus_area #bus_area_inBox #c05 {
	text-align: center;
}

#bus_area #bus_area_inBox #c05 p {
    display: block;
    margin-top: 5px;
}

/*-------------------------------------------------------*/
/*  policy,privacy,agreement,asct,
/*-------------------------------------------------------*/
#policy .h3_ttl{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}
#policy .sectionInner h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#policy .sectionInner h5{
	margin-bottom: 10px;
	font-size: 1.143em;
	font-weight: bold;
}
#policy .sectionInner div{
	margin-bottom: 30px;
}
#policy .sectionInner p{
	margin-bottom: 30px;
}
#policy .sectionInner ol{
	margin-bottom: 30px;
	margin-left: 1.0em;
}
#policy .sectionInnery ol ul{
	margin: 20px auto;
	margin-left: 1.0em;
}
#policy .sectionInner table{
	width: 100%;
	margin-bottom: 20px;
}
#policy .sectionInner th,
#policy .sectionInner td{
	padding: 10px;
	border: 1px solid #ddd;
}
#policy .sectionInner th{
	text-align: center;
	font-weight: bold;
	background: #f5f1e9;
}
#policy .table01Inner td{
	text-align: center;
}
#policy .table01Inner td:first-child{
	width: 40%;	
}
#policy .table01Inner td:nth-child(2),
#policy .table01Inner td:nth-child(3){
	width: 30%;	
}
/*-------------------------------------------------------*/
/*  sitemap
/*-------------------------------------------------------*/
#sitemap .sectionInner dl{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ddd;
}
#sitemap .sectionInner dl dt{
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}
#sitemap .sectionInner dl dd{
	display: block;
	padding: 0 0 0 25px;
	margin:0 0 5px 0;
	background: url(../images/common/icn_arw01.png) no-repeat left 0.1em;
}



/*-------------------------------------------------------*/
/*  CMS news
/*-------------------------------------------------------*/
#news li a{
	cursor: pointer;
}
#news li .news-conts {
  display: none;
}

.news-conts #detail-title {
  position: relative;
  font-size: 18px;
  background-color: #f5f1e9;
  height: auto;
  color: #000;
  line-height: 1.25;
  padding: 10px 0 10px 10px;
  letter-spacing: 0;
  margin-bottom: 20px;
}
#news-detail #detail-title #change-title {
  display: inline-block;
  width: 90%;
}
#close-btn {
  /*display: none;*/
 }
#close-btn {
position: absolute;
margin-top: 20px;
  display: block;
  bottom: 20px;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 40px;
  cursor: pointer;
  content: url(../images/common/btn_close.png);
}
#close-btn:before {
	display: block;
	content: "";
	margin: 20px auto;
	border-bottom: 1px solid #ddd;
}
#news-detail #detail-txt {
  padding: 15px 10px;
  font-size: 12px;
  line-height: 1.6;
}
#news-detail #detail-txt img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
#news-detail{
	display: none;
}
.news-conts.modal p{
	display:;
}
.news-conts.modal #news-detail{
	display: block;
}
.news-conts.modal #news-detail p{
	display: block !important;
}
.news-conts.modal #news-detail #news-detail{
	display: none !important;
}

.wrappin { display:none; }
.wrappin.modal { content: ""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:10000; }

/*.news-conts.modal:before {content: ""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:0; }*/
.news-conts.modal { display:block !important; position: fixed; top:20%; left:25%; background:#fff; z-index:100000; color:#000; padding: 20px; width: 50%; height: 60%; }
.news-inner{ position: absolute; width: 96%; height: 70%; overflow-y: auto; }


/*-------------------------------------------------------*/
/*  inquiry 20161106 Add
/*-------------------------------------------------------*/
#inquiry .introInner{
	padding-top: 40px;
	width: 940px;
	margin: 0 auto 60px;
	text-align: left;
	border-top:3px solid #3d3327;
}
#inquiry .inquiryInner p{
	font-weight: normal;
	margin-bottom: 30px;
}
#inquiry h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#inquiry .inquiryInner{
	margin-bottom: 40px;
}
.btn_more a{
	position: relative;
	display: block;
	padding: 1.0em 0;
	color: #fff;
	background: #231815;
	text-align: center;
}
.btn_more a::before{
	right: 4px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_more a::before,
.btn_more a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.0em;
	margin: auto;
	content: "";
	vertical-align: middle;
}


/*-------------------------------------------------------*/
/*  inquiry 20170314 Add
/*-------------------------------------------------------*/

.btnArea li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.btnArea li:last-child{
	margin-right: 0;
}
#inquiry small{ 
	display: inline-block;
	margin-bottom: 0.5em;
	padding-left: 16px;
	font-size: 0.9em;
	color: #666;
}

.btn_more figure{
	text-align: center;
	width: auto;
	height: 30px;
	margin-bottom: 10px;
}
.btn_more figure img{
	height: 100%;
}

.btnArea li:nth-child(2) figure,
.btnArea li:nth-child(3) figure{
	height: 32px;
	margin-bottom: 8px;
}

/*-------------------------------------------------------*/
/*  ガジェット 20170417 Add
/*-------------------------------------------------------*/

/*★追加ここから*/
.type2{
	display:none;
}
/*★追加ここまで*/

.system .memberInner { padding: 0; background: none; }
.system .memberInner ul li { margin: 0 auto; float: none; }

.system h3{ text-align: left; }
.system table td:nth-child(1){ width: 14%; }
.system table td:nth-child(2), .system table td:nth-child(3){ width: 8%; text-align: center; }
.system table td:nth-child(4){ width: 70%; }



  .ui-datepicker { font-size: 70%; }
  .reserveInner{ position: relative; }
  .reserveInner .caution { padding: 1.0em; /*background: #fff; border: 1px solid #c00;*/ margin-bottom: 1.0em; }
  .reserveInner .caution h3 { font-size: 1.2em; color: #8c0000; }
  
  .form:after{ content: ""; display: block; clear: both; }
  .reserveTable2:after{ content: ""; display: block; clear: both; }
  .reserveTable2{ margin-bottom: 1.0em !important; float: none !important; }
  /*.reserveInner .cautionBtn { background: #fff; border: 1px solid #b03255; margin-top: 1.0em; }*/

  .reserveInner .cautionBtn { margin-top: 1.0em !important; }
  .reserveInner .cautionBtn p a { display: block; font-size: 1.2em; text-align: center; padding: 1.0em 0; color: #fff; background: #8c0000 url(/common/images/common/icn_arw05.png) no-repeat 95% center; }  
  
  .btnTokyo{ position: absolute; top: 210px; left: 450px; }



/*-------------------------------------------------------*/
/*  springsale
/*-------------------------------------------------------*/
#springsale .visual{
	margin-bottom: 40px;
}

#springsale .h3_ttl{
	border-top: 4px solid #31281e;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #3d3327;
	margin-right: 15px;
	font-size: 1.571em;
}
#springsale .sectionInner h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
#springsale .btnInner .btn{
	float: left;
	width: 440px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
#springsale .storeslist{
	width: 100%;
	vertical-align: top !important;
}
#springsale .storeslist td{
	padding: 0 10px 20px 0;
	vertical-align: top !important;
}
#springsale .storeslist th{
	vertical-align: top !important;
}
#springsale .storeslist strong{
	font-weight: bold;
}
#springsale h4{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
.springsaleInner{
	margin-bottom: 40px;
}
.springsaleInner li{
	float: left;
	width: 450px;
	margin-right: 40px;
}
.springsaleInner li:nth-child(2){
	float: left;
	margin-right: 0;
}
.springsaleInner figure {
	margin-bottom: 20px;
}
.springsaleInner figure img{
	width: 100%;
}
.springsaleInner p{
	min-height: 6.5em;
	margin-bottom: 20px;
}

.storeslist p{ margin-bottom: 1.0em; }

.planBtn li{ float: left; width: 49% !important; margin-right: 2% !important; display: block; padding: 0.5em; margin-bottom: 10px; color: #fff; /*font-weight: bold;*/ text-align: center; background: #31281e url(/common/images/common/icn_arw05.png) no-repeat 95% center; background-size: 6px; }
.planBtn li a{ display: block; color: #fff; }
.planBtn li:nth-child(2){ margin-right: 0 !important; }

/*20180507 Add*/
.indexVirtual{ text-align: center; margin: 20px auto; }


/*20180525 Add*/
/*.pageNav li a{
	float: left; 
	display: block;
	height: 90px;
	text-align: center;
	font-size: 1.143em;
	padding-top: 0;
	background: url(../images/common/icn_arw04.png) no-repeat center 80%;
	 border-right: 1px solid #d4d0c8;
}
.pageNav li:first-child a{
	width: 188px;
	padding-top: 25px;
	border-left: 1px solid #d4d0c8;
}
.pageNav li:nth-child(2) a{
	width: 188px;
	padding-top: 25px;
}
.pageNav li:nth-child(3) a{
	width: 188px;
	padding-top: 25px;
}
.pageNav li:nth-child(4) a{
	width: 188px;
	padding-top: 12px;
}
.pageNav li:last-child a{
	width: 188px;
	padding-top: 25px;
}*/

/*20180605 Add*/
table.breakfast{
	width: 550px;
}
table.breakfast thead th{
	text-align: center;
	font-size: 1.143em;
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px solid #d4d0c8;
}
table.breakfast tbody td{
	padding: 5px;
	border-bottom: 1px solid #d4d0c8;
}
table.breakfast tbody td:nth-child(5){
	text-align: center;
}

table.breakfast tbody tr:nth-child(odd){
	background: #f7f7f7;
}

/*20180607 Add*/
.pageTitle sub{
	font-size: 1.6rem;
}
.sightseeing .introInner{
	text-align: left !important;
	font-weight: 500;
}
.sightseeing li{
	float: left; width: 440px; margin:0 60px 100px 0;
}
.sightseeing li:nth-child(even){
	margin-right: 0;
}

.sightseeing li:nth-child(even):after {
    content:" ";
    display:block;
    clear:both;
}
.sightseeing h3{
	padding: 15px;
	margin-bottom: 20px;
	font-size: 1.143em;
	background: #f5f1e9;
}
.sightseeing li figure{
	margin-bottom: 1.0rem;
}
.sightseeing h4{
	margin-bottom: 10px !important;
	font-size: 1.143em;
	font-weight: 500;
	padding: 0 !important;
	background: none !important;
}
.sightseeing p{
	margin-bottom: 2.0rem;
}
.sightseeing table{
	width: 100%;
	border-top: 1px solid #d4d0c8;
}
.sightseeing table th, .sightseeing table td{
	padding: 0.5rem 1.0rem;
	border-bottom: 1px solid #d4d0c8;
}
.sightseeing table th{
	width: 20%;
	background: #f7f7f7;
}
.sightseeing table td a{
	text-decoration: underline;
	word-break: break-all;
}
.sightseeing small{
	display: inline-block;
	padding-top: 1.0rem;
	font-size: 0.9rem;
}

.btn_back a{
	display: inline-block;
	padding: 1.25rem 5.0rem;
	margin-bottom: 20px;
	text-align: center;
	color: #4d5f6e;
	border: 1px solid #c0c9d0;
	background: #fff url(../images/common/icn_arw07.png) no-repeat 1.0rem center;
}