@charset "utf-8";

/* shop.css：PC
 * ======================================
 * Main
 * ======================================
 */

#parallaxImg {
	position:relative;
	margin: 0 auto;
	width: 1460px;
	border:1px dotted #89b7b0;
}
.bgCrane01 {
  position:fixed;
  top:2%;
  height:100%;
  width:100%;
  background: url(../images/bg_crane_01.png) no-repeat scroll;
}
.bgCrane02 {
  position:fixed;
  top:15%;
  height:100%;
  width:100%;
  background: url(../images/bg_crane_02.png) no-repeat scroll;
}

/* Main
------------------------------------------------------------------ */
/* section */
#content .section {
	position: relative;
	text-align: center;
	width: 100%;
}

/* arrows */
.sp-horizontal .sp-arrows {
	height: 22px;
	position: absolute;
	top: auto; right: 20px; bottom: 20px; left: auto;
	width: 125px;
	z-index: 92;
}
.sp-arrow {
	display: block;
	height: 22px;
	width: 62px;
	cursor: pointer;
	transition: 0.5s;
}
.sp-horizontal .sp-previous-arrow {
	bottom: 0; left: 0;
}
.sp-horizontal .sp-next-arrow {
	right: 0; bottom: 0;	
}
.sp-previous-arrow {
	background: url(../images/btn_prev.png) no-repeat center center;
	border-right: 1px solid #ffffff;
}
.sp-next-arrow {
	background: url(../images/btn_next.png) no-repeat center center;
}
.sp-previous-arrow:before,
.sp-previous-arrow:after {
	display: none;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
	content: '';
	position: static;
	background: transparent;
}
#content .sp-arrow:hover {
	opacity: 0.6;
}

/* btnDown */
#content #btnDown {
	cursor: pointer;
	margin-left: -17px;
	position: absolute;
	bottom: 16px; left: 50%;
	transition: 0.5s;
	width: 34px;
	z-index: 92;
}
#content #btnDown img {
	height: auto;
	width: 100%;
}
#content #btnDown:hover {
	opacity: 0.6;
}


/* Main Contents
------------------------------------------------------------------ */
/* heading */
#content .section h1 {
	font-size: 2.6rem;
	letter-spacing: 0.1em;
	padding: 167px 0 0 0;
}
#content .section h1 span {
	color: #B59D80;
	display: block;
	font-size: 1.1rem;
	letter-spacing: 0.08em;
	margin: 20px 0 0 0;
}
#content .section h2 {
	background: url(../images/h2_line.png) repeat-x center bottom;
	font-size: 1.6rem;
	margin: 0 auto;
	padding: 0 0 25px 0;
	text-align: center;
	width: 508px;
}
#content .section h2.wd {
	width: 735px;
}


/* 2018-10-02 */
#content .section h2.wd2 {
	width: 820px;
}



#content .section h3 {
	border: 1px solid #C8C8C8;
	font-size: 1.6rem;
	height: 44px;
	line-height: 44px;
	margin: 55px 0 0 0;
	text-align: center;
}
#content .section h4 {
	font-size: 2.1rem;
	line-height: 1.5;
	margin: 28px 0 0 0;
	padding: 0 0 0 5px;
}

/* paragraph */
#content p.lead {
	font-size: 1.4rem;
	line-height: 2.1;
}
#content p.lead.peninsula {
	margin: 0 auto;
	width: 600px;
	text-align: left;
}
#content p.lead.peninsula + .peninsula{
	margin-top: 20px;
}

#content h1 + p {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	margin: 25px 0 0 0;
}
#content h4 + p {
	font-size: 1.4rem;
	line-height: 2;
	margin: 18px 0 0 0;
	padding: 0 0 0 5px;
}

/* crane */
#content .crane {
	margin: 30px 0 15px 0;
}

/* inner */
#content .inner {
	margin: 0 auto;
	width: 508px;
}
#content .inner.wd {
	width: 735px;
}


/* 2018-10-02 */
#content .inner.wd2 {
	width: 820px;
}



/* 2018-10-02：menu2追加 */
/* linkBtn */
#content .menu .linkBtn,
#content .menu2 .linkBtn {
	background: #B59D80;
	display: block;
	text-align: center;
}
#content .menu .linkBtn a,
#content .menu2 .linkBtn a {
	color: #ffffff;
	display: block;
	position: relative;
}
#content .menu .linkBtn.site {
	font-size: 1.6rem;
	height: 58px;
	line-height: 58px;
	margin: 24px 0 0 0;
	width: 508px;	
}
#content .menu .linkBtn.site a:before {
	border-color: transparent #ffffff #ffffff transparent;
	border-style: solid;
	border-width: 4px 4px 4px 4px;
	content: '';
	height: 0;
	position: absolute;
	top: 4px; left: 4px;
	width: 0;
}
#content .menu .linkBtn.menu {
	font-size: 1.3rem;
	height: 30px;
	line-height: 30px;
	margin: 24px 0 15px 34px;
	width: 166px;	
}

