/* CSS Document */

* {
	padding:0;
	margin:0px;
	outline:none;
	}
	
html {
	overflow: auto;
	}
body {
	overflow: hidden;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic Pro','qMmpS Pro W3','CI',Meiryo,Osaka, 'lr oSVbN',sans-serif;
	font-weight: 400;
	font-size:100%;
	line-height: 1.6;
	-webkit-text-size-adjust:100%;
	font-size: 20px;
	color: #333;
	}
 .mplus.notios {
	font-family:'M PLUS 1p', sans-serif;
}
.bodoni {
	font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
}
img {
	vertical-align:top;
	border:0;
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	}

li {
	list-style-type: none;
}
p,a,li,div {
	max-height: 100%;
}

#header {
	width: 100%;
	display: none;
	}
@media only screen and (min-width: 768px) {
#header {
	display: block;
	padding-bottom: 2px;
	background:url(http://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
	}
#header .clearfix {
	margin:0 auto;
	text-align:left;
}
#header .right {
	width: 30%;
	padding: 18px 0 0 0;
	margin-right: 18px;
	text-align: right;
}
#header .left {
	width: 30%;
	margin-left: 12px;
	text-align: left;
}

}
#header img {
	width: auto;
}

/* --- class and other set --- */


.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.min {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: bold;
	color: #000;
}
.square {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
}
@media only screen and (min-width: 768px) {
.left {
	float: left;
}
.right {
	float: right;
}
}
.ar { text-align: right; }
.ac { text-align: center; }
.narrow{letter-spacing:-1px;}
.narrow2{letter-spacing:-2px;}
.small {font-size: 75%; }
span.listlike {
	display: inline-block;
	margin-left: 1em;
	text-indent: -1em;
}

.shadow {
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px 3px;
}
.emp {
	font-weight: bold;
}
.just {
	text-align: justify;
	text-justify: inter-ideograph;
}

.contentWrapper {
	margin: 0 auto;
}
.contents {
}
.contentWrapper a {
	color: #636161;
}
@media only screen and (max-width: 767px) {
	.contentWrapper {
		width: 500px;
	}
}
@media only screen and (min-width: 768px) {
	.contents {
		width: 980px;
		margin: 0 auto;
	}
}
	
#footer {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 20px 0;
	}
#copyright {
	text-align: center;
	margin-left: 20px;
	}
#copyright img {
	width: auto;
}
@media only screen and (min-width: 768px) {
	#footer {
		width: auto;
		padding:25px 0px 15px 0px;
	}
#copyright {
	margin:0 auto;
	}
}





@media only screen and (min-width: 768px) {
	.sp {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.pc {
		display: none;
	}
}




/* --- orginal set --- */


/* --- head --- */

#pageMenu {
	width: 100%;
	font-size: 0;
}
#pageMenu .floater {
}

#pageMenu .shelf {
	text-align: left;
}
#pageMenu img {
	margin-right: 0.5em;
}
#pageMenu a {
	color: #fff;
	text-decoration: none;
}
#mainTitle {
	font-size: 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -2;
	overflow: hidden;
}


@media only screen and (min-width: 768px) {
	#wrap {
		position: relative;
	}
	#pageMenu {
		height: 42px;
		position: absolute;
		left: 0;
		top: 63px;
		z-index: 1;
		min-width: 980px;
		text-align: center;
	}
	#pageMenu .inner {
		position: relative;
		height: 100%;
		min-width: 980px;
		
	}
	#pageMenu .floater {
		width: 100%;
		height: 42px;
		position: absolute;
		left: 0;
		top: 0;
	}
	#pageMenu .floater,
	.branch {
		background-color: rgba(106,145,48,0.7);
	}
	#pageMenu .floater.float {
		position: fixed;
	}
	#pageMenu .shelf {
		width: 980px;
		margin: 0 auto;
		text-align: left;
	}
	.cell {
		display: inline-block;
		vertical-align: middle;
		line-height: 42px;
		margin-right: 36px;
	}
	.cell:last-child {
		margin-right: 0;
	}
	.headmenu a {
		display: inline-block;
		height: 42px;
		font-size: 14px;
		padding: 0 0.5em;
	}
