<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* CSS Document */

/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); */
/* @font-face { font-family: 'FOT-AnitoStd-M'; src: url(./FOT-AnitoStd-M.otf); } */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {
	color:#000000;
	background-image: url("../image/back.gif");
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "BIZ UDPGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	overflow-x:hidden;
}

@media screen and (max-width: 750px) {
	body {
		font-size: 24px;
	}
}

a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img {
	border:0;
	vertical-align: bottom;
}

.pc {
}
.sp {
	display: none;
}

@media screen and (max-width: 750px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

#lineup-font-size-sampler { display:none; }

div:after, section:after, article:after, ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }

.right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }

.first { padding-top:0 !important; margin-top:0 !important; }
.last { padding-bottom:0 !important; margin-bottom:0 !important; }

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -20px;
	transform: scale(2,2);
	transform-origin: center;
	z-index: 3;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #74afe7;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle1.sk-child:before { background-color: #74afe7; }
.sk-circle .sk-circle2.sk-child:before { background-color: #81b5c0; }
.sk-circle .sk-circle3.sk-child:before { background-color: #96b945; }
.sk-circle .sk-circle4.sk-child:before { background-color: #eeaf79; }
.sk-circle .sk-circle5.sk-child:before { background-color: #eb9e96; }
.sk-circle .sk-circle6.sk-child:before { background-color: #b8a0c4; }
.sk-circle .sk-circle7.sk-child:before { background-color: #74afe7; }
.sk-circle .sk-circle8.sk-child:before { background-color: #81b5c0; }
.sk-circle .sk-circle9.sk-child:before { background-color: #96b945; }
.sk-circle .sk-circle10.sk-child:before { background-color: #eeaf79; }
.sk-circle .sk-circle11.sk-child:before { background-color: #eb9e96; }
.sk-circle .sk-circle12.sk-child:before { background-color: #b8a0c4; }

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
    display: block;
    margin: 0 auto;
	padding-bottom:25px;
	max-width:100%;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:0; max-width:100%; text-align:center; display: block; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:0; max-width:100%; text-align:center; display: block; }
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:40px;
	padding-top:40px;
	padding-bottom:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 12px 8px 12px !important;
		border:solid 1px #fedcd2 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#fedcd2 !important;
		background:-moz-linear-gradient(top,#fedcd2 1px,#F3F3F3 1px,#fedcd2) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#fedcd2),color-stop(0.02,#fedcd2),color-stop(1,#fedcd2)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:4px 12px 8px 12px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		font-size:14px;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #de744c !important;
		border-color:#de744c !important;
		background:#de744c !important;
		background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	min-width:75px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 750px) {
	#primary {
		width: 750px;
		overflow-x: hidden;
	}
}

article {
	width:100%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

@media screen and (max-width: 1200px) {
	article {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}
}


/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/

header {
	position: relative;
	width: 100%;
	height: 200px;
	z-index: 5;
	transition: 0.3s;
}

@media screen and (max-width: 1100px) {
	header {
		height: 120px;
	}
}

@media screen and (max-width: 1100px) {
	header {
		height: 340px;
	}
}
@media screen and (max-width: 1000px) {
	header {
		/*height: 120px;*/
		height: 200px;
	}
	.content-menu header, .content-takeout header, .content-party header {
		height: 275px !important;
	}


}

header .header-primary article {
	position: relative;
	height: 200px;
}

header h1 {
	font-size: 15px;
	color: #2f1205;
	position: absolute;
	font-weight: normal;
	top: 48px;
	left: 0;
	margin: 0;
	padding: 0;
	transition: 0.2s;
}

@media screen and (max-width: 1200px) {
	header h1 {
		left: 30px;
	}
}

@media screen and (max-width: 1100px) {
	header h1 {
		width: 380px;
		font-size: 13px;
	}
}

@media screen and (max-width: 1000px) {
	header h1 {
		position: relative;
		top: inherit;
		left: inherit;
		width: 100%;
		padding-top: 15px;
		text-align: center;
		font-size: 16px;
	}
}
@media screen and (max-width: 750px) {
	header h1 {
		text-align: left;
	}
}

header .logo {
	background-image: url("../image/header/logo.png");
	width: 205px;
	height: 228px;
	display: block;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -100px;
}

header .logo a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	transition: 0.3s;
}

@media screen and (max-width: 1000px) {
	header .logo {
		top: 70px;
	}
}


/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

header nav {
	position: absolute;
	bottom:0;
	width: 100%;
	height: 70px;
	display: block;
}

.ipad header nav {
	width: calc(100% - 50px);
}

@media screen and (max-width: 1100px) {
	header nav {
		width: calc(100% - 30px);
		bottom: -130px;
	}
	.subpage header nav {
		width: calc(100% - 30px);
		bottom: -292px;
	}
	.subpage.content-menu header nav, .subpage.content-takeout header nav, .subpage.content-partyplan header nav {
		bottom:-124px;
	}
}

@media screen and (max-width: 1000px) {
	header nav {
		display: none;
	}
}

header nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

header nav ul li {
	display: block;
	width: 16.666%;
	height: 70px;
	float: left;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	transition: 0.2s;
}

header nav ul li:hover {
	margin-top: -5px;
}

header nav ul li:nth-child(1), header nav ul li:nth-child(2), header nav ul li:nth-child(3) { background-position: top left; float: left; }
header nav ul li:nth-child(2) { margin-left: -30px; }
header nav ul li:nth-child(3) { margin-left: -40px; }
header nav ul li:nth-child(4) { margin-left: -45px; }
header nav ul li:nth-child(5) { margin-left: -33px; }
header nav ul li:nth-child(4), header nav ul li:nth-child(5), header nav ul li:nth-child(6) { background-position: top right; float: right; }

header nav ul li:nth-child(1) { background-image: url("../image/header/navi01.png"); min-width: 130px; }
header nav ul li:nth-child(2) { background-image: url("../image/header/navi02.png"); min-width: 108px; }
header nav ul li:nth-child(3) { background-image: url("../image/header/navi03.png"); min-width: 147px; }
header nav ul li:nth-child(4) { background-image: url("../image/header/navi06.png"); min-width: 121px; }
header nav ul li:nth-child(5) { background-image: url("../image/header/navi05.png"); min-width: 141px; }
header nav ul li:nth-child(6) { background-image: url("../image/header/navi04.png"); min-width: 162px; }

@media screen and (max-width: 1100px) {
	header nav ul li {
		margin-left: 0 !important;
		background-position: top center !important;
		float: left !important;
	}
		header nav ul li:nth-child(1) { width: 12.666%; }
		header nav ul li:nth-child(2) { width: 16.666%; }
		header nav ul li:nth-child(3) { width: 16.666%; }
		header nav ul li:nth-child(4) { width: 16.666%; }
		header nav ul li:nth-child(5) { width: 16.666%; }
		header nav ul li:nth-child(6) { width: 19.666%; }
	}

header nav ul li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
}

header .option {
	position: absolute;
	top: 27px;
	right: -5px;
	transition: 0.2s;
}

@media screen and (max-width: 1200px) {
	header .option {
		right: 10px;
	}
}

@media screen and (max-width: 1000px) {
	header .option {
		display: none;
	}
}

header .option .ontime {
	background-image: url("../image/header/ontime.png");
	width: 274px;
	height: 57px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin-bottom: 5px;
	position: relative;
	top: -10px;
	right: -8px;
}

header .option ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 290px;
}

header .option ul li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

header .option ul li a {
	width: 130px;
	height: 30px;
	line-height: 28px;
	display: inline-block;
	background-color: #c8ab64;
	border-radius: 15px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	transition: 0.2s;
}

header .option ul li a:hover {
	background-color: #f8b62b;
}


/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	position: relative;
}

@media screen and (max-width: 1100px) {
	#mainvisual {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 1000px) {
	#mainvisual {
		margin-bottom: 0;
	}
}

#mainvisual:after {
	content: "";
	background-image: url("../image/mainvisual/gdline.png");
	width: 100%;
	height: 10px;
	display: block;
}

#mainvisual .panel {
	width: 100%;
	height: 680px;
	background-position: center top;
	background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
	#mainvisual .panel {
		height: 539px !important;
	}
}

#mainvisual .pc .panel {
	background: none !important;
	position: relative;
	overflow: hidden;
	background-color: #ffffff !important;
}

#mainvisual .pc video {
	width: 1920px;
	display: block;
	position: absolute;
	top: -200px;
	left: 50%;
	margin-left: -960px;
	z-index: 4;
}

.subpage #mainvisual .panel {
	height: 280px;
}

#mainvisual article {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
}

#mainvisual .catch {
	background-image: url("../image/mainvisual/catch.png");
	width: 215px;
	height: 349px;
	display: block;
	position: absolute;
	top: 84px;
	left: 42px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

@media screen and (max-width: 1200px) {
	#mainvisual article {
		left: 0;
		margin-left: 0;
	}
	#mainvisual .catch {
		left: 30px !important;
	}
}

#mainvisual .panel:nth-of-type(1) { background-image: url("../image/mainvisual/00.jpg"); }
#mainvisual .panel:nth-of-type(2) { background-image: url("../image/mainvisual/01.jpg"); }
#mainvisual .panel:nth-of-type(3) { background-image: url("../image/mainvisual/02.jpg"); }

#equipment #mainvisual .panel { background-image: url("../image/mainvisual/01.jpg"); background-position: bottom center; }
#access #mainvisual .panel { background-image: url("../image/mainvisual/06.jpg"); background-position: bottom -50px center; }
#qa #mainvisual .panel { background-image: url("../image/mainvisual/01.jpg"); background-position: bottom center; }
#price-plan #mainvisual .panel { background-image: url("../image/mainvisual/05.jpg"); background-position: center center; }
#restaurant #mainvisual .panel { background-image: url("../image/mainvisual/04.jpg"); background-position: center center; }
#news.event #mainvisual .panel { background-image: url("../image/mainvisual/01.jpg"); background-position: bottom center; }
#night-takeout #mainvisual .panel { background-image: url("../image/mainvisual/07.jpg"); background-position: center center; }
#appetizer #mainvisual .panel { background-image: url("../image/mainvisual/08.jpg"); background-position: center center; }