/* menu */
#content .menu {
	margin: 60px 0 0 0;
	position: relative;
	text-align: left;
}
#content .menu dl {
	display: table;
	font-size: 1.6rem;
	line-height: 2;
	margin: 35px 0 0 0;
}
#content .menu dl + dl {
	margin-top: 38px;
}
#content .menu dl dt {
	display: table-cell;
	padding: 0 0 0 5px;
	vertical-align: top;
	width: 140px;
}
#content .menu dl dd {
	display: table-cell;
	vertical-align: top;
	width: 368px;
}
#content .menu dl dd.seat {
	width: 750px;
	text-align:left;
}
#content .menu dl dd dl {
	margin: 0;
	width: 393px;
}
#content .menu dl dd dl dt {
	display: table-cell;
	vertical-align: top;
	width: 178px;
}
#content.peninsula .menu dl dt {
	position:relative;
}
#content.peninsula .menu span.ed {
	position:absolute; top:0px; left:0px;
	padding-right: 1.0em;
	white-space:nowrap;
}
#content.peninsula .menu .spEm {
	position:relative; left:0.5em;
}
#content.peninsula .menu dl dd dl dt {
	width: 180px;
}
#content .menu dl dd dl dt:before {
	content: '・';
	margin: 0 0 0 -0.5em;
}
#content .menu dl dd dl dd {
}

/* notes */
#content .menu p.notes,
#content .menu2 p.notes {
	font-size: 1.3rem;
	line-height: 1.8;
	margin: 32px 0 0 137px;
}
#content .menu p.penNotes {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 32px 0 0 10.0em;
}
#content .menu p.penNotesSepa {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 16px 0 0 -4.0em;
}
#content .menu p.penNotesSepa2 {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 0 0 32px -6.5em;
}
#content .menu p.penNotesLan {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 0 0 0 2.0em;
}
#content .menu p.penNotesDin {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 0 0 0 2.0em;
}

/* message */
#content .menu p.message,
#content .menu2 p.message {
	font-size: 1.6rem;
	line-height: 2.0;
	margin: 32px 0 0 5.0em;
}
#content .menu p.penMessage {
	font-size: 1.6rem;
	line-height: 2.0;
	margin: 32px 0 0 8.0em;
}
/* last */
#content .menu span.last {
	font-size: 90%;
}

/* menu */
#content .menu dl.det {
	margin-left:-100px;
	width: 725px;
}
#content.peninsula .menu dl.det.three {
	list-style-type: none;
}
#content.peninsula .menu dl.det.three dt:before {
	content: '';
	margin-left: 3.0em;
}
#content .menu dl.det + dl.det {
	margin-top: 20px;
}
#content .menu dl.det ul.ft {
	margin-top: 15px;
}
#content .menu span + dl.det {
	margin-top: 30px;
}
#content .menu dl.det > dt {
	display: inline;
	width: auto;
}
#content .menu dl.det > dd {
	display: inline;
	width: auto;
}
#content .menu dl.det ul {
	margin: 0 0 0 0.5em;
	width: auto;
	list-style-type: none;
}
#content .menu dl.det ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#content .menu dl.det dd dl {
	float: left;
	width: 717px;
}
#content .menu dl.det dd dt {
	width: 7.0em;
	vertical-align: top;
}
#content.peninsula .menu dl.det.separate.not dt:before {
	content: '';
	margin: 0 0 0 0.5em;
}
#content.peninsula .menu dl.det.separate dd dt {
	width: auto;
}
#content .menu dl.det dd dt:before {
	content: '';
	margin: 0;
}
#content .menu dl.det dd dd {
	float: left;
	width: auto;
	vertical-align: top;
}
#content .menu dl.det dd.price {
	float: right;
	width: auto;
	text-align: right;
}

#content .menu dl.det.st {
	margin-left:-140px;
}
#content .menu dl.det.st > dt {
	display: block;
	border: 1px solid #C8C8C8;
	text-align: center;
}
#content .menu dl dd dl.det.st dt:before {
	content: '';
	margin: 0;
}





/* 2018-10-02：shizuoka　780px */
/* menu2 */
#content .menu2 {
	margin: 60px 0 0 0;
	position: relative;
	text-align: left;
}
#content .menu2 dl {
	display: table;
	font-size: 1.6rem;
	line-height: 2;
	margin: 35px 0 0 0;
}
#content .menu2 dl + dl {
	margin-top: 38px;
}
#content .menu2 dl dt {
	display: table-cell;
	padding: 0 0 0 5px;
	vertical-align: top;
	width: 185px;
}
#content .menu2 dl dd {
	display: table-cell;
	vertical-align: top;
}
#content .menu2 dl dd.seat2 {
	text-align:left;
}
#content .menu2 dl dd dl {
	margin: 0;
}
#content .menu2 dl dd dl dt {
	display: table-cell;
	vertical-align: top;
	white-space:nowrap;
	width: 14em;
}
#content .menu2 dl dd dl dt:before {
	content: '・';
	margin: 0 0 0 -0.5em;
}
#content .menu2 dl dd dl dd {
	white-space:nowrap;
}



