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

	index CSS

	- common
	- map
	- cafe
	- shop
	- resto
	- service

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/
#header .h_box01 #lang>p {
	color: #fff;
}
#header .h_box01 #lang>p {
	border-color: #fff;
}
#header .h_box01 #lang>p>span:after {
	border-color: #fff;
}
#headtitle.tit_bg .headtitle_bg {
	background-image: url(../img/i_titbg01.webp?u=250808);
	color: #fff;
}
#contents > p.c_btn01 {
    width: auto;
    margin: 0 5.3%;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#contents > p.c_btn01 {
		margin: 0 auto;
	}
}

/*----------------------------------------
	fixbtn
-----------------------------------------*/
#fixbtn {
	width: 120px;
	padding: 0;
	background: #836e31;
	border-top: none;
}
#fixbtn>ul>li>a>span:before {
	display: block;
	width: 100%;
	height: 30px;
	background: center 0 no-repeat;
	background-size: 30px auto;
}
#fixbtn>ul>li:nth-child(1)>a>span:before {
	background-image: url(/asset/img/cmn/c_fixbtn_i01.png);
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#fixbtn {
		display: none;
	}
}

/*----------------------------------------
	fixbtn - animation
-----------------------------------------*/

#fixbtn>ul>li:nth-child(1) a>span:before {
    animation-delay: 0s;
}
#fixbtn>ul>li>a>span:before {
	-webkit-animation: icon_jump 4s ease both infinite;
	animation: icon_jump 4s ease both infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
#fixbtn>ul>li>a:hover span:before {
	-webkit-animation: icon_jump_hover 2.4s ease both infinite;
	animation: icon_jump_hover 2.4s ease both infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

@-webkit-keyframes icon_jump {
	from {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 40% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 45% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 49% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-1px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 57% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes icon_jump {
	from {
		animation-timing-function: ease-in;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: ease-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 40% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 45% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 49% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-1px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 57% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@-webkit-keyframes icon_jump_hover {
	from {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 9% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 12% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 20% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 28% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 33% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 38% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 42% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 45% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 65% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 70% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes icon_jump_hover {
	from {
		animation-timing-function: ease-in;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: ease-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 9% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 12% {
		animation-timing-function: ease-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 20% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 28% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 33% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 38% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 42% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 45% {
		animation-timing-function: ease-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 65% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 70% {
		animation-timing-function: ease-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

/*----------------------------------------
	map
-----------------------------------------*/
#s_map {
	margin: 0 auto 86px;
	padding: 30px 0 0;
}
#s_map>p {
	margin: 0 0 24px;
	line-height: 1.8;
	letter-spacing: 0.25rem;
}
html[lang="en"] #s_map>p {
    padding: 0 5.3%;
}
#s_map>.box01>.box01_01 {
	margin: 0 5.3% 20px;
}
#s_map>.box01>.box01_01>.map {
	position: relative;
}
#s_map>.box01>.box01_01>.map>#mapImg {
	background: url(../img/i_map_p01.png) 0 0 no-repeat;
	background-size: 100% auto;
}
#s_map>.box01>.box01_01>.map>#mapImg>img {
	opacity: 0;
}


#s_map>.box01>.box01_01>.map>ul>li {
	position: absolute;
}
#s_map>.box01>.box01_01>.map>ul>li:before,
#s_map>.box01>.box01_01>.map>ul>li:after {
	content: '';
	position: absolute;
}
#s_map>.box01>.box01_01>.map>ul>li>a,
#s_map>.box01>.box01_01>.map>ul>li>p {
	position: absolute;
	display: block;
	padding: 4px 6px;
	color: #fff;
	line-height: 1.2;
	white-space: nowrap;
	background-color: #000c30;
}
#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a,
#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a {
	padding-right: 18px;
	cursor: pointer;
}
#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a>span:before,
#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a>span:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
}
#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a>span:before {
	right: 7px;
	width: 4px;
	height: 4px;
	margin: -3px 0 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: translate(0,-50%) rotate(135deg);
	    -ms-transform: translate(0,-50%) rotate(135deg);
	        transform: translate(0,-50%) rotate(135deg);
}
#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a>span:after {
	right: 6px;
	width: 7px;
	height: 7px;
	border-bottom: 1px solid #fff;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