@media screen and (max-width: 750px) {
	#access #mainvisual .panel { background-image: url("../image/mainvisual/06_sp.jpg") !important; background-position: bottom -3px center; }
}

/*------------------------------------------------------------------------------------------------------------------
　sidebar
-------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	display:none;
	position:fixed;
	top:0;
	right:-300px;
	background-color:#eeaf79;
	width:300px;
	height:100%;
	z-index:102;
	transition:0.2s;
}

#sidebar.active {
	right:0;
}

#sidebar-button {
	display:none;
	width:60px;
	height:60px;
	background-color:#eeaf79;
	border-radius:5px;
	position:fixed;
	top:30px;
	right:30px;
	z-index:101;
	transform-origin:center;
	box-sizing:border-box;
	padding-left:5px;
	padding-top:7px;
	transition:0.1s;
}

#sidebar-button.active {
	right:320px;
}

#sidebar-button a {
	transform:scale(0.7,0.7);
}

@media screen and (max-width: 1000px) {
	#sidebar {
		display:block;
	}
	#sidebar-button {
		display:block;
	}
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 44px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 200%;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}

#sidebar .logo a {
	background-image:url("../image/header/logo.png");
	width: 205px;
	height: 228px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	display: block;
}

#sidebar nav {
	width:100%;
}

#sidebar nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	display:block;
}

#sidebar nav ul li {
	background-image:url("../image/layout/button-ar.png");
	background-position:center right 20px;
	background-repeat:no-repeat;
}

#sidebar nav ul li a {
	color:#ffffff;
	display:block;
	border-bottom:1px dotted #ffffff;
	padding-bottom:15px;
	padding-top:15px;
	text-decoration:none;
	text-align:center;
	font-size: 22px;
}


/*------------------------------------------------------------------------------------------------------------------
　content-sidebar
-------------------------------------------------------------------------------------------------------------------*/

#content-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 430px;
	border-right: 1px solid #b7b7b7;
	box-sizing: border-box;
	margin-bottom: 50px;
	transition: 0.3s;
}

@media screen and (max-width: 1220px) {
	#content-sidebar {
		left: 30px;
		width: 400px;
	}
}

@media screen and (max-width: 1000px) {
	#content-sidebar {
		position: relative;
		top: inherit;
		left: inherit;
		width: calc(100% + 30px);
		border-right: 0;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

@media screen and (max-width: 750px) {
	#content-sidebar {
		width: 100%;
	}
}

#content-sidebar .sidebox {
	padding-right: 50px;
	box-sizing: border-box;
	padding-bottom: 30px;
}

@media screen and (max-width: 1000px) {
	#content-sidebar .sidebox {
		padding-right: 0;
		width: calc(50% - 30px);
		float: left;
		margin-right: 30px;
	}
}

@media screen and (max-width: 750px) {
	#content-sidebar .sidebox {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

#content-sidebar .sidebox h4 {
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #bfbebe;
	border-bottom: 1px solid #bfbebe;
	text-align: center;
	color: #727171;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 50px;
	display: block;
	box-sizing: border-box;
	letter-spacing: 5px;
}

#content-sidebar .sidebox .park-list-primary {
}

#content-sidebar .sidebox .park-list-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-sidebar .sidebox .park-list-primary ul li {
	height: 45px;
	padding-left: 57px;
	line-height: 44px;
	box-sizing: border-box;
	margin-bottom: 18px;
	position: relative;
}

#content-sidebar .sidebox .park-list-primary ul li a {
	text-decoration: none !important;
}

#content-sidebar .sidebox .park-list-primary ul li a:hover {
	text-decoration: underline !important;
}

#content-sidebar .sidebox .park-list-primary ul li:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	display: block;
	background-position: center top;
	background-repeat: repeat;
	background-size: contain;
	content: "";
}

.side-contents-navi {
}

.side-contents-navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.side-contents-navi ul li {
	text-align: center;
	display: block;
	margin-bottom: 30px;
}

.side-contents-navi ul li a {
	color: #656464;
	padding-bottom: 7px;
	border-bottom: 1px solid #656464;
	text-decoration: none;
	font-size: 16px;
}

.side-contents-navi ul li a:hover {
	color: #999999;
	border-bottom: 1px solid #999999;
}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-color: #f3f3f3;
	padding-top: 50px;
}

.footer-nav {
	padding-bottom: 50px;
	position: relative;
	padding-right: 80px;
}

.footer-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 25%;
	padding-left: 50px;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #d1d1d1;
}

#footer-copy {
	font-size: 12px;
	text-align: center;
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #e3e3e3;
    color: #333333;
    font-weight: normal;
}

@media screen and (max-width: 1100px) {
	.footer-nav ul {
		padding-left: 30px;
	}
}
@media screen and (max-width: 1000px) {
	.footer-nav {
		padding-right: 30px;
	}
	.footer-nav ul {
		width: 33.333%;
		margin-bottom: 30px;
	}
	.footer-nav ul:nth-of-type(3) {
		border-right:none;
	}
	.footer-nav ul:nth-of-type(4) {
		float: none;
		padding-left: 0;
	}
}
@media screen and (max-width: 750px) {
	.footer-nav {
		padding-right: 0 !important;
	}
	.footer-nav ul {
		width: 50%;
		margin-bottom: 30px;
		padding-right: 0 !important;
	}
	.footer-nav ul:nth-of-type(2) {
		border-right:none;
		float: left;
		padding-left: 50px;
	}
	.footer-nav ul:nth-of-type(3) {
		border-right: none;
		float: left !important;
		padding-left: 50px;
	}
	.footer-nav ul:nth-of-type(4) {
		clear: both;
		float: none !important;
		border-right:none;
		padding-left: 0;
		display: block;
		text-align: center;
		width: calc(100% + 15px);
	}
	.footer-nav ul li {
		line-height: 36px !important;
	}
	#footer-copy {
		font-size: 18px;
	}
}


.footer-nav ul:first-of-type {
	padding-left: 0;
}

.footer-nav ul:nth-of-type(4) {
	border-right: none;
}

.footer-nav ul li {
	width: 100%;
	line-height: 28px;
}

.footer-nav ul li a {
	text-decoration: none;
	color: #33c876;
}

.footer-nav ul li a:hover {
	text-decoration: underline;
}

.footer-nav ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: none;
	display: block;
	width: 100%;
}

.footer-nav ul li ul li {
}

.footer-nav ul li ul li a {
	color: #404040;
}

.footer-nav ul li span {
	display: block;
	padding-bottom: 15px;
}

.footer-nav ul li img {
	margin-right: 10px;
}

.sns-icon img {
	margin-bottom: 10px;
}

@media screen and (max-width: 1000px) {
	.sns-icon br {
		display: none;
	}
}

.footer-bana {
	padding-bottom: 50px;
}

.footer-bana .bana-list-primary {
	text-align: center;
	letter-spacing: -.4em;
	width: calc(100% + 33px);
	margin-left: -15px;
}

.footer-bana .bana-list-primary img {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	transition: 0.2s;
}

.footer-bana .bana-list-primary img:hover {
	opacity: 0.7;
}

.topback a {
	position:absolute;
	top:0;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:96px;
	height:96px;
	display:block !important;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	transition: 0.2s;
}

.topback a:hover {
	top:-10px;
}

@media screen and (max-width: 1000px) {
	.topback a {
		top: 230px;
	}
	.topback a:hover {
		top: 220px;
	}
}
@media screen and (max-width: 750px) {
	.topback {
		display: none;
	}
}

.footer-under {
	width: 100%;
	height: 157px;
	background-color: #eeaf79;
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
	padding-top: 35px;
	position: relative;
}

.footer-under:after {
	content: "";
	background-image: url("../image/footer/footer-illust.png");
	width: 421px;
	height: 206px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}

.footer-under .logo {
	background-image: url("../image/footer/logo.png");
	width: 199px;
	height: 98px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media screen and (max-width: 1600px) {
	.footer-under .logo {
		margin-left: 30px;
	}
}

@media screen and (max-width: 800px) {
	.footer-under .logo {
		margin-left: 30px;
	}
}

.footer-under .logo a {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

#footer-cc {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	background-color: #e3e3e3;
	color: #333333;
	font-weight: normal;
}

#footer-cc a {
	color: #333333;
}

/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

.subpage #contents-primary {
	padding-top: 40px;
}

#contents {
	position:relative;
}

.subpage .content {
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.page-comment {
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

@media screen and (max-width: 1000px) {
	.page-comment br {
		display: none;
	}
}

.subpage p {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	color: #2a2a2a;
}

.subpage .box {
	background-color: #fff5dc;
	padding: 40px;
	border-radius: 10px;
	margin-bottom: 50px;
}

.subpage .box h5 {
	background-color: #ffffff;
	font-size: 22px;
	color: #eb9892;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 10px;
}

@media screen and (max-width: 750px) {
	.subpage .box h5 {
		font-size: 26px;
	}
}

.page-link-primary {
	padding-bottom: 30px;
}

.page-link-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + 30px);
}

.page-link-primary ul li a {
	width: calc(33.333% - 30px);
	margin-right: 30px;
	float: left;
	display: block;
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #c8ab64;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	background-color: #ffffff;
	font-weight: bold;
	color: #c8ab64;
	transition: 0.2s;
}

.page-link-primary ul li a:hover {
	background-color: #c8ab64;
	color: #ffffff;
}