.headmenu a span.bodoni {
		font-size: 20px;
		margin-right: 0.5em;
	}
	.headmenu a:hover {
		background-color: #6a9130;
	}
	.headmenu a img {
		margin: 0 0.5em 0 20px;
	}
	#pagemenu1 img { width: 131px; }
	#pagemenu2 img { width: 141px;}
	#pagemenu3 img { width: 125px}
	
	#mainTitle {
		background-position: right center;
		background-image: url(../images/img0_pc.jpg);
		text-align: left;
		min-width: 980px;
	}
	#mainTitle h1 {
		width: 100%;
		height: 100%;
		display: flex;
		align-items:  center;
	}
	#mainTitle h1 img {
		width: 39.6%;
		margin-left: 3.44%;
	}
}
@media only screen and (max-width: 767px) {
	#mainTitle {
		background-size: cover;
		background-position: center bottom;
		background-image: url(../images/img0_sp.jpg);
	}
	#mainTitle {
	}
	#mainTitle h1 {
		padding: 18.4% 0 0;
	}
	#mainTitle h1 img {
		width: 81.16%;
	}
	#pageMenu {
		width: 100%;
		height: 100%;
		position: fixed;
		left:0 ;
		top: 0;
		display: none;
		background-color: #4d4d4d;
	}
	#pageMenu .floater {
		width: 100%;
		height: 100%;
		position: relative;
		background-color: #4d4d4d;
	}
	.btn.open {
		width: 40px;
		padding: 17px 12px;
		position: fixed;
		right: 10px;
		top: 10px;
		background-color: rgba(0,0,0,0.34);
		border-radius: 6px;
	}
	#pageMenu .btn.close {
		width: 40px;
		padding: 20px 17px;
		margin: 0 5px 0 auto;
	}
	.headmenu.pd,
	#pageMenu a {
		font-size: 18px;
		vertical-align: middle;
		display: block;
		border-bottom: 1px solid #999;
		text-align: left;
		padding:  1.5em 1.5em 1em;
		text-decoration: none;
		position: relative;
	}
	#pagemenu0 a {
		padding-top: 2em;
		border-top: 1px solid #999;
	}
	#pageMenu a span.bodoni {
		font-size: 36px;
	}
	#pageMenu .branch a {
		padding-left: 3em;
	}
	#pageMenu a span {
		display: block;
		margin-top: -16px;
	}
	#pageMenu #pagemenu1 {
		border-top: 1px solid #999;
	}
	#pagemenu1 img { width: 52.9%; }
	#pagemenu2 img { width: 56.8%;;}
	#pagemenu3 img { width: 50.4%; }
}


/* --- main --- */

#main  {
	z-index: -2;
}


h2 {
	color: #6a9130;
	padding: 75px 0 20px;
	text-align: center;
	font-size: 45px;
}
.section {
	text-align: left;
	border-top: 1px solid #666;
}
.section a {
}

.section .imgarea img {
	width: 100%;
	height: auto;
}
.section .shopname {
	color: #666;
	overflow: hidden;
	padding-bottom: 1.5em;
}
.section .shopname a {
	color: #333;
	text-decoration: none;
}
.section .shopname a span.logo {
	display: block;
	margin-bottom: 1em;
}
.section .shopname.multi a {
	display: inline-block;
}
.section .shopname.multi a span.logo {
	display: inline-block;
	margin-right: 1em;
}
.section .shopname a span.logo.ajikaido { width: 167px; }
.section .shopname a span.logo.daihanten { width: 165px; }
.section .shopname a span.logo.table9 { width: 112px; }
.section .shopname a span.logo.hapuna { width: 115px; }
.section .shopname a span.logo.maunakea { width: 169px; }
.section .shopname a span.logo.boulangerie { width: 201px; }
.section .shopname a span.logo.foodcourt { width: 206px; }

.section .shopname a:hover {
	text-decoration: underline;
}

.section .sns a {
	display: inline-block;
	margin: 0.75em 0.3em 0 0;
}
.section .sns a:hover {
	opacity: 0.8;
}
.section .sns a.fb img {
	width: 1.4em;
}
.section .sns a.instgrm img {
	width: 1.5em;
}
.section .dish {
	line-height: 1.6;
	font-weight: bold;
}
.section  span.spc {
	display: inline-block;
	color: #6a9130;
	line-height: 1.5;
}
.section .dish  span.spc {
	font-size: 90%;
}
.section .dish  span.type {
	display: inline-block;
	text-indent: -0.5em;
}
.section #menu01_3 p.dish span.indent {
	display: inline-block;
	width: 12.5em;
}
.section .exp {
	margin-top: 0.75em;
}
.section .info a,
.section .exp a {
	color: #62acb7;
}
.section .exp a:hover {
	text-decoration: none;
}
.section .exp span.item {
	display: inline-block;
	width: 13em;
}
.section .txtarea .info {
	margin-top: 2em;
}
.section .txtarea .info span.time {
	display: inline-block;
	width: 3em;
}
.section .shelf {
	margin-bottom: 40px;
}
.section  .txtarea p.dish {
	margin-bottom: 1.5em;
}
.section  .txtarea p.exp {
	margin-bottom: 1em;
}
.section .include {
	margin-left: 1em;
}
.section span.include {
	display: inline-block;
}
.section .include .indent {
	display: inline-block;
	margin-left: -1em;
}
.section .txtarea p span.dd {
		display: inline-block;
		width: 4em;
	}
	.section .txtarea p span.dt {
		display: block;
		margin: -1.6em 0 0 6em;
	}