#s_map>.box01>.box01_01>.map>ul>li>a[target="_blank"]>span:beforep {
	content: none;
}
#s_map>.box01>.box01_01>.map>ul>li>a[target="_blank"]>span:afterp {
	right: 8px;
	width: 14px;
	height: 14px;
	border: none;
	background: url(/asset/img/cmn/c_link01.png) center top no-repeat;
	background-size: 13px 13px;
	-webkit-transform: translate(0,-50%) rotate(0);
	    -ms-transform: translate(0,-50%) rotate(0);
	        transform: translate(0,-50%) rotate(0);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(1) {
	bottom: 80%;
	right: 63%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(1)>a {
	right: 26px;
	bottom: -10px;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(1):after {
	bottom: 10px;
	right: 0;
	width: 26px;
	border-bottom: 1px solid #000c30;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(2) {
	bottom: 75%;
	left: 64%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(2)>a {
	left: 22px;
	bottom: -10px;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(2):after {
	bottom: 10px;
	left: 0;
	width: 22px;
	border-bottom: 1px solid #000c30;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(3) {
	bottom: 46%;
	right: 82%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(3)>p {
	bottom: 0;
	left: -50%;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(4) {
	bottom: 34%;
	left: 54%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(4)>a {
	left: 22px;
	bottom: -10px;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(4):after {
	bottom: 10px;
	left: 0;
	width: 22px;
	border-bottom: 1px solid #000c30;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(5) {
	bottom: 30%;
	right: 66%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(5)>a {
	right: 16px;
	bottom: -10px;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(5):after {
	bottom: 10px;
	right: 0;
	width: 16px;
	border-bottom: 1px solid #000c30;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(6) {
	bottom: 2%;
	right: 49%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(6)>a {
	bottom: 0;
	left: -50%;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(7) {
	bottom: 60%;
	left: 71%;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(7)>a {
	left: 26px;
	bottom: 6px;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(7):after {
	bottom: 16px;
	left: 0;
	width: 26px;
	border-bottom: 1px solid #000c30;
}
#s_map>.box01>.box01_01>.map>ul>li:nth-child(7):before {
	left: 0;
	bottom: 0;
	height: 16px;
	border-left: 1px solid #000c30;
}
html[lang="en"] #s_map>.box01>.box01_01>.map>ul>li:nth-child(7)>a {
	left: 8px;
}
html[lang="en"] #s_map>.box01>.box01_01>.map>ul>li:nth-child(7):after {
	width: 8px;
}

#s_map>.box01>.box01_02>div+div {
	margin-top: 16px;
}
#s_map>.box01>.box01_02 .stit01 {
	margin: 0 0 10px;
	padding: 6px 5.3%;
	background-color: #ebebeb;
}
#s_map>.box01>.box01_02 .stit02 {
	padding: 6px 5.3%;
}
#s_map>.box01>.box01_02 .b01l,
#s_map>.box01>.box01_02 .b01r {
	margin: 15px 5.3%;
}
#s_map>.box01>.box01_02 .b01l {
	padding: 5px 0 15px;
}
#s_map>.box01>.box01_02 .b01l>ul,
#s_map>.box01>.box01_02 .b01r>ul {
	padding: 0;
}
#s_map>.box01>.box01_02 .b01l {
	border: 1px solid #ebebeb;
}
#s_map>.box01>.box01_02 ul {
	padding: 0 5.3%;
}
#s_map>.box01>.box01_02 ul+.stit01 {
	margin-top: 14px;
}
#s_map>.box01>.box01_02 ul>li {
	margin: 6px 0 0;
	line-height: 1.5;
}
#s_map>.box01>.box01_02 ul>li>dl {
	display: table;
}
#s_map>.box01>.box01_02 ul>li>dl>dt,
#s_map>.box01>.box01_02 ul>li>dl>dd {
	display: table-cell;
	vertical-align: top;
}
#s_map>.box01>.box01_02 ul>li>dl>dt {
	text-align: right;
	width: 7.8rem;
	padding-right: 1.8rem;
}
#s_map>.box01>.box01_02 ul>li>dl>dd>p+p {
	margin: 4px 0 0;
}
#s_map>.box01>.box01_02 ul>li>dl>dd>p>a {
	cursor: pointer;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_map {
		max-width: 1120px;
		margin: 64px auto 130px;
		padding: 30px 0 0;
	}
	#s_map>p {
		margin: 0 0 48px;
		line-height: 2;
		letter-spacing: 0.35rem;
	}
	#s_map>.box01 {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#s_map>.box01>div {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	#s_map>.box01>.box01_01 {
		padding: 0 25px 0 0;
	}
	#s_map>.box01>.box01_01>.map>#mapImg>img {
		opacity: 1;
	}
	#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a {
		padding: 4px 6px;
		cursor: default;
	}
	#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a>span:before,
	#s_map>.box01>.box01_01>.map>ul>li.mapScroll>a>span:after {
		content: none;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(1) {
		right: 64%;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(1)>a {
		right: 30px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(1):after {
		bottom: 12px;
		width: 30px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(2) {
		bottom: 75%;
		left: 64%;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(2)>a {
		left: 34px;
		bottom: -10px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(2):after {
		bottom: 12px;
		width: 34px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(3) {
		bottom: 52%;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(4) {
		bottom: 35%;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(4)>a {
		left: 26px;
		bottom: -10px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(4):after {
		bottom: 12px;
		width: 26px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(5) {
		bottom: 32%;
		right: 68%;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(5)>a {
		right: 20px;
		bottom: -12px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(5):after {
		width: 20px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(6) {
		bottom: 5%;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(7)>a {
		left: 60px;
		bottom: 22px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(7):after {
		bottom: 32px;
		width: 60px;
	}
	#s_map>.box01>.box01_01>.map>ul>li:nth-child(7):before {
		height: 32px;
	}
	html[lang="en"] #s_map>.box01>.box01_01>.map>ul>li:nth-child(7)>a {
		left: 60px;
	}
	html[lang="en"] #s_map>.box01>.box01_01>.map>ul>li:nth-child(7):after {
		width: 60px;
	}
	#s_map>.box01>.box01_02 .stit02 {
		padding: 0 22px;
	}
	#s_map>.box01>.box01_02>.b01 {
		width: 100%;
		margin-bottom: 4px;
	}
	#s_map>.box01>.box01_02>.b01 .stit01 {
		margin-bottom: 20px;
	}
	#s_map>.box01>.box01_02>.b01>div{
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0;
	}
	#s_map>.box01>.box01_02>.b01>.b01l {
		padding: 12px 0 16px;
	}
	#s_map>.box01>.box01_02>.b01>.b01r ul>li:first-child {
		margin-top: 0;
	}
	#s_map>.box01>.box01_02>.b02,
	#s_map>.box01>.box01_02>.b03 {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	#s_map>.box01>.box01_02>.b03 {
		padding-left: 4px;
	}
	#s_map>.box01>.box01_02 ul+.stit01 {
		margin-top: 20px;
		margin-bottom: 18px;
	}
	#s_map>.box01>.box01_02 .b03 {
		padding-left: 4px;
	}
	#s_map>.box01>.box01_02>.b01>div>ul,
	#s_map>.box01>.box01_02 ul {
		padding: 0 0 0 20px;
	}
	#s_map>.box01>.box01_02 ul>li {
		margin: 15px 0 0;
		line-height: 1.5;
	}
	#s_map>.box01>.box01_02 ul>li>dl>dt {
		width: 4rem;
		padding-right: 8px;
	}
	html[lang="zh-CN"] #s_map>.box01>.box01_02 ul>li>dl>dt,
	html[lang="zh-TW"] #s_map>.box01>.box01_02 ul>li>dl>dt,
	html[lang="ko"] #s_map>.box01>.box01_02 ul>li>dl>dt {
		white-space: nowrap;
	}
	#s_map>.box01>.box01_02 ul>li>dl>dd>p+p {
		margin: 4px 0 0;
	}
}