.page-link-primary.column2 ul li a {
	width: calc(50% - 30px);
}

.page-link-primary.column4 ul li a {
	width: calc(25% - 30px);
}

@media screen and (max-width: 1000px) {
	.page-link-primary.column4 ul li a {
		width: calc(50% - 30px) !important;
		margin-bottom: 20px;
	}
}

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.ontime_sp {
	display: none;
}

@media screen and (max-width: 750px) {
	.ontime_sp {
		display: block;
		text-align: center;
		margin-top: -40px;
		padding-bottom: 20px;
	}
}

#top-topics {
	background-color: #ffffff;
	margin-top: 50px;
	padding-top: 65px;
	padding-bottom: 50px;
	box-sizing: border-box;
}

#top-topics h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/top/h2-topics.png");
	background-position: top center;
	border: 2px solid #edaa9e;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	position: absolute;
	top: -130px;
}

@media screen and (max-width: 1230px) {
	#top-topics h2 {
		width: calc(100% - 60px);
	}
}

#top-topics .cate-list-primary {
	padding-top: 15px;
	padding-bottom: 30px;
}

#top-topics .cate-list-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + 30px);
}

#top-topics .cate-list-primary ul li a {
	width: calc(16.666% - 30px);
	margin-right: 30px;
	float: left;
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 8px;
	transition: 0.2s;
}

@media screen and (max-width: 1100px) {
	#top-topics .cate-list-primary ul {
		width: calc(100% + 10px);
	}
	#top-topics .cate-list-primary ul li a {
		width: calc(16.666% - 10px);
		margin-right: 10px;
	}
}
@media screen and (max-width: 900px) {
	#top-topics .cate-list-primary ul {
		width: calc(100% + 30px);
	}
	#top-topics .cate-list-primary ul li a {
		width: calc(33.333% - 30px);
		margin-right: 30px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 750px) {
	#top-topics .cate-list-primary ul li a {
		font-size: 22px;
	}
}

#top-topics .cate-list-primary ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.event-list-primary {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

.event-list-primary ul {
	width: calc(100% + 30px);
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

.event-list-primary ul li {
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
}

@media screen and (max-width: 1000px) {
	.event-list-primary ul li {
		width: calc(33.333% - 30px);
	}
}

@media screen and (max-width: 800px) {
	.event-list-primary ul li {
		width: calc(50% - 30px);
	}
}


.event-list-primary ul li img {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	transition: 0.2s;
}

.event-list-primary ul li img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.event-list-primary ul li h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #d66c61;
	font-size: 18px;
}

.event-list-primary ul li p {
	margin: 0;
	padding: 0;
}

#top-topics .topics-list-primary {
	margin-bottom: 15px;
	padding-top: 30px;
}

#top-topics .topics-list-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + 30px);
}

@media screen and (max-width: 1000px) {
	#top-topics .topics-list-primary ul {
		width: 100%;
		margin-bottom: 30px;
	}
}

#top-topics .topics-list-primary ul li a {
	position: relative;
	padding-left: 200px;
	padding-right: 50px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	width: calc(50% - 30px);
	margin-right: 30px;
	box-sizing: border-box;
	float: left;
	border-bottom: 1px dotted #a1a2a3;
	background-image: url("../image/layout/ar.png");
	background-repeat: no-repeat;
	background-position: right 15px top 2px;
}

@media screen and (max-width: 1000px) {
	#top-topics .topics-list-primary ul li a {
		width: 100%;
		margin-right: 0;
		float: none;
		display: block;
	}
}

#top-topics .topics-list-primary ul li a {
	text-decoration: none;
	color: #333333;
	transition: 0.2s;
}

#top-topics .topics-list-primary ul li a:hover {
	color: #ff6656;
}

#top-topics .topics-list-primary ul span.date {
	position: absolute;
	top: 0;
	left: 0;
	color: #555555;
}

#top-topics .topics-list-primary ul span.cate {
	position: absolute;
	top: 1px;
	left: 120px;
	color: #ffffff;background-color: rgba(163,163,163,1.00);
	font-size: 11px;
	box-sizing: border-box;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 5px;
	display: inline-block;
}

@media screen and (max-width: 750px) {
	#top-topics .topics-list-primary ul span.date {
		display: block;
		position: relative;
		top: inherit;
		left: inherit;
	}
	#top-topics .topics-list-primary ul span.cate {
		position: relative;
		top: inherit;
		left: inherit;
		margin-right: 15px;
		margin-bottom: 3px;
		top: -3px;
		font-size: 16px;
	}
	#top-topics .topics-list-primary ul li a {
		padding-left: 0;
		background-image: none;
	}
}

#top-topics .button a {
	width: 440px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #e2e2e2;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	text-decoration: none;
	background-image: url("../image/layout/ar.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
	transition: 0.2s;
}

@media screen and (max-width: 750px) {
	#top-topics .button a {
		font-size: 24px;
	}
}

#top-topics .button a:hover {
	background-color: #f0f0f0;
}

#top-equip {
	padding-bottom: 20px;
}

#top-equip .equip-list-primary {
}

#top-equip .equip-list-primary .list {
	background-repeat: no-repeat;
	min-height: 572px;
	margin-bottom: 50px;
	box-sizing: border-box;
	padding-top: 48px;
}

@media screen and (max-width: 1200px) {
	#top-equip .equip-list-primary .list {
		padding-top: 450px;
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 1000px) {
	#top-equip .equip-list-primary .list {
		background-position: top 40px center !important;
	}
}

#top-equip .equip-list-primary .list:nth-of-type(1) { background-color: #eb9e96; background-image: url("../image/contents/top/equip01-mv.png"); background-position: top right; }
#top-equip .equip-list-primary .list:nth-of-type(2) { background-color: #b8a0c4; background-image: url("../image/contents/top/equip02-mv.png"); background-position: top left; }
#top-equip .equip-list-primary .list:nth-of-type(3) { background-color: #74afe7; background-image: url("../image/contents/top/equip03-mv.png"); background-position: top right; }

#top-equip .equip-list-primary .list:nth-of-type(1) article { padding-right:440px; }
#top-equip .equip-list-primary .list:nth-of-type(2) article { padding-left:440px; }
#top-equip .equip-list-primary .list:nth-of-type(3) article { padding-right:440px; }

@media screen and (max-width: 1200px) {
	#top-equip .equip-list-primary .list article {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}

#top-equip .equip-list-primary .list .title {
	width: 763px;
	height: 80px;
	background-repeat: no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
	#top-equip .equip-list-primary .list .title {
		margin-bottom: 80px;
	}
	#top-equip .equip-list-primary .list:nth-of-type(2) .title {
		float: right;
	}
}
@media screen and (max-width: 1000px) {
	#top-equip .equip-list-primary .list .title {
		padding-top: 20px;
		padding-bottom: 20px;
		background-position: left 30px center;
		width: 550px;
		margin-left: -30px;
	}#top-equip .equip-list-primary .list:nth-of-type(2) .title {
		background-position: right 30px center;
		margin-left: 0;
		margin-right: -30px;
		float: right;
	}
	#top-equip .equip-list-primary .list:nth-of-type(1) .title { background-color: rgba(235,158,150,0.7); }
	#top-equip .equip-list-primary .list:nth-of-type(2) .title { background-color: rgba(184,160,196,0.7); }
	#top-equip .equip-list-primary .list:nth-of-type(3) .title { background-color: rgba(116,175,231,0.7); }
}

#top-equip .equip-list-primary .list:nth-of-type(1) .title { background-image: url("../image/contents/top/equip01-title.png"); }
#top-equip .equip-list-primary .list:nth-of-type(2) .title { background-image: url("../image/contents/top/equip02-title.png"); }
#top-equip .equip-list-primary .list:nth-of-type(3) .title { background-image: url("../image/contents/top/equip03-title.png"); }

#top-equip .equip-list-primary .list .catch {
	position: absolute;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	top: -80px;
}

@media screen and (max-width: 1200px) {
	#top-equip .equip-list-primary .list .catch {
		top: -470px;
	}
}

@media screen and (max-width: 1000px) {
	#top-equip .equip-list-primary .list .catch {
		right: 60px !important;
	}
}

#top-equip .equip-list-primary .list:nth-of-type(1) .catch { background-image: url("../image/contents/top/equip01-catch.png"); width:102px; height:496px; right: 40px; }
#top-equip .equip-list-primary .list:nth-of-type(2) .catch { background-image: url("../image/contents/top/equip02-catch.png"); width:103px; height:563px; left: 40px; }
#top-equip .equip-list-primary .list:nth-of-type(3) .catch { background-image: url("../image/contents/top/equip03-catch.png"); width:275px; height:358px; right:40px; }

#top-equip .equip-list-primary .list .detail {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 50px;
	box-sizing: border-box;
	clear: both;
}

#top-equip .equip-list-primary .list .detail h3 {
	background-image:url("../image/contents/top/equip-illust.png");
	background-position: left top;
	background-repeat: no-repeat;
	height: 95px;
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 150px;
	margin-left: -15px;
	margin-top: -20px;
	font-size: 48px;
	font-weight: normal;
}

#top-equip .equip-list-primary .list:nth-of-type(1) .detail h3 { color:#f08176; }
#top-equip .equip-list-primary .list:nth-of-type(2) .detail h3 { color:#b8a0c4; }
#top-equip .equip-list-primary .list:nth-of-type(3) .detail h3 { color:#74afe7; }

#top-equip .equip-list-primary .list .detail p {
	color: #333333;
	font-size: 18px;
}

@media screen and (max-width: 750px) {
	#top-equip .equip-list-primary .list .detail p {
		font-size: 24px;
	}
}

#top-equip .equip-list-primary .list .detail .button a {
	background-image: url("../image/contents/top/button-ar.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-color: #f2eaa2;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 50px;
	border-radius: 10px;
	font-size: 18px;
	color: #292929;
	display: inline-block;
	text-decoration: none;
	transition: 0.2s;
}

