@charset "utf-8";

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

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

/* arrows */
.sp-horizontal .sp-arrows {
	margin-top: 30px;
}

/* btnDown */
#content #btnDown {
	cursor: pointer;
	margin-left: -14px;
	position: absolute;
	bottom: 16px; left: 50%;
	transition: 0.5s;
	width: 28px;
	z-index: 5;
}
#content #btnDown:hover {
	opacity: 0.6;
}


/* Main Contents
------------------------------------------------------------------ */
/* heading */
#content .section h1 {
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	line-height: 1.6;
	margin: 1.2em 5% 0;
	padding: 65px 0 0 0;
}
#content .section h1 span {
	color: #B59D80;
	display: block;
	font-size: 1.1rem;
	letter-spacing: 0.08em;
	margin: 1em 0 0 0;
}
#content .section h2 {
	background: url(../images/h2_line.png) repeat-x center bottom;
	font-size: 1.8rem;
	margin: 0 5%;
	padding: 0 0 1.2em 0;
	text-align: center;
}
#content .section h2.wd {
}
#content .section h2.wd2 {
}
#content .section h3 {
	border: 1px solid #C8C8C8;
	font-size: 1.8rem;
	line-height: 1.2;
	margin: 5em 0 0 0;
	padding: 1em 0;
	text-align: center;
}
#content .section h4 {
	font-size: 2.0rem;
	line-height: 1.5;
	margin: 1.2em 0 0 0;
	padding: 0 0 0 1%;
}

/* paragraph */
#content p.lead {
	font-size: 1.5rem;
	line-height: 2.1;
	padding: 0 5%;
}
#content p.lead br {
	display: none;
}
#content h1 + p {
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	margin: 1.3em 0 0 0;
}
#content h4 + p {
	font-size: 1.5rem;
	line-height: 2;
	margin: 1.2em 0 0 0;
	padding: 0 0 0 1%;
}
#content h4 + p br {
	display: none;
}

/* bgCrane */
#parallaxImg,
#content .bgCrane01,
#content .bgCrane02 {
	display: none;
}

/* crane */
#content .crane {
	margin: 3em 0 2em 0;
}

/* inner */
#content .inner {
	margin: 0 5%;
}
#content .inner.wd {
}
#content .inner.wd2 {
}


/* 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;
	padding: 5% 8%;
}
#content .menu .linkBtn.site {
	font-size: 1.6rem;
	margin: 2em 0 0 0;
}
#content .menu .linkBtn.site a:before {
	border-color: transparent #ffffff #ffffff transparent;
	border-style: solid;
	border-width: 4px 4px 4px 4px;
	content: '';
	display: block;
	height: 0;
	margin: -5% 0 0 -8%;
	width: 0;
}
#content .menu .linkBtn.menu {
	font-size: 1.3rem;
	margin: 1em 0 0 0;
}



/* menu */
#content .menu {
	margin: 7em 0 0 0;
	text-align: left;
}
#content .menu dl {
	font-size: 1.6rem;
	line-height: 2.1;
	margin: 2em 0 0 0;
	padding: 0 0 0 1%
}
#content .menu dl + dl {
	margin-top: 2.2em;
}
#content .menu dl dt {
}
#content .menu dl dd {
	margin: 0.2em 0 0 0;
}
#content .menu dl dd.seat {
}
#content .menu dl dd dl {
	display: table;
	margin: 0;
	width: 100%;
}
#content .menu dl dd dl dt {
	display: table-cell;
	width: 45%;
}
#content .menu dl dd dl dt:before {
	content: '・';
	margin: 0 0 0 -0.5em;
}
#content .menu dl dd dl dd {
	display: table-cell;
	width: 48%;
}

/* notes */
#content .menu p.notes,
#content .menu2 p.notes {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 2em 0 0 0;
}
/* message */
#content .menu p.message {
	font-size: 1.6rem;
	line-height: 2.0;
	margin: 2em 0 0 0;
}
#content .menu p.penNotes {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 2em 0 0 0;
}
#content .menu p.penNotesSepa {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 1em 0 0 0;
}
#content .menu p.penNotesSepa2 {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 0 0 2em 0;
}
#content .menu p.penNotesLan {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 0 0 0 0;
}
#content .menu p.penNotesDin {
	font-size: 1.3rem;
	line-height: 2.1;
	margin: 0 0 0 0;
}

/* message */
#content .menu p.message,
#content .menu2 p.message {
	font-size: 1.6rem;
	line-height: 2.0;
	margin: 2em 0 0 0;
}
#content .menu p.penMessage {
	font-size: 1.6rem;
	line-height: 2.0;
	margin: 2em 0 0 0;
}

/* last */
#content .menu span.last {
	font-size: 90%;
}