/*----------------------------------------
	menu
-----------------------------------------*/
#s_menu {
	margin: 0 auto 86px;
	padding: 50px 0 0;
}
#s_menu>p {
	margin: 0 0 40px;
	line-height: 1.8;
	letter-spacing: 0.25rem;
}
html[lang="en"] #s_menu>p {
    padding: 0 5.3%;
}
#s_menu p.c_btn01 {
    width: auto;
    margin: 0 5.3%;
}
#s_menu ul,
#s_menu ul>li>a {
	display: table;
	margin: 0 auto;
}
#s_menu ul {
	margin-bottom: 35px;
}
#s_menu ul>li,
#s_menu ul>li>a>span {
	display: table-cell;
	vertical-align: middle;
}
#s_menu ul>li {
	padding: 0 8px;
}
#s_menu ul>li>a {
	overflow: hidden;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: center center no-repeat;
	background-size: 100% auto;
}
#s_menu ul>li>a:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: contain;
	content: "";
}
#s_menu ul>li>a>span {
	position: relative;
	font-style: italic;
	letter-spacing: 0.2rem;
	text-indent: 0.4rem;
	z-index: 100;
}
#s_menu ul>li:nth-child(1)>a:after {
	background-image: url(../img/i_menu_bg01.jpg);
}
#s_menu ul>li:nth-child(2)>a:after {
	background-image: url(../img/i_menu_bg02.jpg);
}
#s_menu ul>li:nth-child(3)>a:after {
	background-image: url(../img/i_menu_bg03.jpg);
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_menu {
		max-width: 1120px;
		margin: 64px auto 110px;
		padding: 30px 0 0;
	}
	#s_menu>p {
		margin: 0 0 90px;
		line-height: 2;
		letter-spacing: 0.35rem;
	}
	#s_menu p.c_btn01 {
		margin: 0 auto;
	}
	#s_menu ul {
		margin-bottom: 50px;
	}
	#s_menu ul>li {
		padding: 0 35px;
	}
	#s_menu ul>li>a {
		width: 200px;
		height: 200px;
	}
	body.pc #s_menu ul>li a:after {
		-webkit-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}
	body.pc #s_menu ul>li:hover a:after {
		-webkit-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}
}