@media screen and (max-width: 750px) {
	#top-equip .equip-list-primary .list .detail .button a {
		font-size: 24px;
	}
}

#top-equip .equip-list-primary .list .detail .button a:hover {
	background-color: #ffd554;
}

#top-plan {
	padding-bottom: 40px;
}

#top-plan h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/top/h2-plan.png");
	background-position: top center;
	border: 2px solid #edaa9e;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#top-plan .plan-list-primary {
	width: calc(100% + 30px);
}

#top-plan .plan-list-primary .list {
	width: calc(25% - 30px);
	margin-right: 30px;
	float: left;
	margin-bottom: 30px;
	background-color: #ffffff;
	border-radius: 14px;
	overflow: hidden;
}

.subpage #top-plan .plan-list-primary .list {
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

#top-plan .plan-list-primary .list h3, .subpage #top-plan .plan-list-primary .list h4 {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-right: 17px;
	padding-top: 15px;
	padding-bottom: 0;
	font-size: 20px;
	font-weight: bold;
	color: #e87f74;
	line-height: 27px;
}

@media screen and (max-width: 1000px) and (min-width: 901px) {
	#top-plan .plan-list-primary {
		width: calc(100% + 15px);
	}
	#top-plan .plan-list-primary .list {
		width: calc(25% - 15px);
		margin-right: 15px;
	}
}

@media screen and (max-width: 900px) {
	#top-plan .plan-list-primary {
		width: calc(100% + 30px);
		text-align: center;
		letter-spacing: -.4em;
	}
	#top-plan .plan-list-primary .list {
		width: calc(50% - 30px);
		margin-right: 30px;
		max-width: 277px;
		display: inline-block;
		letter-spacing: normal;
		float: none;
	}
}

@media screen and (max-width: 750px) {
	#top-plan .plan-list-primary .list {
		display: block;
		float: left;
		max-width: none;
	}
}

#top-plan .plan-list-primary .list .thum {
	width: 100%;
	height: 250px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	border-radius: 0 !important;
}

@media screen and (max-width: 750px) {
	#top-plan .plan-list-primary .list .thum {
		height: 300px;
	}
}

#top-plan .plan-list-primary .list .thum a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.2s;
}

#top-plan .plan-list-primary .list .thum a:hover {
	background-color: rgba(255,255,255,0.3);;
}

#top-plan .plan-list-primary .list p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 17px;
	box-sizing: border-box;
	text-align: left;
}

@media screen and (max-width: 750px) {
	#top-plan .plan-list-primary .list p {
		font-size: 22px;
	}
}

#top-staff-info {
padding-bottom: 30px;
}

#top-staff-info h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/top/h2-staffinfo.png");
	background-position: top center;
	border: 2px solid #74afe7;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#top-staff-info .list-primary {
	width: calc(100% + 30px);
}

#top-staff-info .list-primary .list {
	width: calc(33.333% - 30px) !important;
	height: 480px;
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	background-color: #ffffff !important;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 20px;
}

#top-staff-info .list-primary .list img {
	margin-bottom: 20px;
	transition: 0.2s;
}

#top-staff-info .list-primary .list img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


#top-staff-info .list-primary .list iframe {
	width: 100% !important;
}

@media screen and (max-width: 850px) {
	#top-staff-info .list-primary {
		width: 100% !important;
	}
	#top-staff-info .list-primary .list {
		width: 100% !important;
	}
}

@media screen and (max-width: 850px) {
	.fb-container, .fb-page iframe {
		width: 500px;
		display: block !important;
		margin-left: auto;
		margin-right: auto;
	}
	.fb_iframe_widget {
		display: block !important;
		width: 500px;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
}

/* PC用 */
@media screen and (min-width: 851px) {
	.fb-container {
		width: 500px;
	}
}

#top-staff-info .list-primary .list .line-img {
	width: 100%;
	max-width: 341px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#top-access {
	width: 100%;
	height: 680px;
	background-color: #ffffff;
	position: relative;
	background-image: url("../image/contents/top/access-back.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}

#top-access iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	display: block;
}

#top-access article {
	padding-left: 630px;
	padding-top: 30px;
}

@media screen and (max-width: 1050px) {
	#top-access {
		height: auto;
		padding-top: 30px;
		padding-bottom: 50px;
		background-position: center bottom;
	}
	#top-access iframe {
		position: relative;
		top: inherit;
		left: inherit;
		width: calc(100% - 60px);
		height: 450px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 10px solid #ffffff !important;
		box-sizing: border-box;
	}
	#top-access article {
		padding-left: 30px;
		padding-right: 30px;
	}
}


#top-access article img {
margin-bottom: 15px;
}

#top-access .access-list-primary {
	width: 100%;
	padding-top: 15px;
}

#top-access .access-list-primary .list {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #222222;
	text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

#top-access .access-list-primary .list:last-of-type {
	border-bottom: none;
}

#top-access .access-list-primary .list .title {
	color: #96b945;
	font-weight: bold;
	display: block;
}

#top-access p {
	margin: 0;
	padding: 0;
	text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.other-link {
	margin-top: 50px;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

@media screen and (max-width: 1200px) {
	.other-link {
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
}

.other-link .list-primary {
	width: calc(100% + 30px);
}

.other-link .list-primary .list {
	width: calc(25% - 30px);
	float: left;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin-right: 30px;
	background-color: #ffffff;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.other-link .list-primary img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 70px;
	width: auto;
}

.other-link .list-primary .list:nth-of-type(2) {
	background-color: #000000;
	border: 1px solid #000000;
}

.other-link .list-primary .list a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color:rgba(255,255,255,0);
	transition: 0.2s;;
}

.other-link .list-primary .list a:hover {
	background-color:rgba(255,255,255,0.2);
}

/*----------------------------------------------------------------------------
   equipment
------------------------------------------------------------------------------*/

#equipment h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/equipment/h2.png");
	background-position: top center;
	border: 2px solid #edaa9e;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#equip-onsen {
	padding-top: 150px;
}

#equip-onsen h3 {
	background-image: url("../image/contents/equipment/h3-onsen.png");
	width: 901px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top:-110px;;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

@media screen and (max-width: 1200px) {
	#equip-onsen h3 {
		left: -330px;
	}
}

.equip-onsen-list-primary {
	position: relative;
	z-index: 2;
	width: calc(100% + 30px);
}

.equip-onsen-list-primary .list {
	width: calc(50% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
}

@media screen and (max-width: 850px) {
	.equip-onsen-list-primary {
		width: 100%;
	}
	.equip-onsen-list-primary .list {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}

.equip-onsen-list-primary .list img {
	width: 100%;
	display: block;
}

.equip-onsen-list-primary .list h4 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 100px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: -55px;
	position: relative;
	z-index: 3;
}

.equip-onsen-list-primary .list:nth-of-type(1) h4 { background-image:url("../image/contents/equipment/onsen-photo01-h4.png"); }
.equip-onsen-list-primary .list:nth-of-type(2) h4 { background-image:url("../image/contents/equipment/onsen-photo02-h4.png"); }
.equip-onsen-list-primary .list:nth-of-type(3) h4 { background-image:url("../image/contents/equipment/onsen-photo03-h4.png"); }
.equip-onsen-list-primary .list:nth-of-type(4) h4 { background-image:url("../image/contents/equipment/onsen-photo04-h4.png"); }

.equip-onsen-list-primary .list p {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 750px) {
	.equip-onsen-list-primary .list p {
		font-size: 26px;
	}
}

#equip-onsen .box:nth-of-type(1) {
	background-image: url("../image/contents/equipment/onsen-option-back.png");
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 500px;
}

@media screen and (max-width: 1000px) {
	#equip-onsen .box:nth-of-type(1) {
		background-image: url("../image/contents/equipment/onsen-option-back_sp.jpg");
		padding-right: 40px;
		padding-top: 300px;
		background-position: center top 40px;
		background-size: auto;
	}
}

.equip-tamokuteki {
	position: relative;
}

.equip-tamokuteki h4 {
	background-image: url("../image/contents/equipment/h4-tamokuteki.png");
	width: 464px;
	height: 69px;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin-bottom: 30px;
}

.sex-change {
	position: absolute;
	top: 100px;
	right: 0;
	width: 515px;
	text-align: right;
}

@media screen and (max-width: 1150px) {
	.sex-change {
		position: relative;
		top: inherit;
		right: inherit;
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}
}

.sex-change .button {
	display: inline-block;
	margin-left: 15px;
}

.sex-change .button a {
	background-color: #f2f2f2;
	background-image: url("../image/contents/equipment/tamokuteki-button-ar.png");
	background-position: left 18px center;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 55px;
	padding-right: 15px;
	border: 3px solid #bababa;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 18px;
	color: #3b3b3b;
	text-decoration: none;
	display:inline-block;
	transition: 0.2s;
}

@media screen and (max-width: 750px) {
	.sex-change .button a {
		font-size: 24px;
	}
}

.sex-change .button a.active {
	border: 3px solid #b9d59b;
	background-color: #cee6b4;
	color: #ffffff;
	background-image:url("../image/contents/equipment/tamokuteki-button-ar_active.png");
}

.sex-change .button a:hover {
	background-color: #ffffff;
}

.sex-change .button a.active:hover {
	background-color: #cee6b4;
}

.equip-tamokuteki .box {
	margin-bottom: 0;
}

.equip-tamokuteki .box.avtive { display: block; }
.equip-tamokuteki .box.noactive { display: none; }