.contentWrapper .section .txtarea .link {
	margin-top: 1.5em;
}
.contentWrapper .section .txtarea .link a {
	display: inline-block;
	width: 224px;
	line-height: 48px;
	text-align: center;
	font-size: 112.5%;
	text-decoration: none;
	border-radius: 6px;
	color: #fff;
	background-color: #6a9130;
	border: 2px solid #6a9130;
}
.contentWrapper .section .txtarea .link a:hover {
	color: #6a9130;
	background-color: #fff;
}
.contentWrapper .section .txtarea .addlink a {
	color: #6a9130;
	text-decoration: underline;
}

.section .txtarea .detail a {
	color: #62acb7;
}

.section .imgarea {
	overflow: hidden;
}
.imgarea .slidecontainer {
	width: 5300px;
	font-size: 0;
	overflow: hidden;
}
.imgarea .btnarea {
	padding: 1em 0 0;
	text-align: center;
}
.imgarea .btnarea .btn {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #999;
	margin: 0 10px;
	cursor: pointer;
}

.btnarea .btn img {
	width: 16px;
	height: 29px;
	vertical-align: top;
	margin-top: 10px;
}
#safety {
	padding: 45px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#topnote a {
	color: #b7282c;
}

@media only screen and (min-width: 768px) {
	.section {
		margin-top: 50px;
	}
	.section .article {
		padding-top: 50px;
	}
	.section .article.edge {
		padding-bottom: 50px;
	}
	.article.contents {
		width: 980px;
	}
	.section .imgarea {
		width: 530px;
		min-height: 395px;
	}
	.section .imgarea img {
		/* margin-bottom: 30px; */
	}
	.section .shop,
	.section .txtarea {
		width: 400px;
	}
	.section .txtarea p {
		font-size: 12px;
	}
	.section .txtarea p.dish {
		font-size: 16px;
	}
	.section .txtarea p.detail {
		font-size: 14px;
		margin-top: 2em;
	}
	.section .shop p {
		font-size: 15px;
	}
	.section  .txtarea .dish,
	.section  .txtarea .exp {
		margin-top: 0;
	}
	.contentWrapper .section .txtarea .addlink {
		margin-top: 3em;
	}
	.contentWrapper .section .txtarea .addlink a {
		font-size: 115%;
	}
	.imgarea .slidecontainer {
		height: 395px;
	}
	.imgarea .slidecontainer img {
		width: 530px;
		height: 395px;
	}
	.imgarea .btnarea {
		width: 530px;
	}
	.btnarea .btn:hover {
		background-color: #666;
	}
	#australianfair.contents {
		width: 700px;
	}
	#topnote p {
		margin-top: 48px;
		font-size: 12px;
		line-height: 24px;
	}
	#topnote a {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.section {
		padding-bottom: 0;
		margin-top: 80px;
	}
	.section h2 {
		font-size: 36px;
		padding: 50px 0 0;
	}
	.article {
		padding-top: 40px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.section .shop {
		overflow: visible;
		padding-top: 40px;
		padding-bottom: 1em;
		text-align: center;
	}
	.section .shop a {
		display: block;
	}
	.section .shopname a span.logo {
		display: block;;
		margin: 0 auto 10px;
	}
	.section .shopname {
		padding-bottom: 0;
	}
	.section .dish {
		margin-top: 1em;
	}
	.section .exp {
		font-size: 90%;
		margin-top: 1em;
	}
	.section .txtarea .info {
		font-size: 80%;
	}
	.section .txtarea .info span {
		font-size: 87.5%;
	}
	.section .txtarea p.detail {
		margin-top: 1em;
	}
	.contentWrapper .section .txtarea .link {
		text-align: center;
	}
	.contentWrapper .section .txtarea .link a {
		margin: 0 auto;
		width: 10em;
	}
	.contentWrapper .section .txtarea .addlink {
		margin-top: 2em;
		text-align: center;
	}
	
	.section .imgarea {
		width: 480px;
		
	}
	.section .imgarea img.cnt {
		margin-bottom: 30px;
	}
	.section .imgarea.group {
		height: 450px;
	}
	.imgarea .slidecontainer {
		height: 358px;
	}
	.imgarea .slidecontainer img {
		width: 480px;
		height: 358px;
	}
	.imgarea .btnarea {
		width: 100%;
	}
	
	#topnote p {
		margin: 2em 10px 0;;
		font-size: 80%;
		text-align: justify;
	}
	#topnote a {
		display: block;
		margin-bottom: 0.5em;
	}
}






