/*----------------------------------------
	cafe
	shop
-----------------------------------------*/
#s_cafe,
#s_shop {
	margin-bottom: 70px;
}
#s_cafe>h2,
#s_shop>h2 {
	margin: 0 0 22px;
}
#s_cafe .box01>div,
#s_shop .box01>div {
	padding: 18px 0 0;
}
#s_cafe .box01>div>div>h3,
#s_shop .box01>div>div>h3 {
	margin: 0 0 6px;
	letter-spacing: 0.4rem;
}
#s_cafe .box01>div>div>h4,
#s_shop .box01>div>div>h4 {
	margin: 24px 0 10px;
	letter-spacing: 0.3rem;
}
#s_cafe .box01>div>div>p,
#s_shop .box01>div>div>p,
#s_cafe .box01>div>div>div,
#s_shop .box01>div>div>div {
	margin: 0 0 4px;
	line-height: 1.8;
}
#s_cafe .box01>div>div>.c_btn01s,
#s_shop .box01>div>div>.c_btn01s {
	margin: 18px auto 0;
}
#s_cafe .box02,
#s_shop .box02 {
	margin-top: 60px;
}
#s_cafe .box02>ul+ul,
#s_shop .box02>ul+ul {
	margin-top: 36px;
}
#s_cafe .box02>ul>li,
#s_shop .box02>ul>li {
	margin: 0 0 24px;
}
#s_cafe .box02>ul>li:last-child>div,
#s_shop .box02>ul>li:last-child>div {
	padding-bottom: 8px;
}
#s_cafe .box02>ul>li>div,
#s_shop .box02>ul>li>div {
	padding: 16px 0;
}
#s_cafe .box02>ul>li>div>dl>dt,
#s_shop .box02>ul>li>div>dl>dt {
	margin: 0 0 4px;
	letter-spacing: 0.3rem;
}
#s_cafe .box02>ul>li>div>dl>dd,
#s_shop .box02>ul>li>div>dl>dd {
	line-height: 1.8;
}
#s_cafe .box02>ul>li>div>dl>dd>div,
#s_shop .box02>ul>li>div>dl>dd>div {
	margin: 6px 0 0;
}
#s_cafe .box02>ul>li>div>.c_btn01s,
#s_shop .box02>ul>li>div>.c_btn01s {
	margin-top: 18px;
	margin-bottom: 6px;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_cafe,
	#s_shop {
		margin-bottom: 84px;
	}
	#s_cafe>h2,
	#s_shop>h2 {
		margin: 0 0 38px;
	}
	#s_cafe .box01,
	#s_shop .box01 {
		display: table;
	}
	#s_cafe .box01>p,
	#s_cafe .box01>div,
	#s_shop .box01>p,
	#s_shop .box01>div {
		display: table-cell;
		vertical-align: middle;
	}
	#s_cafe .box01>p,
	#s_shop .box01>p {
		width: 65%;
	}
	#s_cafe .box01>p>img,
	#s_shop .box01>p>img {
		opacity: 0;
	}
	#s_cafe .box01>div,
	#s_shop .box01>div {
		padding: 0 0 5%;
	}
	#s_cafe .box01>div>div,
	#s_shop .box01>div>div {
		padding: 0 70px 0 50px;
	}
	#s_cafe .box01>div>div>h4,
	#s_shop .box01>div>div>h4 {
		margin: 52px 0 10px;
	}
	#s_cafe .box01>div>div>p,
	#s_shop .box01>div>div>p,
	#s_cafe .box01>div>div>div,
	#s_shop .box01>div>div>div {
		margin: 0 0 10px;
		line-height: 1.8;
	}
	#s_cafe .box01>div>div>.c_btn01s,
	#s_shop .box01>div>div>.c_btn01s {
		margin: 34px 0 0;
	}
	#s_cafe .box01>p{
		background: url(../img/i_cafe_p01.jpg) center center no-repeat;
		background-size: cover;
	}
	#s_shop .box01>p {
		background: url(../img/i_shop_p01.jpg) center center no-repeat;
		background-size: cover;
	}
	#s_cafe .box02,
	#s_shop .box02 {
		margin-top: 70px;
	}
	#s_cafe .box02>ul,
	#s_shop .box02>ul {
		font-size: 0;
		letter-spacing: 0;
		text-align: center;
	}
	#s_cafe .box02>ul>li,
	#s_shop .box02>ul>li {
		display: inline-block;
		vertical-align: top;
		width: 33.3333%;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		text-align: left;
	}
	#s_cafe .box02>ul>li+li,
	#s_shop .box02>ul>li+li {
		border-left: 1px solid transparent;
	}
	#s_cafe .box02>ul>li>div,
	#s_shop .box02>ul>li>div {
		margin: 0 40px;
		padding: 24px 0 10px;
	}
	#s_cafe .box02>ul>li>div>dl>dt,
	#s_shop .box02>ul>li>div>dl>dt {
		margin: 0 0 10px;
	}
	#s_cafe .box02>ul>li>div>dl>dd>div,
	#s_shop .box02>ul>li>div>dl>dd>div {
		margin: 10px 0 0;
	}
	#s_cafe .box02>ul>li>div>.c_btn01s,
	#s_shop .box02>ul>li>div>.c_btn01s {
		width: 160px;
		margin: 26px 0 0;
		font-size: 1.2rem;
	}
	#s_cafe .box02>ul>li>div>.c_btn01s>a,
	#s_shop .box02>ul>li>div>.c_btn01s>a {
		padding: 15px 20px;
	}
}