.equip-tamokuteki .box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.equip-tamokuteki .box ul li {
	background-color: #ffffff;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	box-sizing: border-box;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	.equip-tamokuteki .box ul li {
		font-size: 24px;
		margin-right: 5px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

.equip-tamokuteki .box .tamokuteki-list-primary:nth-of-type(1) li { border: 3px solid #74afe7; color: #74afe7; }
.equip-tamokuteki .box .tamokuteki-list-primary:nth-of-type(2) li { border: 3px solid #eea8a2; color: #eea8a2; }

.equip-tamokuteki .box h5 {
	font-size: 24px;
	color: #3b3b3b;
	margin: 0 !important;
	padding: 0 !important;
	margin-top: -10px !important;
	padding-bottom: 20px !important;
	background-color: transparent;
}

.equip-tamokuteki .box h6 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

@media screen and (max-width: 750px) {
	.equip-tamokuteki .box h6 {
		font-size: 24px;
	}
}

.equip-tamokuteki .box h6:nth-of-type(1) {
	color: #74afe7;
}
.equip-tamokuteki .box h6:nth-of-type(2) {
	color: #eea8a2;
}

.equip-tamokuteki .box h6:before {
	width: 23px;
	height: 23px;
	display: inline-block;
	border-radius: 2px;
	margin-right: 8px;
	margin-bottom: -4px;
	content: "";
}

.equip-tamokuteki .box h6:nth-of-type(1):before {
	background-color: #74afe7;
}
.equip-tamokuteki .box h6:nth-of-type(2):before {
	background-color: #eea8a2;
}

#equip-kashikiri {
	padding-top: 130px;
}

#equip-kashikiri h3 {
	background-image: url("../image/contents/equipment/h3-kashikiri.png");
	width: 960px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top:-110px;;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

@media screen and (max-width: 1200px) {
	#equip-kashikiri h3 {
		left: -330px;
	}
}

.equip-kashikiri-list-primary {
	position: relative;
	z-index: 2;
	width: calc(100% + 30px);
}

.equip-kashikiri-list-primary .list {
	width: calc(50% - 30px);
	margin-right: 30px;
	margin-bottom: 10px;
	float: left;
}

@media screen and (max-width: 850px) {
	.equip-kashikiri-list-primary {
		width: 100%;
	}
	.equip-kashikiri-list-primary .list {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

.equip-kashikiri-list-primary .list img {
	width: 100%;
	display: block;
}

.equip-kashikiri-list-primary .list h4 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin: 0;
	padding: 0;
	width: 272px;
	height: 100px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: -55px;
	position: relative;
	z-index: 3;
}

.equip-kashikiri-list-primary .list:nth-of-type(1) h4 { background-image:url("../image/contents/equipment/kashikiri-photo01-h4.png"); }
.equip-kashikiri-list-primary .list:nth-of-type(2) h4 { background-image:url("../image/contents/equipment/kashikiri-photo02-h4.png"); }

.equip-kashikiri-list-primary .list p {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.separate-primary {
	width: calc(100% + 30px);
}

.separate-primary .separate {
	width: calc(50% - 30px);
	float: left;
	margin-right: 30px;
}

@media screen and (max-width: 850px) {
	.separate-primary {
		width: 100%;
	}
	.separate-primary .separate {
		width: 100%;
		float: none;
		margin-right: 0;
		padding-bottom: 30px;
	}
	.separate-primary .separate:last-of-type {
		padding-bottom: 0;
	}
}

.relax-price-table {
	width: 100%;
	background-image: url("../image/contents/equipment/box-underline.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin-bottom: 28px;
}

.relax-price-table span {
	color: #ff5252;
}

.private-plan {
	background-image: url("../image/contents/equipment/private_room-button-back.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #e6f3ff;
	border:3px solid #74afe7;
	border-radius: 10px;
	padding: 40px;
	display: block;
	position: relative;
	margin-bottom: 30px;
}

@media screen and (max-width: 1000px) {
	.private-plan {
		background-image: url("../image/contents/equipment/private_room-button-back_sp.png");
		padding-right: 40px;
		padding-top: 300px;
		background-position: center top 40px;
		background-size: auto;
	}
}

.private-plan .comment {
	background-image: url("../image/contents/equipment/private_room-button-text01.png");
	width: 497px;
	height: 180px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin-bottom: 30px;
}

.private-plan .button {
	position: absolute;
	bottom: -20px;
	left: 40px;
}

@media screen and (max-width: 1000px) {
	.private-plan .comment {
		margin-left: auto;
		margin-right: auto;
	}
	.private-plan .button {
		position: relative;
		bottom: inherit;
		left: inherit;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.private-plan .button a {
		display: block !important;
		margin-left: auto;
		margin-right: auto;
		font-size: 26px !important;
		text-align: center !important;
	}
}

.private-plan .button a {
	background-image: url("../image/contents/top/button-ar.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-color: #f2eaa2;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 50px;
	border-radius: 10px;
	font-size: 18px;
	color: #292929;
	display: inline-block;
	text-decoration: none;
	transition: 0.2s;
}

@media screen and (max-width: 750px) {
	.private-plan .button a {
		font-size: 24px;
	}
}

.private-plan .button a:hover {
	background-color: #ffd554;
}

#equip-etcequip {
	padding-top: 130px;
}

#equip-etcequip h3 {
	background-image: url("../image/contents/equipment/h3-etcequip.png");
	width: 960px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top:-110px;;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

@media screen and (max-width: 1200px) {
	#equip-etcequip h3 {
		left: -330px;
	}
}

.equip-etc .list {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 900px) {
	.equip-etc .list-primary .list { width:calc(50% - 30px) !important; }
}

@media screen and (max-width: 800px) {
	.equip-etc .list-primary .list { width:calc(50% - 30px) !important; }
}

.equip-etc .list .title {
	width: calc(100% - 60px);
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.8);
	padding: 15px;
	text-align: center;
	margin-top: -30px;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
	color: #96b945;
	font-size: 24px;
	font-weight: bold;
	text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.equip-etc .list .title br.sp {
	display: none;
}

@media screen and (max-width: 750px) {
	.equip-etc .list .title {
		font-size: 26px;
		width: calc(100% - 30px);
	}
	.equip-etc .list .title br {
		display: none;
	}
	.equip-etc .list .title br.sp {
		display: block !important;
	}
}

.equip-etc .list .title p {
	font-size: 18px;
	font-weight:normal;
}

@media screen and (max-width: 750px) {
	.equip-etc .list .title p {
		font-size: 23px;
		width: calc(100% + 70px);
		margin-left:-35px;
		text-align: left;
		padding-top: 12px;
	}
}

.equip-etc h4 {
	width: 382px;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	position: relative;
	z-index: 6;
	margin-bottom: 15px;
	margin-left: -13px;
}

.equip-etc h4:nth-of-type(1) { background-image: url("../image/contents/equipment/etcequip-h4-osyokuji.png"); }
.equip-etc h4:nth-of-type(2) { background-image: url("../image/contents/equipment/etcequip-h4-relax.png"); }
.equip-etc h4:nth-of-type(3) { background-image: url("../image/contents/equipment/etcequip-h4-amuse.png"); }
.equip-etc h4:nth-of-type(4) { background-image: url("../image/contents/equipment/etcequip-h4-rental.png"); }


/*----------------------------------------------------------------------------
   access
------------------------------------------------------------------------------*/

#access h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/access/h2.png");
	background-position: top center;
	border: 2px solid #96b945;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.access-gmap {
	margin-bottom: 30px;
}

.access-plan-separate {
	width: calc(100% + 30px);
}

.access-plan-separate .access-plan {
	width: calc(33.333% - 30px);
	margin-right: 30px;
	float: left;
}

@media screen and (max-width: 850px) {
	.access-plan-separate {
		width: 100%;
	}
	.access-plan-separate .access-plan {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}

.access-plan-separate .access-plan h3 {
	background-color: #96b945;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 10px;
}

@media screen and (max-width: 750px) {
	.access-plan-separate .access-plan h3 {
		font-size: 24px;
	}
}

.access-plan-primary {
	padding-bottom: 20px;
}

.access-plan-primary .list {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cccccc;
}

.access-plan-primary .list h4 {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}

.access-plan-primary .list h4:before {
	content: "";
	width: 3px;
	height: 36px;
	background-color: #96b945;
	display: block;
	position: absolute;
	top: -6px;
	left: 0;
}

.access-plan-primary .list p {
	padding: 0;
	margin: 0;
}

.parking {
	position: relative;
	min-height: 500px;
}

@media screen and (max-width: 900px) {
	.parking {
		padding-right: 0;
	}
}

.parking h3 {
	background-color: #96b945;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 10px;
}

.parking .button a {
	background-image: url("../image/contents/top/button-ar.png");
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-color: #f2eaa2;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 50px;
	border-radius: 10px;
	font-size: 18px;
	color: #292929;
	display: inline-block;
	text-decoration: none;
	transition: 0.2s;
}

@media screen and (max-width: 750px) {
	.parking .button a {
		font-size: 24px;
	}
}

.parking .button a:hover {
	background-color: #ffd554;
}

.parking-img {
	background-color: #eeeeee;
	position: absolute;
	top: 0;
	right: 0;
	width: 500px;
	height: 500px;
	border-radius: 10px;
}

@media screen and (max-width: 900px) {
	.parking-img {
		position: relative;
		top: inherit;
		right: inherit;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
}


/*----------------------------------------------------------------------------
   qa
------------------------------------------------------------------------------*/

#qa h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/qa/h2.png");
	background-position: top center;
	border: 2px solid #80b5c0;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#qa h3 {
	background-color: #82b5c0;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 10px;
}

@media screen and (max-width: 750px) {
	#qa h3 {
		font-size: 24px;
	}
}

.qa-list-primary {
	padding-bottom: 30px;
}

.qa-list-primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + 30px);
}

.qa-list-primary ul li {
	width: calc(50% - 30px);
	margin-right: 30px;
	float: left;
	box-sizing: border-box;
	border: 3px solid #eeeeee;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
	.qa-list-primary ul {
		width: 100%;
	}
	.qa-list-primary ul li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

.qa-list-primary ul li .q-txt {
	font-size: 30px;
	color: #81b5c0;
	position: relative;
	padding-left: 38px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #81b5c0;
}

.qa-list-primary ul li .q-txt:before {
	position: absolute;
	content: "Q";
	width: 70px;
	height: 70px;
	background-color: #ffffff;
	border: 3px solid #eeeeee;
	box-sizing: border-box;
	color: #81b5c0;
	font-weight: bold;
	text-align: center;
	line-height: 68px;
	top: -12px;
	left: -50px;
	border-radius: 35px;
}

.qa-list-primary ul li .a-txt {
}

#qa-title-list {
	background-color: #f2f2f2;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 8px;
	margin-bottom: 50px;
}

#qa-title-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#qa-title-list ul li a {
	display: block;
	background-color: #ffffff;
	padding: 10px;
	padding-left: 15px;
	padding-right: 30px;
	border-radius: 5px;
	margin-bottom: 5px;
}



/*----------------------------------------------------------------------------
   restaurant
------------------------------------------------------------------------------*/

#restaurant .restaurant {
	padding-top: 150px;
}

