div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}




.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}

.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}

  

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

    
.max {
	width: 1000px;
	margin: 0 auto
}

.min {
	width: 880px;
	margin: 0 auto
}

  
 

.subpages .body {
	background: #fff;
	position: relative;
	overflow: hidden;
	margin:53px 0 3px;
}

.subpages p {
	color: #111
}


.subpages .body .case_t_t{
	width: 70%;
	margin: 0 auto;
}

  

/*
.catchcopy .in {
	width: 1000px;
	margin: 0 auto
}
*/
.catchcopy{
	margin-left: 6%;
/*margin-top: -6%;*/
float: left;
text-align: left;
}
.t_name{background: white;
	background: white;
	width:100%;
	/* border: 1px solid; */
	line-height: 100px;
	font-size: 2em;
	position: relative;
	bottom:0px;
	z-index: 2;
	left: 4%;
	float: left;
	padding-left:0px;
	text-indent:22px;
	/*text-align: center;*/}

.catchcopy p.title_bottom{
    margin-top: 20px;}
	
.catchcopy p.title_bottom span{
	padding: 0 20px;}
.catchcopy p.title_bottom span:first-child{
	padding: 0 20px 0 0;
}
.catchcopy p.readtxt {
	line-height: 24px;
	color: #000;
	font-size:14px;
	color: #948067;
}

.catchcopy h3 {
	font-size: 2rem;
	margin-bottom: 30px;
	color:#514639;
}

.catchcopy .thumb {
	height: 400px;
	margin-top: 40px
}

.catchcopy .attention {
	padding: 40px;
	box-sizing: border-box;
	border: 1px solid #000;
	color: #000;
	font-size: 12px
}

.catchcopy .attention li {
	line-height: 1.5
}

.catchcopy .attention h4 {
	font-size: 18px;
	margin-bottom: 10px
}

.catchcopy .attention h4:before {
	font-size: 14px
}

  

.slider_large .slider_for .cover {
	width: 1000px;
	height: 600px
}

.nest_nav .cover,.slider_large .slider_nav .cover {
	width: 85px;
	height: 60px
}

.slider_for {
	width: 100%;
	height: 600px;
	overflow: hidden
}

.nest_nav_ol,.slider_nav_ol {
	width: 380px;
	padding: 10px;
	background: #f6f6f6;
	position: relative;
	margin: 30px auto
}

.slick-prev:before,.slick-next:before {
	font-family: 'icons';
	font-size: 12px;
	color: #000;
	line-height: 60px
}

.slick-prev:before {
	content: url(../picture/slider_left.png);
}

.slick-next:before {
	content: url(../picture/slider_right1.png);
}

.slick-prev {
	left: -46px
}

.slick-next {
	right: -46px
}

.slick-prev,.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 44px;
	height: 60px;
	margin-top: -21px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent
}

.nest {
	height: 600px;
	position: relative
}

.nest.even .body {
	float: left
}

.nest .body {
	transition: all 0.5s;
	position: relative;
	border: 1px solid #e8e8e8;
	padding: 50px 70px;
	width: 550px;
	height: 490px;
	float: right;
	box-sizing: border-box
}

.nest .nest_text {
	position: relative;
	z-index: 10;
}

.nest .body h4 .jp {
	font-size: 24px;
	font-weight: bold
}

.nest .body h5 {
	padding: 20px 0;
	font-size: 17px
}

.nest .body h5 span{
	font-size:14px;}

.nest_slide_ol {
	top: 0;
	left: 0;
	position: absolute;
	height: 600px;
	width: 50%
}

.even .nest_slide_ol {
	right: 0;
	left: auto
}

.nest_slide {
	height: 100%;
	width: 100%
}

.nest_slide .cover {
	height: 600px;
	width: 600px
}

.nest_nav_ol {
	position: absolute;
	bottom: 50px;
	left: 70px;
	margin: 0 auto
}

.nest_slide_ol {
	opacity: 0;
	transition: all 1.2s;
	-webkit-transform: translate(0,150px);
	transform: translate(0,150px)
}

.nest .body {
	opacity: 0;
	transition: all 1s;
	-webkit-transform: translate(0,150px);
	transform: translate(0,150px)
}

.nest .body .button {
	position: absolute;
	left: 70px;
	bottom: 50px
}

.nest.on .nest_slide_ol {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0)
}

.nest.on .body {
	opacity: 1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0)
}

.nest_anchor .in {
	position: relative;
	z-index: 2
}

.nest_anchor .thumb_nav li:first-child {
	margin-left: 0px
}