#content .menu2 dl dd .stw {
	display: inline-block;
	width: 14em;
}
#content .menu2 dl dd .stw2 {
	display: block;
	position: relative; top:-2.0em; left:14em;
	margin-bottom: -2.0em;
}



/* access */
#content .access {
	margin: 75px 0 0 0;
}

/* reserve */
#content .access .reserve {
	margin: 25px auto 0;
	overflow: hidden;
	width: 488px;
}
#content .access .reserve dl {
	float: left;
	width: 240px;
}
#content .access .reserve dl:first-child {
	margin: 0 23px 0 0;
	width: 225px;
}
#content .access .reserve dl dt {
	font-size: 1.3rem;
	letter-spacing: -0.02em;
	margin: 0 0 15px 0;
	text-align: left;
}
#content .access .reserve dl dd {
	display: table-cell;
	height: 50px;
	position: relative;
	vertical-align: middle;
	width: 240px;
}
#content .access .reserve dl dd.tel {
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 3.2rem;
}
#content .access .reserve dl dd.web {
	background: #000000 url(../images/bg_border.png) repeat;
	font-size: 1.6rem;
}
#content .access .reserve dl dd.web a {
	color: #ffffff;
	display: block;
}
#content .access .reserve dl dd.web a:before {
	border-color: transparent #ffffff #ffffff transparent;
	border-style: solid;
	border-width: 4px 4px 4px 4px;
	content: '';
	height: 0;
	position: absolute;
	top: 4px; left: 4px;
	width: 0;
}
/* 1col */
#content .access .reserve dl.re_1cul {
	float: none;
	margin: 0 auto;
	width: 240px;
}
#content .access .reserve dl.re_1cul dt {
	margin-bottom: 0;
	text-align: center;
}
#content .access .reserve dl.re_1cul dd.tel {
	border: none;
}

/* Googl Map */
#content #gMap {
	height: 432px;
	margin: 60px 0 0 0;
	width: 100%;
}

/* Information */
#content .information {
	margin-top: 45px;
	padding-bottom: 70px;
	text-align: left;
}
#content .information dl {
	display: table;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 26px 0 0 0;
}
#content .information dl dt {
	display: table-cell;
	vertical-align: top;
	width: 140px;
}
#content .information dl dd {
	display: table-cell;
	vertical-align: top;
}
#content .information dl dd ul {
	list-style: none;
}
#content .information dl dd ul li + li {
	margin: 10px 0 0 0;
}
#content .information dl dd ul.train {
	margin: 0 0 0 1.3em;
	text-indent: -1.3em;
}
#content .information dl dd ul.train li {
	line-height: 1.4;
}
#content .information dl dd ul.train li:before {
	content: '\025C9';
	font-size: 1.3rem;
	margin: 0 0.4em 0 0;
}
#content .information dl dd ul.train li + li {
	margin-top: 5px;
}

#content .information hr {
	border: none;
	border-top: 1px solid #969696;
	margin: 35px 0 0 0;
	padding: 10px 0 0 0;
}


/* ザ・ペニンシュラ東京 追加 201808 */
#content.peninsula .section .celebration {
	border-bottom: 1px solid #C8C8C8;
	margin: 0 0 55px;
	padding: 0 0 75px;
}
#content.peninsula .section .celebration h4,
#content.peninsula .section .celebration h4 + p {
	text-align: center;
}
#content.peninsula .section .celebration dl.det {
	margin-left: 0;
}
#content.peninsula .section .celebration dl.det > dt {
	display: block;
	position: relative;
	text-align: center;
}
#content.peninsula .section .celebration dl.det > dt span {
	background: #ffffff;
	padding: 0 0 0 0.5em;
}
#content.peninsula .section .celebration dl.det > dt:after {
	border-bottom: 1px solid #C8C8C8;
	content: '';
	position: absolute;
	top: 0.95em; left: 0;
	width: 100%;
	z-index: -1;
}
#content.peninsula .section .celebration dl.det dd dt {
	width: 7.0em;
	vertical-align: top;
}
#content.peninsula .section .celebration p.penNotes {
    margin: 16px 0 0 9.3em;
}
#content.peninsula .section .celebration .access {
	margin: 45px 0 0 0;
}
#content.peninsula .section .celebration .access .reserve {
	margin-top: 25px;
}
#content.peninsula .section .celebration .access h2 {
	width: 100%;
}
#content.peninsula .section .celebration .access h2 br {
	display: none;
}
#content.peninsula .section .celebration .access .reserve dl {
	display: block;
	line-height: 1;
	margin-top: 0;
}
#content.peninsula .section .celebration .access .reserve dl dt {
    display: block;
    padding: 0;
    width: auto;
}
#content.peninsula .section .celebration .access .reserve dl dd {
	text-align: center;
}