#restaurant h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/restaurant/h2.png");
	background-position: top center;
	border: 2px solid #b8a0c4;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#restaurant h3.restaurant01 {
	background-image:url("../image/contents/restaurant/h3-restaurant.png");
	width: 1166px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top:-110px;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

@media screen and (max-width: 800px) {
	#restaurant h3.restaurant01 {
		background-image:url("../image/contents/restaurant/h3-restaurant_sp.png");
	}
}

@media screen and (max-width: 1200px) {
	#equip-onsen h3 {
		left: -330px;
	}
}

.restaurant-list-primary {
	position: relative;
	z-index: 2;
	width: calc(100% + 30px);
}

.restaurant-list-primary .list {
	width: calc(50% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
}

@media screen and (max-width: 850px) {
	.restaurant-list-primary {
		width: 100%;
	}
	.restaurant-list-primary .list {
		width: 100%;
		margin-right: 0;
		float: none;
	}
}

.restaurant-list-primary .list img {
	width: 100%;
	display: block;
}

.restaurant-list-primary .list h4 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin: 0;
	padding: 0;
	width: 430px;
	height: 100px;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: -55px;
	position: relative;
	z-index: 3;
}

.restaurant-list-primary .list:nth-of-type(1) h4 { background-image:url("../image/contents/restaurant/h4-restaurant01.png"); }
.restaurant-list-primary .list:nth-of-type(2) h4 { background-image:url("../image/contents/restaurant/h4-restaurant02.png"); }

.restaurant-list-primary .list p {
	font-size: 18px;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	margin-bottom: 20px;
	min-height: 120px;
}

@media screen and (max-width: 1212px) {
	.restaurant-list-primary .list p {
		min-height: 150px;
	}
}
@media screen and (max-width: 850px) {
	.restaurant-list-primary .list p {
		min-height: inherit;
	}
}

@media screen and (max-width: 750px) {
	.restaurant-list-primary .list p {
		font-size: 26px;
	}
}

.restaurant-list-primary .list .box p {
	padding-top: 0;
	margin-top: 0;
}

#restaurant h3.restaurant02 {
	background-image:url("../image/contents/restaurant/h3-menu.png");
	width: 935px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

.restaurant-menu-list-primary {
	position: relative;
	z-index: 2;
	width: calc(100% + 30px);
	padding-top: 110px;
}

.restaurant-menu-list-primary .list {
	width: calc(33.333% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
	position: relative;
}

.restaurant-menu-list-primary.column4 .list {
	width: calc(25% - 30px);
}

@media screen and (max-width: 1000px) {
	.restaurant-menu-list-primary.column4 .list {
		width: calc(50% - 30px);
	}
}

@media screen and (max-width: 800px) {
	.restaurant-menu-list-primary {
		width: calc(100% + 30px);
	}
	.restaurant-menu-list-primary .list {
		width: calc(50% - 30px);
	}
}

.restaurant-menu-list-primary .list h4 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #d66c61;
	font-size: 18px;
}

@media screen and (max-width: 750px) {
	.restaurant-menu-list-primary .list h4 {
		font-size: 26px;
		padding-top: 40px;
	}
	.enkai-plan.restaurant-menu-list-primary .list h4 {
		padding-top: 0 !important;
	}
}

.restaurant-menu-list-primary .list .thum {
	width: 100%;
	height: auto;
	padding-top: 100%;
	box-sizing: border-box;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 40px;
	position: relative;
}

.restaurant-menu-list-primary.enkai-plan .list .thum {
	height: auto;
	padding-top: 100%;
	box-sizing: border-box;
}

.restaurant-menu-list-primary .list .thum a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

@media screen and (max-width: 750px) {
	.restaurant-menu-list-primary .list .thum {
		margin-bottom: 60px;
	}
	#restaurant-cate03+.restaurant-menu-list-primary .list .thum, .enkai-plan.restaurant-menu-list-primary .list .thum {
		margin-bottom: 20px;
	}
}

.restaurant-menu-list-primary .list .shop-cate {
	display: inline-block;
	padding: 12px;
	padding-left: 25px;
	padding-right: 25px;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	margin-top: -60px;
}

@media screen and (max-width: 750px) {
	.restaurant-menu-list-primary .list .shop-cate {
		margin-top: -40px;
		font-size: 18px;
	}
}