.nest_anchor .thumb_nav li {
	margin-left: 37px
}

.nest_anchor {
	height: 350px;
	position: relative
}

.nest_anchor .bg {
	background: #f9f9f9;
	width: 100%;
	height: 260px;
	z-index: 1;
	position: absolute;
	bottom: 0
}

.nest.on .body .point {
	margin-top: 5%
}

.other_facility h3 {
	font-size: 24px
}

.other_facility h3:before {
	font-size: 13px
}


@media screen and (max-width: 1024px) {
	.subpages .body .case_t_t{
		width: 93%;
	}

	.catchcopy p.title_bottom span {
	    display: block;
	}

	.catchcopy p.title_bottom span:first-child {
	    padding: 0 20px;
	}

	.t_name{
		left: 0;
	}

	.catchcopy{
		margin-left: 0;
	}
	
}

 

@media screen and (max-width:768px) {
	.single .head .cell:first-child {
		width: auto
	}

	.alert {
		top: auto;
		bottom: 0
	}

	.sp {
		display: block!important
	}

	.room .thumb .cover span,.nest_nav_ol,.zumen .in > .cell:first-child,.concept .ol,.concept .cover .title,.read br,.campaign .camp .add,.news .cell:first-child,.panel_mask,.panel_hover .bg,.panel_hover .readtxt br,.panel_hover .in h4,.panel_on,.header .reserve,.header .nav,.pc {
		display: none!important
	}
 
  

	.nest .body .button {
		position: initial
	}

	.concept .button_ol .button {
		padding: 0 15px;
		text-align: center
	}

	.concept .button_ol .button .jp {
		padding: 0px;
		text-align: center;
		float: none
	}

	.concept .button_ol .button .icon {
		display: none
	}

	.panel_hover .head {
		height: 100px!important;
		background-size: cover;
		margin-top: 15px
	}

	.panel_hover .head_ol {
		padding: 0 10px;
		box-sizing: border-box
	}

	.news {
		padding: 20px 0
	}

	.news_body li {
		display: none;
		float: none;
		width: 100%;
		padding-right: 0
	}

	.news_body li.add {
		display: block
	}

	.news .table {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}

	.news .cell img {
		margin-bottom: 10px
	}

	.news a {
		line-height: 2em;
		height: 2em
	}

	.min {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box
	}

	.subtitle {
		width: 100%
	}

	.subtitle h2 {
		font-size: 20px
	}

	.subtitle .hr {
		padding: 10px 0 15px 0
	}

	.spacer_m {
		height: 20px
	}

	.campaign .camp {
		width: 100%;
		height: 150px;
		background-position: top center!important
	}

	.campaign .min {
		width: 90%;
		padding: 0
	}

	.campaign ul li {
		margin: 0 0 0 0
	}

	.campaign .camp .title {
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		padding: 10px
	}

	.slick-prev:before,.slick-next:before {
		font-family: 'icons';
		font-size: 15px
	}

	.slick-prev {
		left: -15px
	}

	.slick-next {
		right: -15px
	}

	.campaign .camp .bg {
		height: 230px
	}

	#concept .head {
		padding: 0 10px
	}

	.read {
		font-size: 12px;
		text-align: left;
		letter-spacing: 1px
	}

	.section > .button,.section .head .button {
		margin: 20px auto 0 auto
	}

	.concept .cover {
		width: 100%;
		float: none;
		height: 130px
	}

	.concept .button_ol {
		padding: 0 10px;
		opacity: 1;
		top: 50%;
		margin-top: -27px;
		height: 54px
	}

	.concept .cover .button_ol {
		transition: none;
		-webkit-transform: none;
		transform: none
	}

	.subtitle h2 .list {
		right: 10px
	}

	  

	.subheader {
		margin-top: 50px;
		width: 100%;
		height: 170px;
		position: relative
	}

	.max {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		margin: 0 auto
	}

	.catchcopy .in {
		width: 100%;
		padding: 10px;
		box-sizing: border-box
	}

	.subheader .title h2 {
		font-size: 20px
	}

	.subheader .title {
		left: 50%;
		bottom: 0;
		margin: -40px 0 0 -150px;
		top: 50%
	}

	.subheader .title .hr {
		font-size: 15px;
		margin: 5px 0 0 0
	}

	.pan li a .icon:first-child {
		-webkit-transform: translate(0,-1px);
		transform: translate(0,-1px)
	}

	.catchcopy h3 {
		font-size: 16px;
		margin-bottom: 15px
	}

	.image_title {
		height: 100px
	}

	.pan ul {
		display: table;
		width: auto;
		margin: 0
	}

	.pan ul li {
		display: table-cell;
		vertical-align: top
	}

	.pan ul li.pan-blog {
		width: 70px
	}

	.pan ul li:first-child {
		width: 92px
	}

	.image_title .in {
		background: rgba(0,0,0,0.7)
	}

	.image_title .in {
		top: 0;
		margin-top: 0;
		height: 100px;
		width: 100%;
		padding: 0 10px!important;
		box-sizing: border-box
	}

	.image_title .in h3 .jp {
		padding-right: 10px
	}

	.image_title .in h3 .jp {
		font-size: 20px
	}

	.spacer_s {
		height: 10px
	}

	.image_box .cell {
		display: block
	}

	.image_box {
		display: block;
		margin-bottom: 20px;
		background: none;
		border: none
	}

	.image_box .cell {
		width: 100%
	}

	.image_box .cell:first-child .in {
		padding: 0px
	}

	.image_box .button {
		position: relative;
		bottom: 0;
		left: 0;
		margin-bottom: 10px
	}

	.image_box p {
		padding-bottom: 0
	}

	.image_box h4 span.jp {
		font-size: 16px;
		font-weight: bold
	}

	.image_title .in h3 {
		text-align: left
	}

	.image_box .cover {
		height: 140px
	}

	.catchcopy .thumb {
		height: 140px;
		margin-top: 0
	}

	.catchcopy .attention {
		padding: 10px 15px;
		margin-bottom: 19px
	}

	.button.covert {
		width: 100%
	}

	.button.covert .in {
		width: 110px;
		padding: 0!important
	}

	.room .thumb {
		width: 100%;
		float: none
	}

	.room .thumb.even {
		margin-right: 0
	}

	.room .thumb .cover {
		width: 100%;
		height: 140px;
		margin-bottom: 10px
	}

	.zumen .info .cell:first-child {
		width: 110px;
		text-align: left
	}

	.zumen .info .table .cell {
		display: block
	}

	.footerbtn {
		padding: 20px 10px
	}

	.thumb_nav li {
		margin-left: 0
	}

	.otherroom {
		padding: 20px 0 30px 0
	}

	.otherroom .title .hr {
		padding: 10px 0 20px 0
	}

	.thumb_nav a .cover {
		margin: 0px auto 10px auto;
		height: 75px;
		width: 75px
	}

	.thumb_nav h5 {
		font-size: 12px;
		line-height: 1.5
	}

	.thumb_nav a {
		width: 100%
	}

	.thumb_nav li {
		width: 32%
	}

	.zumen .info .table .cell {
		padding-top: 10px
	}

	.zumen .info .cell p {
		margin-bottom: 0
	}

	.zumen .info .table .cell {
		padding-top: 0
	}

	.zumen .info {
		padding-bottom: 0
	}

	.zumen .info .table {
		padding: 10px 0
	}

	.room .thumb p {
		height: auto;
		margin: 5px 0 20px 0
	}

	.image_box .cell:first-child {
		margin-bottom: 10px
	}

	.point {
		margin-top: 10px
	}

	.other_facility h3 {
		font-size: 20px
	}

	.facility_min {
		width: 100%;
		height: auto;
		float: none;
		margin-bottom: 10px
	}

	.facility_min .cover {
		height: 140px
	}

	.facility_min .body {
		padding: 15px
	}

	.facility_min h4 {
		font-size: 15px;
		line-height: 30px;
		font-weight: bold
	}

	.facility_min .text {
		padding: 0
	}

	#map {
		height: 140px;
		margin-bottom: 20px
	}

	.howto {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px
	}

	.howto .in {
		margin: 10px 0
	}

	.bus .cell:first-child,.bus .cell {
		width: 100%;
		display: block
	}

	.bus .cell {
		vertical-align: middle;
		padding: 0
	}

	.bus .cover {
		width: 100%;
		height: 140px;
		margin-bottom: 10px
	}

	.bus p {
		margin-bottom: 0;
		font-weight: normal
	}

	.scx img {
		width: 500px;
		max-width: 500px
	}

	.scx {
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.howto h3 span {
		font-size: 15px
	}

	.howto h3 {
		position: relative
	}

	.howto .in:first-child h3 span:after {
		content: '※左右にスクロール';
		position: absolute;
		right: 0;
		display: block;
		font-size: 10px;
		top: 0;
		top: 5px;
		color: #666
	}

	.sp_reserve {
		position: fixed;
		z-index: 100000;
		top: 0;
		display: table;
		right: 50px;
		background: #5c136c;
		width: 50px;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		transition: all 0.5s
	}

	.menu_active .sp_reserve {
		-webkit-transform: translate(-270px,0);
		transform: translate(-270px,0)
	}

	.sp_reserve span {
		height: 50px;
		width: 50px;
		text-align: center;
		display: table-cell;
		vertical-align: middle
	}

	.sp_reserve a {
		width: 50px;
		display: block;
		line-height: 1;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px
	}

	.fbarea {
		padding: 0 10px 20px 10px
	}

	.sidenav {
		transition: all 0.5s;
		position: fixed;
		z-index: 100000;
		top: 0;
		left: 100%;
		background: #000;
		width: 100%;
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.sidenav ul li.title,.sidenav a {
		color: #fff;
		font-size: 14px;
		line-height: 50px;
		display: block;
		border-bottom: 1px solid #111;
		padding: 0 15px;
		box-sizing: border-box
	}

	.menu_active .sidenav {
		-webkit-transform: translate(-270px,0);
		transform: translate(-270px,0)
	}

	.sidenav ul li.title {
		background: #191919;
		position: relative;
		cursor: pointer
	}

	.sidenav ul li ul {
		background: #080808;
		display: none
	}

	.sidenav .ttg {
		position: absolute;
		width: 10px;
		height: 4px;
		padding: 3px 0;
		top: 19px;
		left: 240px
	}

	.sidenav .ttg span {
		width: 10px;
		height: 2px;
		display: block;
		background: #C1C1C1
	}

	.sidenav .ttg span.t1 {
		transition: all 0.5s;
		-webkit-transform: rotate(90deg) translate(2px,0px);
		transform: rotate(90deg) translate(2px,0px)
	}

	.sidenav .on .ttg span.t1 {
		-webkit-transform: rotate(0deg) translate(0,2px);
		transform: rotate(0deg) translate(0,2px)
	}

	.nest_slide {
		width: 90%;
		margin: 10px auto 20px auto
	}

	.slider_for {
		width: 100%;
		height: 140px
	}

	.slider_large .slider_for .cover {
		width: 100%;
		height: 140px
	}

	.nest_nav_ol,.slider_nav_ol {
		width: 100%;
		margin: 10px auto;
		box-sizing: border-box
	}

	.nest_nav .cover,.slider_large .slider_nav .cover {
		width: 40px;
		height: 25px
	}

	.slick-prev,.slick-next {
		z-index: 10
	}

	.nest {
		height: auto
	}

	.nest .nest_text {
		padding: 10px 0
	}

	.nest_slide_ol {
		top: 0;
		left: 0;
		position: relative;
		height: auto;
		width: 100%
	}

	.nest .body {
		float: none!important
	}

	.nest .nest_slide_ol,.nest .body {
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}

	.nest .nest_slide_ol {
		padding: 0 10px;
		box-sizing: border-box
	}

	.nest_slide .cover {
		height: 140px;
		width: 100%!important
	}

	.nest .body {
		transition: all 0.5s;
		position: relative;
		border: none;
		padding: 0;
		background: none;
		width: 100%;
		height: auto;
		float: right;
		box-sizing: border-box
	}

	.nest_nav_ol {
		position: relative;
		bottom: 0;
		left: 0
	}

	.nest .body h5 {
		padding: 10px 0;
		font-size: 16px
	}

	.nest .body h4 .jp {
		font-size: 16px
	}

	.nest .body h5 {
		padding: 10px 0;
		font-size: 14px;
		font-weight: bold
	}

	.slider_nav_ol {
		padding: 10px 35px
	}

	.slider_nav_ol .slick-next {
		right: -24px
	}

	.slider_nav_ol .slick-prev {
		left: -24px
	}

	.room h4 .jp {
		font-size: 15px;
		font-weight: bold
	}

	.nest_anchor .thumb_nav li {
		width: 20%
	}

	.nest_anchor .thumb_nav li {
		margin-left: 10px
	}

	.nest_anchor .thumb_nav a .cover {
		height: 60px;
		width: 60px
	}

	.nest_anchor {
		height: 180px
	}

	.nest_anchor .bg {
		height: 150px
	}

	.slick-prev,.slick-next {
		width: 40px;
		height: 40px;
		margin-top: -20px
	}

	.slick-prev:before,.slick-next:before {
		width: 40px;
		height: 40px;
		display: block;
		border-radius: 40px;
		border: 1px solid #eee;
		box-sizing: border-box;
		background: #F3F3F3;
		line-height: 40px;
		font-size: 13px
	}

	   
}


.ideas h3{margin: 20px}
.ideas hr{ color: #948067;margin: 20px 0 60px 0}