/*----------------------------------------
	resto
-----------------------------------------*/
#s_resto {
	margin-bottom: 90px;
}
#s_resto>h2 {
	margin: 0 0 22px;
}
#s_resto>div>[class^="box"] {
	overflow: hidden;
}
#s_resto>div>[class^="box"]+[class^="box"] {
	margin: 55px 0 0;
}
#s_resto>div>[class^="box"]:nth-child(2)>p {
	margin: 0 -1.2% 0 -6.2%;
}
#s_resto>div>[class^="box"]>div {
	padding: 18px 0 0;
}
#s_resto>div>[class^="box"]>div>div>[class^="box"]>h3 {
	margin: 0 0 6px;
	letter-spacing: 0.4rem;
}
#s_resto>div>[class^="box"]>div>div>[class^="box"]>h4 {
	margin: 24px 0 10px;
		letter-spacing: 0.3rem;
}
#s_resto>div>[class^="box"]>div>div>[class^="box"]>p,
#s_resto>div>[class^="box"]>div>div>[class^="box"]>div {
	margin: 0 0 4px;
	line-height: 1.8;
}
#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s {
	margin: 18px auto 0;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_resto {
		margin: 0 auto 115px;
	}
	#s_resto>h2 {
		margin: 0 0 38px;
	}
	#s_resto>div>[class^="box"] {
		display: table;
		width: 100%;
	}
	#s_resto>div>[class^="box"]+[class^="box"] {
		margin: 70px 0 0;
	}
	#s_resto>div>[class^="box"]:nth-child(1)>p,
	#s_resto>div>[class^="box"]:nth-child(2)>p {
		margin: 0;
	}
	#s_resto>div>.box02 {
		direction: rtl;
	}
	#s_resto>div>[class^="box"]>p,
	#s_resto>div>[class^="box"]>div {
		display: table-cell;
		vertical-align: top;
		direction: ltr;
		padding: 0;
	}
	#s_resto>div>[class^="box"]>p {
		width: 61%;
	}
	#s_resto>div[class^="box"]>div>div {
		padding: 0;
	}
	#s_resto>div>.box01>div>div>[class^="box"] {
		margin-left: -10%;
		padding: 0 14% 0 20%;
	}
	#s_resto>div>.box02>div>div>[class^="box"] {
		margin-right: -10%;
		padding: 0 20% 0 14%;
	}
	#s_resto>div>[class^="box"]>div>div>.boxTop {
		padding-top: 17.4%;
		margin-bottom: 9%;
	}
	#s_resto>div>[class^="box"]>div>div>.boxBtm {
		padding-top: 9%;
		padding-bottom: 10%;
		background-color: #000c30;
		color: #fff;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>h3 {
		margin: 0 0 6px;
		letter-spacing: 0.4rem;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>h4 {
		margin: 0 0 10px;
		line-height: 1.5;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>p,
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>div {
		margin: 0 0 10px;
		line-height: 1.8;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01sw {
		margin: 34px 0 0;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s {
		margin: 34px 0 0;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a {
		color: #fff;
		background-color: transparent;
		border-color: #fff;
	}
	body.pc #s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a:hover {
		color: #fff;
		border-color: #000c30;
	}
	body.pc #s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a:hover {
		color: #000c30;
		border-color: #fff;
	}
	body.pc #s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a::before {
		background-color: #fff;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a::after {
		border-color: #fff;
	}
	body.pc #s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a:hover::after {
		border-color: #000c30;
	}
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a[target="_blank"]:after,
	#s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a[target="_blank"]:after {
		background-image: url(/asset/img/cmn/c_link01.png);
	}
	body.pc #s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a[target="_blank"]:hover::after,
	body.pc #s_resto>div>[class^="box"]>div>div>[class^="box"]>.c_btn01s>a[target="_blank"]:hover::after {
		background-image: url(/asset/img/cmn/c_link02.png);
	}
}