.restaurant-menu-list-primary .list .shop-cate.forest { background-color: #96b945; }
.restaurant-menu-list-primary .list .shop-cate.rokusai { background-color: #eb9892; }
.restaurant-menu-list-primary .list .shop-cate.both { background-color: #b8a0c4; }

#restaurant h3.takeout {
	background-image:url("../image/contents/restaurant/h3-takeout.png");
	width: 935px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

.restaurant-slider-primary {
margin-bottom: 60px;
}

.restaurant-slider-primary .restaurant-slider .list {
	width: 400px;
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#restaurant h3.enkai {
	background-image:url("../image/contents/restaurant/h3-enkai.png");
	width: 1101px;
	height: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top:-110px;
	left: -360px;
	z-index: 1;
	transition: 0.2s;
}

#restaurant .enkai-mv {
	background-image: url("../image/contents/restaurant/enkai-header.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 350px;
	position: relative;
	z-index: 2;
	margin-top: 110px;
	margin-bottom: 30px;
}

.enkai-userguide {
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

#restaurant h4.enkai01 {
	background-image: url("../image/contents/restaurant/h4-enkai01.png");
	width: 521px;
	height: 49px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

.enkai-style-primary {
}

.enkai-style-primary .separate {
	width: calc(100% + 30px);
}

.enkai-style-primary .separate .box {
	width: calc(50% - 30px);
		float: left;
		box-sizing: border-box;
		margin-right: 30px;
		padding-bottom: 0;
		margin-bottom: 30px;
}

.enkai-style-list-primary .img-auto-width figure {
	width: calc(50% - 30px);
}

@media screen and (max-width: 1000px) {
	.enkai-style-primary .separate {
		width: 100%;
	}
	.enkai-style-primary .separate .box {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

#restaurant h4.enkai02 {
	background-image: url("../image/contents/restaurant/h4-enkai02.png");
	width: 281px;
	height: 49px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

.enkai-plan {
	padding-top: 10px;
}

.enkai-plan .list p {
	display: block;
}

.enkai-plan .list .thum {
	margin-bottom: 20px;
}

.list .thum {
	border-radius: 10px;
}

/* 診療カレンダー start */

.scalendar &gt; .box {
	padding: 26px;
	padding-top: 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

.scalendar table {
	width:100%;
}

.scalendar thead th,
.scalendar thead td {
	text-align:center;
}

.scalendar thead td {
	width:14%;
}

.scalendar tbody td {
	background-color:#fff;
	text-align:center;
	padding:2px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.scalendar tbody td.tooltip {
	cursor:pointer;
}

.scalendar tbody td.orange { background-color:#ff4040; color:#fff !important; }
.scalendar tbody td.pink { background-color:#ffa24f; color:#fff !important; }
.scalendar tbody td.blue { background-color:#4abdd2; color:#fff !important; }
.scalendar tbody td.green { background-color:#81c558; color:#fff !important; }

.scalendar ul {
	list-style:none;
}

.scalendar li {
	margin-left:1.35em;
	text-indent:-1.35em;
}

.qtip {
	z-index:101 !important;
}

.month .fsize-m {
	font-size: 18px;
}
.month .fsize-xl {
	font-size: 30px;
}
.month .fc-red {
	color: #ff5b5b;
}
.month .fc-blue {
	color: #5acbff;
}

.scalendar-primary {
	width: 100%;
	max-width: 500px;
}

@media screen and (max-width: 1200px) {
	.scalendar-primary {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 750px) {
	.scalendar-primary {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 590px;
	}
}

.scalendar-primary .bx-prev {
	background-image: url("../image/layout/ar-left.png");
	width: 40px !important;
	height: 40px !important;
	display: block;
	position: absolute;
	top: -30px;
	left: -20px;
}
.scalendar-primary .bx-next {
	background-image: url("../image/layout/ar-right.png");
	width: 40px !important;
	height: 40px !important;
	display: block;
	position: absolute;
	top: -30px;
	right: -20px;
}

/* 診療カレンダー end */

.calender-cell-option {
	display: block;
	position: relative;
	margin-top: 15px;
}

.calender-cell-option .cell {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	padding-left: 40px;
	font-size: 15px;
	height: 38px;
	line-height: 27px;
}

@media screen and (max-width: 1200px) {
	.calender-cell-option .cell {
		display: inline-block;
		margin-right: 20px;
	}
}
@media screen and (max-width: 750px) {
	.calender-cell-option .cell {
		font-size: 18px;
	}
}

.calender-cell-option .cell span {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

/*----------------------------------------------------------------------------
   price-plan
------------------------------------------------------------------------------*/

#price-plan h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/price-plan/h2.png");
	background-position: top center;
	border: 2px solid #74afe7;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#price-plan h3 {
	background-color: #74afe7;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 10px;
}

@media screen and (max-width: 750px) {
	#price-plan h3 {
		font-size: 24px;
	}
}

.tabContents {
  display: none;
}
.tabContents.active {
  display: block;
}

.price-table-primary {
	position: relative;
}

.price-table-primary ul.tab {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
}

.price-table-primary ul.tab li a {
	width: 100%;
	border: 2px solid #cccccc;
	background-position: center right 16px;
	margin-bottom: 10px;
	border-radius: 5px;
	display: block;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #74afe7;
	transition: 0.2s;
}

@media screen and (max-width: 750px) {
	.price-table-primary ul.tab {
		position: relative;
		top: inherit;
		left: inherit;
		width: 100%;
		margin-bottom: 20px;
	}
	.price-table-primary ul.tab li a {
		box-sizing: border-box;
	}
}

.price-table-primary ul.tab li.active a {
	background-color: #c0daf2;
	border: 2px solid #74afe7;
	color: #ffffff;
	position: relative;
}

.price-table-primary ul.tab li a:after {
	background-position: center right 8px;
	transition: 0.2s;
}

.price-table-primary ul.tab li.active a:after {
	background-image: url("../image/layout/ar-white.png");
	background-position: center right 15px;
	background-repeat: no-repeat;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 750px) {
	.price-table-primary ul.tab li.active a:after {
		background-image: none;
	}
}

.price-table-primary ul.tab li a:hover {
	border: 2px solid #74afe7;
}

.price-table-primary .tabContents {
	float: right;
	width: calc(100% - 400px);
}

@media screen and (max-width: 750px) {
	.price-table-primary .tabContents {
		float: none;
		width: 100%;
	}
}

.price-table-primary .tabContents h4 {
	margin: 0;
	padding: 0;
	color: #74afe7;
	padding-bottom: 15px;
	font-size: 20px;
}

@media screen and (max-width: 750px) {
	.price-table-primary .tabContents h4 {
		font-size: 28px;
	}
}

#price-plan .table-content {
	border: 2px solid #c0daf2;
	box-sizing: border-box;
	border-radius: 5px;
}

#price-plan .table-content table {
	border: 2px solid #c0daf2;
}

#price-plan .price-table-primary th {
	width: 40%;
}

#price-plan th {
	background-color: #edf6ff;
	color: #75afe6;
	text-align: center;
}

#price-plan td {
	text-align: center;
}

#price-plan th, #price-plan td {
	padding: 13px;
	border: 1px dotted #cccccc;
}

#price-plan td span {
	font-size: 14px;
	color: #666666;
}

@media screen and (max-width: 750px) {
	#price-plan td span {
		font-size: 15px;
	}
}

.furoday-price {
	background-color: #ffffff;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-radius: 10px;
	position: relative;
	border: 2px solid #eb9e96;
	box-sizing: border-box;
	min-height: 100px;
}

.furoday-price:last-of-type {
	margin-bottom: 50px;
}

.furoday-price h4 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 353px;
	height: calc(100% - 30px);
	display: block;
	background-color: #eb9e96;
	color: #ffffff;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 20px;
}

.furoday-price p {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	width: calc(100% - 378px);
}

@media screen and (max-width: 750px) {
	.furoday-price h4 {
		position: relative;
		top: inherit;
		left: inherit;
		width: 100%;
		box-sizing: border-box;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.furoday-price p {
		float: none;
		width: 100%;
	}
	.furoday-price {
		padding-bottom: 15px;
	}
}


/*----------------------------------------------------------------------------
   post-content
------------------------------------------------------------------------------*/

#post-content h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/news/h2.png");
	background-position: top center;
	border: 2px solid #96b945;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#post-content.event h2 {
	background-image: url("../image/contents/event/h2.png");
}

#post-content #contents .content article {
	min-height: 1000px;
}

#post-content #content-sidebar {
	left: inherit;
	right: 0;
	width: 350px;
	border-left: 1px solid #b7b7b7;
	border-right: none;
	padding-left: 50px;
}

@media screen and (max-width: 1200px) {
	#post-content #content-sidebar {
		right: 30px;
		padding-left: 0;
		width: 300px;
		border-left: none;
	}
}

#post-content #content-sidebar .sidebox {
	padding-right: 0;
}

@media screen and (max-width: 1000px) {
	#post-content #content-sidebar.wide {
		width: 100%;
		padding-left: 0;
		right: inherit;
	}
	#post-content #content-sidebar.wide .sidebox {
		width: 100%;
		margin-right: 0;
		right: inherit;
	}
}

#post-content #content-sidebar .news-latest {
	list-style: none;
	margin: 0;
	padding: 0;
}

#post-content #content-sidebar .news-latest li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 1000px) {
	#post-content #content-sidebar.wide .news-latest {
		width: calc(100% + 30px);
	}
	#post-content #content-sidebar.wide .news-latest li {
		width: calc(50% - 30px);
		float: left;
		margin-right: 30px;
	}
}
@media screen and (max-width: 750px) {
	#post-content #content-sidebar.wide .news-latest {
		width: 100%;
	}
	#post-content #content-sidebar.wide .news-latest li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

#post-content #content-sidebar .news-latest li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

#post-content #content-sidebar .news-latest li span {
	display: block;
	font-size: 14px;
	color: #777777;
}

#post-content #content-sidebar .news-category {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#post-content #content-sidebar .news-category li a {
	background-color: #f5f5f5;
	padding: 10px;
	text-align: center;
	position: relative;
	text-indent: -10px;
	border: 1px solid #f5f5f5;
	box-sizing: border-box;
	transition: 0.2s;
	text-decoration: none;
	color: #000000;
	display: block;
}

#post-content #content-sidebar .news-category li {
	margin-bottom: 5px;
}

#post-content #content-sidebar .news-category li a:after {
	content: "▶";
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	transform: scale(0.4,0.4);
	color: #cccccc;
}

#post-content #content-sidebar .news-category li a:hover {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

#post-content #content-sidebar .news-month ul {
	margin: 0;
	padding: 0;
}

#post-content #content-sidebar .news-month select {
	width: 100%;
}

.subpage#post-content #contents .content article {
padding-left: 0;
padding-right: 400px;
}

@media screen and (max-width: 1200px) {
	.subpage#post-content #contents .content article {
		padding-left: 30px;
		padding-right: 370px;
	}
}

@media screen and (max-width: 1000px) {
	.subpage#post-content #contents .content article {
		padding-right: 30px;
	}
	#post-content #content-sidebar {
		width:calc(100% + 60px);
		border-left: none;
		padding-left: 30px;
		padding-right: 0;
	}
}

@media screen and (max-width: 750px) {
	#post-content #content-sidebar {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		left: inherit;
		right: inherit;
	}
}

#post-content .post {
	margin-bottom: 50px;
}

#post-content h3 {
	background-color: #96b945;
    margin: 0;
    padding: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 10px;
}

@media screen and (max-width: 750px) {
	#post-content h3 {
		font-size: 24px;
	}
}

#post-content .post h4 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #96b945;
}

#post-content .post h4 span {
	display: block;
	font-size: 16px;
	color: #777777;
	padding-bottom: 7px;
}

#post-content .post p {
}

#post-content .post p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#post-content .post img {
	max-width: 100%;
	margin-bottom: 30px;
}

#post-content .post img.aligncenter {
	padding-bottom: 0 !important;
}

#post-content .post .content-set:nth-of-type(n+2) {
	display: none;
}

.post-under-navi {
	display: block;
	width: 100%;
	clear: both;
}


/*----------------------------------------------------------------------------
   lineup
------------------------------------------------------------------------------*/

.content-menu h2 {
	background-image: url("../image/contents/post-content/h2-menu.png") !important;
	border: 2px solid #b8a0c4 !important;
}

.content-takeout h2 {
	background-image: url("../image/contents/post-content/h2-takeout.png") !important;
	border: 2px solid #b8a0c4 !important;
}

.content-partyplan h2 {
	background-image: url("../image/contents/post-content/h2-partyplan.png") !important;
	border: 2px solid #b8a0c4 !important;
}

.content-value h2 {
	background-image: url("../image/contents/top/h2-plan.png") !important;
	border: 2px solid #b8a0c4 !important;
}

.content-menu#post-content h3, .content-takeout#post-content h3, .content-partyplan#post-content h3, .content-value#post-content h3 { background-color: #b8a0c4; }

.content-menu#post-content .post h4, .content-takeout#post-content .post h4, .content-partyplan#post-content .post h4, .content-value#post-content .post h4 { border-bottom: 1px solid #b8a0c4; }

.content-menu#post-content .link-button a, .content-takeout#post-content .link-button a, .content-partyplan#post-content .link-button a, .content-value#post-content .link-button a {
	background-color: #ffffff !important;
	border: 2px solid #b8a0c4 !important;
	color: #b8a0c4 !important;
}
.content-menu#post-content .link-button a:hover, .content-takeout#post-content .link-button a:hover, .content-partyplan#post-content .link-button a:hover, .content-value#post-content .link-button a:hover {
	background-color: #b8a0c4 !important;
	border: 2px solid #b8a0c4 !important;
	color: #ffffff !important;
}

.content-menu#post-content .link-button a:after, .content-takeout#post-content .link-button a:after, .content-partyplan#post-content .link-button a:after, .content-value#post-content .link-button a:after {
	color: #b8a0c4;
}
.content-menu#post-content .link-button a:hover:after, .content-takeout#post-content .link-button a:hover:after, .content-partyplan#post-content .link-button a:hover:after, .content-value#post-content .link-button a:hover:after {
	color: #ffffff;
}