/* menu */
#content .menu dl.det {
	width: 100%;
}
#content.peninsula .menu dl.det.three {
	list-style-type: none;
}
#content.peninsula .menu dl.det.three dt:before {
	content: '';
	margin-left: 0;
}
#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 1.0em 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 {
}
#content .menu dl.det dd dt {
	width: 4.0em;
	vertical-align: top;
	line-height: 1.3;
}
#content.peninsula .menu dl.det dd dt {
	width: 7.0em;
}
#content.peninsula .menu dl.det.separate.not dt:before {
	content: '';
	margin: 0 0 0 0;
}
#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 {
	width: auto;
	padding-right: 1.5em;
	vertical-align: top;
	line-height: 1.3;
}
#content .menu dl.det dd.price {
	float: right;
	width: auto;
	padding-right: 0;
	text-align: right;
	white-space:nowrap;
}

#content .menu dl.det.st {
	margin-top: -20px;
}
#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 */
/* menu2 */
#content .menu2 {
	margin: 7em 0 0 0;
	text-align: left;
}
#content .menu2 dl {
	font-size: 1.6rem;
	line-height: 2.1;
	margin: 2em 0 0 0;
	padding: 0 0 0 1%
}
#content .menu2 dl + dl {
	margin-top: 2.2em;
}
#content .menu2 dl dt {
}
#content .menu dl dd {
	margin: 0.2em 0 0 0;
}
#content .menu2 dl dd.seat2 {
}
#content .menu2 dl dd dl {
	display: table;
	margin: 0;
	width: 100%;
}
#content .menu2 dl dd dl dt {
	display: table-cell;
	width: 45%;
}
#content .menu2 dl dd dl dt:before {
	content: '・';
	margin: 0 0 0 -0.5em;
}
#content .menu2 dl dd dl dd {
	display: table-cell;
	width: 48%;
}


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



















/* access */
#content .access {
	margin: 8em 0 0 0;
}

/* reserve */
#content .access .reserve {
	margin: 3em 5% 0;
}
#content .access .reserve dl + dl {
	margin: 3em 0 0 0;
}
#content .access .reserve dl dt {
	font-size: 1.5rem;
	margin: 0 0 0.5em 0;
	text-align: left;
}
#content .access .reserve dl dd {
	width: 100%;
}
#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;
	padding: 5% 8%;
	width: 100%;
}
#content .access .reserve dl dd.web a:before {
	border-color: transparent #ffffff #ffffff transparent;
	border-style: solid;
	border-width: 4px 4px 4px 4px;
	content: '';
	display: block;
	height: 0;
	margin: -5% 0 0 -8%;
	width: 0;
}
/* 1col */
#content .access .reserve dl.re_1cul dt {
	margin-bottom: 0.2em;
	text-align: center;
}
#content .access .reserve dl.re_1cul dd.tel {
	border: none;
}

/* Googl Map */
#content #gMap {
	height: 300px;
	margin: 7em 0 0 0;
	width: 100%;
}

/* Information */
#content .information {
	margin-top: 5em;
	padding-bottom: 7em;
	text-align: left;
}
#content .information dl {
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 2.2em 0 0 0;
}
#content .information dl dt {
}
#content .information dl dd {
	margin: 0.8em 0 0 0;
}
#content .information dl dd ul {
	list-style: none;
}
#content .information dl dd ul li + li {
	margin: 0.4em 0 0 0;
}
#content .information dl dd ul.train {
	margin: 0 0 0 1.4em;
	text-indent: -1.4em;
}
#content .information dl dd ul.train li {
	line-height: 1.4;
}
#content .information dl dd ul.train li:before {
	content: '\025C9';
	font-size: 1.3;
	margin: 0 0.4em 0 0;
}
#content .information dl dd ul.train li + li {
	margin-top: 0.2em;
}

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


/* ザ・ペニンシュラ東京 追加 201808 */
#content.peninsula .section .celebration {
	border-bottom: 1px solid #C8C8C8;
	margin: 0 0 3em;
	padding: 0 0 4em;
}
#content.peninsula .section .celebration h3 {
	margin-top: 2em;
}
#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;
	position: relative;
	z-index: 1;
}
#content.peninsula .section .celebration dl.det > dt:after {
	border-bottom: 1px solid #C8C8C8;
	content: '';
	position: absolute;
	top: 0.95em; left: 0;
	width: 100%;
}
#content.peninsula .section .celebration .access {
	margin-top: 4em;
}
#content.peninsula .section .celebration .access h2 {
	margin: 0;
}
#content.peninsula .section .celebration .access .reserve {
	margin-left: 0;
	margin-right: 0;
}
#content.peninsula .section .celebration .access .reserve dl {
	line-height: 1.6;
	padding: 0;
}
#content.peninsula .section .celebration .access .reserve dl + dl {
	margin-top: 2em;
}
#content.peninsula .section .celebration .access .reserve dl dd {
	text-align: center;
}