/* --- bottom area --- */

#additional #caution {
	text-align: left;
	font-size: 65%;
	margin: 45px auto 0;
	padding: 18px 0;
	border-top: 1px solid #ccc;
}
#additional #hotelInfo {
	margin: 32px 0 0;
	line-height: 1.8;
}
#additional #applic span {
	display: block;
}
#additional #contact {
	margin-top: 1em;
}
#additional #contact span {
	display: block;
}
#additional #contact span.op {
	font-size: 80%;
}
#additional #contact strong {
	font-size: 125%;
	vertical-align: middle;
}
#additional #hotelInfo strong.normal {
	font-size: 125%;
	font-weight:  normal;
}


#safety .imgarea {
	margin: 30px 0;
}
.additional_link {
	text-align: center;
}
.additional_link a {
	display: inline-block;
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.5;
	border: 1px solid #555;
	text-decoration: none;
}
@media only screen and (min-width: 768px) {
	
	#additional #applic span {
		display: inline-block;
		margin: 0 1em;
	}
	#additional #contact span.tel {
		display: inline-block;
		font-weight: bold;
		margin-right: 1.5em;
	}
	#australiafair {
		margin: 45px 0;
	}
	#australiafair img {
		width: 890px;
	}
	
	#safety .imgarea img {
		width: 40%;
	}
#safety p.sub {
	font-size: 80%;
	margin-top: 1.75em;
}
#safety p.exp {
	font-size: 70%;
	padding-bottom: 45px;
}
	#safety a {
		display: block;
		width: 40%;
		margin: 0 auto;
	}
}

#additional #sns {
	margin: 32px auto 0;
	text-align: left;
}
#additional #sns .unit {
	margin: 30px 10px;
}
#additional #sns .unit .imgarea {
	float: left;
	width: 60px;
	margin: 10px;
}

#additional #sns .unit p {
	float: right;
	width: 340px;
	font-size: 80%;
	text-indent: -0.5em;
}
#additional #sns .unit p a {
	color:#636161;
}
#additional #sns .unit p a:hover {
	text-decoration: none;
}
@media only screen and (min-width: 768px) {
	#additional #sns {
		text-align: center;
	}
#additional #sns .unit {
	width: 350px;
	display: inline-block;
}
	#additional #sns .unit {
		margin: 0 0px 0 40px;;
		text-align: left;
	}
#additional #sns .unit .imgarea {
	margin: 0;
}
#additional #sns .unit p {
	width: 270px;
	font-size: 70%;
}
#safety .additional_link a,
.additional_link a {
	width: 456px;
	margin: 20px auto;
}
	#safety .additional_link a {
		width: 456px;
		margin: 45px auto;
	}
}
@media only screen and (max-width: 767px) {
#safety p.sub {
	text-align: left;
	font-size: 90%;
	margin-top: 1em;
}
#safety p.exp {
	text-align: left;
	font-size: 80%;
	padding-bottom: 45px;
}
.additional_link a {
	width: 100%;;
	font-size: 20px;
	padding: 0;
	line-height: 2.5;
	margin: 30px 0;
}
	#safety .additional_link a {
		margin: 45px 0;
	}
}


#additional  div.links{
	margin: 48px 0 24px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 75%;
	padding: 0.5em 0;
	text-align: center;
}
#additional  div.links a {
	color: #555;
	margin: 0 1em;
	text-decoration: none;
}
#additional  div.links a span {
	color: #999;
}
#additional  div.links a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
#additional {
	margin: 0 20px;
}
	#additional  div.links a {
		display: block;
		margin: 1em 0;
	}
}
@media only screen and (min-width: 768px) {
	
	#additional  div.links a {
		font-size: 80%;
	}
}

div.pagetop {
	position: fixed;
	width: 36px;
	right: 24px;
	bottom: 24px;
	display: none;
}
div.pagetop a {
	display: block;
	text-align: center;
}
div.pagetop a:hover img {
	opacity: 0.8;
}
@media only screen and (max-width: 767px) {
	div.pagetop {
		
	}
}






@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
}