/*----------------------------------------
	service
-----------------------------------------*/
#s_service>h2 {
	margin: 0 0 22px;
}
#s_service .list>li {
	padding: 16px 5.3%;
	background-color: #f6f6f6;
	border-top: 2px solid #fff;
}
#s_service .list>li>dl>dt {
	margin: 0 0 8px;
	letter-spacing: 0.3rem;
}
#s_service .list>li>dl>dd>p,
#s_service .list>li>dl>dd>div {
	line-height: 1.7;
}
#s_service .list>li>dl>dd ul {
	display: inline;
}
#s_service .list>li>dl>dd ul>li {
	display: inline;
}
#s_service .list>li>dl>dd ul>li>span {
	padding-right: 1em;
}
#s_service .list>li>dl>dd>div {
	margin-top: 6px;
}
#s_service .list>li>dl>dd>.c_btn01s {
	margin-top: 10px;
	margin-bottom: 4px;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_service>h2 {
		margin: 0 0 38px;
	}
	#s_service .list {
		font-size: 0;
		letter-spacing: 0;
	}
	#s_service .list>li {
		display: inline-block;
		vertical-align: top;
		width: 33.3333%;
		padding: 36px 40px;
		border-left: 2px solid #fff;
		letter-spacing: 0.1rem;
	}
	#s_service .list>li>dl>dt {
		margin: 0 -1em 10px 0;
		letter-spacing: 0.35rem;
	}
	#s_service .list>li>dl>dd>p,
	#s_service .list>li>dl>dd>div{
		line-height: 1.8;
	}
	#s_service .list>li>dl>dd>p:first-child {
		margin-top: 10px;
	}
	#s_service .list>li>dl>dd ul,
	#s_service .list>li>dl>dd ul>li {
		display: block;
	}
	#s_service .list>li>dl>dd ul>li>span {
		display: inline-block;
		vertical-align: top;
		padding: 0;
	}
	#s_service .list>li>dl>dd ul.w3>li>span { width: 3em; }
	#s_service .list>li>dl>dd ul.w4>li>span { width: 4em; }
	#s_service .list>li>dl>dd ul.w5>li>span { width: 5em; }
	#s_service .list>li>dl>dd ul.w6>li>span { width: 6em; }
	#s_service .list>li>dl>dd ul.w7>li>span { width: 7em; }
	#s_service .list>li>dl>dd>.c_btn01s {
		width: 160px;
		margin: 22px 0 4px;
		font-size: 1.2rem;
	}
	#s_service .list>li>dl>dd>.c_btn01s>a {
		padding: 15px 20px;
	}
}