.thum-list {
	display: block;
}
.thum-list:after {
	clear: both;
	content: "";
	display: block;
}

.sidethum {
	width: 120px;
	height: 120px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f1f1f1;
	position: relative;
	border-radius: 10px;
	float: left;
	margin-right: 15px;
}

.sidethum a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	transition: 0.2s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sidethum a:hover {
	background-color: rgba(255,255,255,0.2);
}


/*----------------------------------------------------------------------------
   members
------------------------------------------------------------------------------*/

#members h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/members/h2.png");
	background-position: top center;
	border: 2px solid #96b945;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#members h3 {
	background-color: #74afe7;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 10px;
}

@media screen and (max-width: 750px) {
	#members h3 {
		font-size: 24px;
	}
}

#members .catch {
	text-align: center;
	font-size: 36px;
	color: #74afe7;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 20px;
}

#members .catch span {
	color: #ff6060;
	font-size: 28px;
}

#members .content {
	padding: 30px;
	border-radius: 10px;
}

#members .table-content {
	border: 2px solid #c0daf2;
	box-sizing: border-box;
	border-radius: 5px;margin-bottom: 30px !important;
}

#members .table-content table {
	border: 2px solid #c0daf2;
}

#members th {
	background-color: #edf6ff;
	color: #75afe6;
	text-align: center;
}

#members th br {
	display: none;
}

@media screen and (max-width: 750px) {
	#members th br {
		display: block;
	}
}

#members td {
	text-align: center;
}

#members th, #members td {
	padding: 13px;
}

#members td span {
	font-size: 14px;
	color: #666666;
}

#members th span.price, #members td span.price {
	color: #ff6060;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	#members td span {
		font-size: 15px;
	}
}

.member-alartbox {
	background-color: #eeeeee;
	padding: 30px;
	border-radius: 8px;
}

.member-alartbox ul {
	margin: 0;
	padding: 0;
	margin-left: 25px;
}

#members .price-list {
	position: relative;
	padding-left: 120px;
	padding-top: 7px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	min-height: 62px;
	border-bottom: 1px solid #c8ab64;
}

@media screen and (max-width: 750px) {
	#members .price-list {
		padding-left: 0;
		border-bottom: none;
	}
}

#members .price-list:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

#members .price-list span.title {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background-color: #c8ab64;
	color: #ffffff;
	border-radius: 5px;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
}

@media screen and (max-width: 750px) {
	#members .price-list span.title {
		position: relative;
		top: inherit;
		left: inherit;
		display: block;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
}

#members .price-list span.price {
	color: #FF6366;
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
	font-size: 18px;
}

#members .price-list span.price.no-padding {
	padding-left: 0 !important;
}

@media screen and (max-width: 750px) {
	#members .price-list span.price {
		font-size: 24px;
		padding-left: 0;
	}
}

.tokuten-list-primary {
}

.tokuten-list-primary .list {
	padding-bottom: 15px;
	padding-left: 45px;
	padding-top: 3px;
	position: relative;
}

.tokuten-list-primary .list:last-of-type {
	padding-bottom: 0;
}

.tokuten-list-primary .list span.num {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background-color: #ffffff;
	text-align: center;
	line-height: 30px;
	border: 1px solid #c8ab64;
	box-sizing: border-box;
	color: #c8ab64;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	.tokuten-list-primary .list {
		padding-left: 60px;
		padding-top: 12px;
	}
	.tokuten-list-primary .list span.num {
		top: 8px;
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}

.members-pdf {
	text-align: center;
	padding-top: 30px;
}

.members-pdf .button {
	display: inline-block;
}

@media screen and (max-width: 775px) {
	.members-pdf .button {
		margin-bottom: 15px;
	}
}

.members-pdf .button a {
	display: block;
	background-color: #eb9e96;
	border-radius: 10px;
	padding: 20px;
	padding-left: 80px;
	padding-right: 30px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 18px;
	background-image: url("../image/layout/icon-pdf_on.png");
	background-position: left 15px center;
	background-repeat: no-repeat;
	transition: 0.2s;
}

.members-pdf .button a:hover {
	background-color: #ffc0b9;
}

.members-contact {
	background-color: #ffffff;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
	font-size: 26px;
	color: #74afe7;
	font-weight: bold;
}

.members-contact img {
	float: left;
	margin-right: 30px;
}

@media screen and (max-width: 900px) {
	.members-contact img {
		display: none;
	}
}

.members-contact .tel {
	display: block;
	color: #666666;
	padding-top: 15px;
}

.members-contact .tel a {
	font-size: 32px;
	font-weight: bold;
	background-color: #74afe7;
	color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	margin-left: 15px;
	transition: 0.2s;
}

.members-contact .tel a:hover {
	background-color: #a9d5ff;
}

.members-contact .contact-detail {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #e9f4ff;
	float: left;
	width: calc(100% - 235px);
	height: 100%;
	box-sizing: border-box;
	border-radius: 10px;
}

@media screen and (max-width: 900px) {
	.members-contact .contact-detail {
		width: 100%;
		float: none;
	}
}

.taxin-text {
	position: relative;
	text-align: right;
}

@media screen and (max-width: 750px) {
	.taxin-text {
		padding-bottom: 15px;
		text-align: left;
		font-size: 18px;
	}
}

/*----------------------------------------------------------------------------
   english
------------------------------------------------------------------------------*/

#english h2 {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background-image: url("../image/contents/en/h2.png");
	background-position: top center;
	border: 2px solid #96b945;
	border-radius: 10px;
	width: 100%;
	height: 90px;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

#english h3 {
	background-color: #74afe7;
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 10px;
}

@media screen and (max-width: 750px) {
	#english h3 {
		font-size: 24px;
	}
}

#english .catch {
	text-align: center;
	font-size: 36px;
	color: #74afe7;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 20px;
}

#english .catch span {
	color: #ff6060;
	font-size: 28px;
}

#english .price-list {
	position: relative;
	padding-left: 200px;
	padding-top: 7px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	min-height: 62px;
	border-bottom: 1px solid #c8ab64;
}

@media screen and (max-width: 750px) {
	#english .price-list {
		padding-left: 0;
		border-bottom: none;
	}
}

#english .price-list:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

#english .price-list span.title {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: #c8ab64;
	color: #ffffff;
	box-sizing: border-box;
	width: 180px;
	border-radius: 5px;
	padding: 8px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}

@media screen and (max-width: 750px) {
	#english .price-list span.title {
		position: relative;
		top: inherit;
		left: inherit;
		display: block;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
}

#english .price-list span.price {
	color: #FF6366;
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
	font-size: 18px;
}

#english .price-list span.price.no-padding {
	padding-left: 0 !important;
}

@media screen and (max-width: 750px) {
  #english .price-list span.price {
    font-size: 24px;
    padding-left: 0;
  }
}

#english .member-alartbox{
  margin-bottom: 50px;
}

@media screen and (min-width: 1201px) {
  #english .hot-spring{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5,240px);
    grid-template-rows: repeat(2,166px);
    margin-bottom: 30px;
  }

  #english .hot-spring .box1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}

@media screen and (max-width: 1200px) {
#english .hot-spring{
	width: 640px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(2,320px);
	grid-template-rows: repeat(3,221px);
	margin-bottom: 30px;

}

#english .hot-spring .box1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}

}

#english .hot-spring img{
	width: 100%;
}

.private-room-with-bath{
	display: flex;
}

.private-room-with-bath img{
	border-radius: 10px;
}

.private-room-with-bath-list{
	list-style: none;
	padding-left: 0;
	margin: 0 0 40px;
}
@media screen and (min-width: 1101px) {
  .private-room-with-bath img{
    margin-right: 30px;
  }
}

@media screen and (max-width: 1100px) {
  .private-room-with-bath img{
    margin-bottom: 30px;
  }

  .private-room-with-bath{
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width: 900px) {
	#english .list-primary .list { width:calc(50% - 30px) !important; }
}

@media screen and (max-width: 800px) {
	#english .list-primary .list { width:calc(50% - 30px) !important; }
}

#english .list .title {
	width: calc(100% - 60px);
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,0.8);
	padding: 15px;
	text-align: center;
	margin-top: -30px;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
	color: #96b945;
	font-size: 24px;
	font-weight: bold;
	text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

#english .list .title br.sp {
	display: none;
}

@media screen and (max-width: 750px) {
	#english .list .title {
		font-size: 26px;
		width: calc(100% - 30px);
	}
	#english .list .title br {
		display: none;
	}
	#english.list .title br.sp {
		display: block !important;
	}
}

.private-room-with-bath span.price {
	color: #FF6366;
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
	font-size: 18px;
}

.private-room-with-bath .box h4{
	background-color: #c8ab64;;
    margin: 0;
    padding: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 18px;
    border-radius: 10px;
}

@media screen and (max-width: 800px) {
	.private-room-with-bath .box h4 {
		font-size: 24px;
	}
	.private-room-with-bath span.price {
		font-size: 18px;
	}
}

@media screen and (max-width: 750px) {
	.private-room-with-bath span.price {
		font-size: 24px;
	}
}


#mainvisual .pc-bxslider .panel{
	background-size: cover !important;
	background-position: center !important;
}

#mainvisual .pc-bxslider .panel:nth-of-type(1) { background-image: url("../image/mainvisual/img_pc-slider01.png") !important; }
#mainvisual .pc-bxslider .panel:nth-of-type(2) { background-image: url("../image/mainvisual/img_pc-slider02.png") !important; }
#mainvisual .pc-bxslider .panel:nth-of-type(3) { background-image: url("../image/mainvisual/img_pc-slider03.png") !important; }</pre></body></html>