@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 980px){


	html{
		overflow-y: scroll;
		overflow-x: hidden;
	}

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	textarea,input,iframe{ max-width: 95%; }
	img {
		max-width: 100% !important;
		height:auto !important;
	}

.inner{
	width:100%;
}

	.img_left , .img_right {
		float: none;
		margin-left: auto;
		text-align: center;
		display: block;
		clear: none;
		margin-right: auto;
		margin-bottom: 10px;
	}
	#gnav , #header .reserve , #footer .area_ul , #sub_nav {
		display: none;
	}
	#smp_sub_nav{
		display:block;
		position:fixed;
		width:100%;
		z-index: 100;
        /*z-index:1000;
		margin-top:-40px;*/
		padding-top: 90px;
	}
	#smp_sub_nav.scroll{
		margin-top:-50px;
	}
	#smp_sub_nav ul{
		display:table;
		width:100%;
	}
	#smp_sub_nav .bg_brown li:first-of-type{
		border-left:solid 1px #FFFFFF;
	}
	#smp_sub_nav .bg_brown li:last-of-type{
		border-right:solid 1px #FFFFFF;
	}
	#smp_sub_nav li{
		display:table-cell;
		width:20%;
		box-sizing:border-box;
		border-right:solid 1px #FFFFFF;
		background-color:#DFCEB9;
		vertical-align:middle;
		line-height:1.2;
		text-align:center;
	}
	#smp_sub_nav li:last-child{
		border-right:none;
	}
	#smp_sub_nav li a{
		display:block;
		text-align:center;
		color:#000000;
		text-decoration:none;
		padding:5px 0;
		font-size:80%;
	}
	.smp_top_none {
		padding-top: 10px;

	}
	.wrap {
		width: auto !important;
		margin-left: 20px;
		margin-right: 20px;
	}

header{
	box-shadow:none;
}
	#header{
		background-color:#FFFFFF;
		width:100% !important;
		box-sizing:border-box;
	}
	#header.scroll{
		border-bottom:solid 1px #CCCCCC;
	}
	#top_area {
		width: 100% !important;
	}
	#header .header_logo {
	position: relative;
	display: block;
	z-index: 0;
	padding-top: 50px;
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-left:20px;
	}
	#header.scroll .header_logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header.scroll .header_logo .img01 {
		display:none;
	}
	#header .header_logo .img01_scroll {
		display:none;
	}
	#header.scroll .header_logo .img01_scroll {
		display:block;
	}

	#icatch h2 {
		width: 100% !important;
		display: block !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 100%;
		text-align: center;
	}

	/* add 0605 */
	#icatch_sp {
		display: block;
	    background-image: url(../img/icatchSP.png);
	    background-repeat: no-repeat;
	    background-position: center center;
	    background-size: cover;
	    text-align: center;
	    padding: 70px 0;
	}

	#icatch_sp h2 {
    width: 100% !important;
    /* display: flex; */
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 100%;
    text-align: center;
    line-height: 150%;
    color: #ffffff;
    font-weight: normal;
    display: block;
    /* position: absolute; */
    /* top: 38%; */
    /* text-shadow: 1px 2px 3px #808080;*/
		text-shadow: 2px 2px 2px #000;
}

#icatch_sp h2 span {
	display: block;
}

#icatch_sp h2 span.bf {
	font-size: 18px;
padding-top: 20px;
}

	#sp_header {
		display:block;
	}

	#top_area .left , #top_area .right , #top_area .bottom , #side {
		clear: both !important;
		float: none !important;
		width: auto !important;
		padding: 0 !important;
		margin-bottom: 50px !important;
	}
	.formwrap input {
		width: 100% !important;
		clear: both !important;
		float: none !important;
	}
	.formwrap .submit {
		display: block;
		float: none !important;
		width: 130px;
		height: 44px;
		padding: 0 !important;
		margin-top: 10px !important;
	}
	.submit {
		margin-top: 0px !important;
	}
	#top_pickup li {
		display: block;
		width: auto ;
		float: none !important;
		margin-bottom: 30px;
	}
	#top_sp li {
		width: 49.949% !important;
		margin-bottom: 30px;
	}
	#top_pickup li p {
		margin-left: 0px;
		margin-right: 0px;
	}
	#news .left , #news .right {
		width: auto !important;
		float: none !important;
		clear: both !important;
	}
	#top_sv li , #top_rc li {
		width: auto !important;
		float: none !important;
		clear: both !important;
		margin-bottom: 20px !important;
		margin-right: 0px !important;
	}
	#top_sv li {
		text-align: center !important;
	}
	#top_rc li img {
		margin-bottom: 10px;
	}
	#top_vo .li {
		width: auto !important;
		float: none !important;
		clear: both !important;
		margin-bottom: 20px;
	}
	#top_vo .li img {
		margin-left: 0px !important;
		margin-bottom: 10px;
	}
	#top_vo .li p {
		margin-right: 0px !important;
	}
	#footer .s_nav {
		font-size: 70%;
	}
	#footer .addwrap {
		display: block !important;
		width: auto !important;
		padding-top: 10px;

	}
	#footer .smp_footnav {
		display: block !important;
	}
	#footer .smp_footnav li {
		margin-bottom: 5px !important;
		display: block !important;
		padding: 0 !important;
		border: none !important;
	}
	#footer .smp_footnav a {
		display: block;
		text-align: center;
		padding: 10px;
		background-color: #797979;
	}
	#smp_header {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 !important;
		margin: 0 !important;
		background-color: #121212;
		z-index: 10;
		width: 100%;
	}
	#header.scroll #smp_header {
		display:none;
	}
	#smp_header ul {
		list-style: none !important;
		display: block;
	}
	#smp_header li {
		display: block !important;
		 width: 25%;
		/*width: 33%;*/
		float: left;
		text-align: center;
	}
	#smp_header li a {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
		vertical-align: middle !important;
		border-left: 1px solid #fff;
		padding: 10px 0;
		background-color:#000000;
	}

	#smp_header li span{
		color:#fff
	}

	#smp_header li a:hover{
		text-decoration:none;
	}
	#smp_gnav {
		display: block !important;
		position: absolute;
		top:65px;
		right: 0px;
		width: 100%;
		z-index: 10;
		transition: 0.3s ;
		text-align:right;
	}
	#smp_gnav .hb_btn {
		display: block !important;
		margin-left: auto ;
		margin-right:20px;
		margin-bottom:15px;
	}
	#smp_gnav .hb_btn form{
		display:inline-block;
	}
	#smp_gnav .hb_btn .smpResearv,
	#smp_gnav .hb_btn img {
		width:25px;
		height:auto;
	}
	#smp_gnav .hb_btn .img01 {
		display:none;
	}
	#header.scroll #smp_gnav{
		top:18px;
	}
	#header.scroll #smp_gnav .hb_btn .img01 {
		display:inline-block;
		width: 25px;
		margin: 0 5px;
	}
	#smp_gnav ul {
		list-style: none !important;
		border-top: 1px solid #dfceb9;
		display: none;
		margin: 0;
		padding: 0;
	}
	#smp_gnav li {
		display: block;
		border-bottom: 1px solid #dfceb9;
		background-color: #ffffff;
	}
	#smp_gnav li a {
		display: block;
		padding: 10px;
		text-align: center;
	}
	#smp_gnav.block ul {
		display: block;
	}

	#caption {
		border: none !important;
		margin-bottom: 30px;
		padding: 0 !important;
		background-image: none !important;
	}
	#caption div {
		border: 3px solid #F7F6F4;
		float: none !important;
		width: auto !important;
		padding: 20px 0;
		margin-bottom: 0px;
	}
	#caption h2 {
		font-size: 180%;
		padding-left: 10px !important;
		padding-right: 0 !important;
		margin: 0 !important;
		padding-bottom: 10px;
		border-left: 5px solid #000;
		margin-left: -3px !important;
	}
	#caption .txt {
		display: block;
		width: auto !important;
		margin-left: 10px;
		margin-right: 10px !important;
		border-left: 5px solid #000;
		margin-left: -3px !important;
		background-color: #fff;
		padding: 0px !important;
		font-size: 110%;
	}
	#caption .txt span {
		display: block;
		margin-left: 10px;
		background-color: #F7F6F4;
		padding: 5px;
		font-size: 90%;
	}
	#caption .comment {
		display: block;
		width: auto !important;
		float: none !important;
		margin-right: 0px !important;
		padding-right: 120px !important;
		background-image: url(../img/area_img.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		font-size: 100%;
		padding-top: 20px;
		min-height: 90px;
	}
	#map iframe {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		margin-bottom: 50px !important;
	}
	#map {
		width: auto !important;
		float: none !important;
	}
	.area_li .right {
		float: none !important;
		clear: both !important;
		width: auto !important;
	}
	.smp_both {
		display: none !important;
	}
	#top_vo .border {
		display: block;
		border-bottom: none !important;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#top_vo .li {
		display: block !important;
		width: auto !important;
		clear: both !important;
		border-bottom: 1px solid #F4F2EF;
		padding-top: 15px !important;
		padding-bottom: 5px !important;
	}
	.photos_wrap {
		width: auto !important;
		min-height: 200px;
		width: 475px;
		height: 100% !important;
		border: 3px solid #f1f0ed;
		position: relative;
		z-index: 2;
    padding: 10px
		}
		.indoorview {
		    text-align: center;
		    height: 340px;
		}
	.photos_wrap.left2 {
		margin-bottom: 20px;
	}
	.photos_wrap.right , .photos_wrap.left2 {
		float: none !important;
		clear: both !important;
		min-height: auto !important;
		padding-bottom: 20px !important;
	}
	#room_table .smp_no , .smp_none {
		display: none !important;
	}
	#room_table .smp_ok {
		display: table-cell!important;
	}
	#room_table td {
		text-align: left !important;
	}
	#room_table .morelink {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#room_table .img {
		width: 130px;
	}
	#room_table table {
		border-top: 1px solid #f4f2ef;
	}
	.wrap .wrap{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#room_table td {
		border-right: none !important;
		border-bottom: 1px solid #f4f2ef;
	}
	#room_table tr:nth-child(odd) td {
		background-color: #fff !important;
	}
	#page .area_more .left_sub {
		width: auto !important;
	}
	.area_point_ico li {
		float: none !important;
		width: auto !important;
		margin-bottom: 15px !important;
		border: 3px solid #f1f0ed;
		padding: 10px;
		margin-right: 0 !important;
	}
	#news.sub .scroll section.li {
		border-bottom: 1px dotted #000;
		padding-bottom: 15px;
	}
	#footer .wrap {
		padding-top: 0 !important;
	}
	#smp_contact {
		display: block;
		background-image: url(../img/top_side_bg.jpg);
		background-repeat: repeat;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 20px;
		padding-bottom: 30px;
		padding-top: 50px;
		font-size: 100%;
		line-height: 160%;
	}
	#smp_contact .tel {
		margin-bottom: 20px;
		display: block;
		margin-left: 40px;
		margin-right: 40px;
		padding: 0 !important;
	}
	#smp_contact .btn_contact {
		display: block;
		margin-left: 40px;
		margin-right: 40px;
	}
.contentsTxt01 {
	width:90%;
	margin:0% 5% 3%;
}
	.contentsTxt02 {
	width:90%;
	margin:0% 5% 3%;
}
.contentsTel01 {
	font-size:16px;
	color:#FF0000;
}
	#top_area .right .submit a , .formwrap .submit a {
		display: block !important;
		width: 200px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.formwrap .submit {
		width: auto !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		float: none !important;
		clear: both !important;
		text-align: center !important;
		margin-top: 10px !important;
	}
	.area_point_ico p {
		padding-left: 95px;
	}
	.more_btn a {
		padding: 15px 50px;
	}
	#single_nav , #rm_single {
		float: none !important;
		clear: both !important;
		width: auto !important;
	}
	#rm_single .icolist li:nth-child(8n) , #rm_single .img_list li:nth-child(4n) {
		margin-right: 10px;
	}
	#rm_single .icolist li {
		float: left;
		margin-right: 10px;
		width: 75px;
		height: 107px;
		margin-bottom: 20px;
	}
	.tablewrap {
		width: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 15px;
	}
	.tablewrap02 table.price td{
		width:18%;
		display:inline-block;
	}
	.tablewrap02 table.price td{
		width:18%;
		display:inline-block;
	}
	.tablewrap02 table.price th{
		width:18%;
		display:inline-block;
	}
	.tablewrap::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}
	.tablewrap::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,.5);
		box-shadow: 0 0 1px rgba(255,255,255,.5);
	}

	.tablewrap table.price {
		width: 100%;
		margin-bottom: 20px !important;
	}
	.p-right {
		text-align: left;
	}
	#rm_single .img_list li {
		float: left;
		width: 50%;
		margin-right: 0px !important;
		text-align: center;
		margin-bottom: 20px;
	}
	#rm_single .img_list {
		margin-right: -10px;
	}
	#rm_single p {
		display: block;
		margin-right: 10px;
	}
	.thumb li {
		width:50px;
	}
	#single_nav {
		margin-bottom: 50px;
	}
	#single_nav .side_title {
		background-image: url(../img/side_ico.jpg);
		background-repeat: no-repeat;
		background-position: right 10px center;
	}
#single_nav .room_list {
	display: none;
}
	.more_btn.left {
		text-align: center !important;
	}
	#room_imglist .li {
		width: 50% !important;
		padding:0 !important;
		text-align: left !important;
		margin-right: 0 !important;
	}
	#room_imglist img {
		width: 100%;
		height: auto;
	}
	#room_imglist .li:nth-child(odd) .imgwrap , #room_imglist .li:nth-child(odd) .txt {
		margin-right: 5px;
	}
	#room_imglist .li:nth-child(even) .imgwrap , #room_imglist .li:nth-child(even) .txt {
		margin-left: 5px;
	}
	.data_list li {
		width: auto !important;
		margin-right: 0px !important;
		margin-bottom: 30px;
	}
	.icolist .pc_no , #slide .pc_no {
		display: block;
	}
	#slide p img {
		width: 100%;
		height: auto;
	}
.food .imglist{
	margin-bottom:3%;
}
.food table{
	border:1px solid #fff;
	border-collapse:collapse;
	width:100%;
	vertical-align:middle;
	text-align:center;
	margin-bottom:3%;
}
.food table tr{
	border:1px solid #fff;
	border-collapse:collapse;
}
.food table tr th{
	border:1px solid #fff;
	border-collapse:collapse;
	vertical-align:middle;
	padding:3%;
}
.food table tr td{
	border:1px solid #fff;
	border-collapse:collapse;
	vertical-align:middle;
	padding:3%;
}
.food table tr td:nth-of-type(2),
.food table tr td:nth-of-type(3){
	padding:3%;
}
.food .imglist{
	letter-spacing:-.4em;
}
.food .imglist img{
	letter-spacing:normal;
	width:33%;
	margin:0 0.5% 0.5% 0;
}
.food .imglist img:nth-of-type(3n){
	margin:0 0 0.5% 0;
}
.nopc{
	display:inline;
}
.maplist dl dt{
	width:25%;
}
.maplist dl dd{
	width:75%;
}
.navi li{
	width:48%;
	margin:0 2% 2% 0;
}
.navi li:nth-of-type(2n){
	margin:0 2% 2% 0;
}
.faq_btn {
	text-align:center;
}
.faq_btn a {
	display:block;
	padding: 15px 0;
	width:100%;
}
.serviceBtn{
	display:none;
}
.serviceBtn_sp{
	display:block;
	margin-bottom:50px;
}
.serviceBtn_sp ul{
	letter-spacing:-.4em;
	padding:3%;
}
.serviceBtn_sp li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	width:32%;
	margin:0 2% 2% 0;
}
.serviceBtn_sp li:nth-of-type(3n){
	margin:0 0 2% 0;
}
.serviceBtn_sp li img{
	width:100%;
}
.serviceBox{
	padding:5% 0;
}
.serviceBox img{
	width:100%;
	margin-bottom:20px;
}
.serviceBox div{
	margin:0 auto 3%;
	padding:0 3%;
}
.serviceBox div p.s_btn{
	text-align:center;
	width:80%;
	margin:5% auto;
}
.serviceBox div p.s_btn a{
	display:block;
	padding: 15px 0;
	width:100%;
}
.typeBox{
	padding:5% 0;
}
.typeBox img{
	width:100%;
	margin-bottom:20px;
}
.typeBox div{
	margin:0 auto 3%;
	padding:0 3%;
}
.typeBox div h3 img{
	width:auto;
}
.typeBox div p.t_btn{
	text-align:center;
	width:80%;
	margin:2% 10%;
}
.typeBox div p.t_btn a{
	display:block;
	padding: 15px 0;
	width:100%;
}
.typeBox div p.t_btn02{
	text-align:center;
	width:80%;
	margin:2% 10%;
}
.typeBox div p.t_btn02 a{
	display:block;
	padding: 15px 0;
	width:100%;
}
.privacyBox{
	width:100%;
}
.privacyBox dd{
	padding:0 3%;
}
.contactTbl01 {
	width:100%;
	margin:0 auto 20px;
}

.contactTbl01 tr {
}

.contactTbl01 th {
	width:94%;
	float:left;
	background:#F2F2F2;
	vertical-align:middle;
	padding:3%;
}

.contactTbl01 td {
	width:94%;
	float:left;
	vertical-align:middle;
	padding:3%;
}

.contactTbl01 td input {
	width:94%;
	padding:3%;
	border:1px solid #ccc;
}

.contactTbl01 td select {
	width:100%;
	padding:3%;
	border:1px solid #ccc;
}

.contactTbl01 td TEXTAREA {
	padding:3%;
	border:1px solid #ccc;
	width:94%;
}
.input01{
	width:90% !important;
}
.input02{
	width:30% !important;
}
.contentsBox .contactBtn{
	width:80%;
}


/* search変更 */
#top_area .search_con .title {
	font-size: 85%;
}
#top_area .search_con label {
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	vertical-align: middle;
	border: 3px solid #ddd;
	background-color: #fff;
	background-repeat: no-repeat;
	border-radius: 3px solid #e1ddd5 !important;
}
#top_area .search_con select
{
	position: relative;
	z-index: 1;

	line-height: 42px;

	display: block;

	width: 100%;
	padding: 0;
	font-size: 110%;
	font-weight: normal;
	text-indent: 8px;

	border: none;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	box-shadow: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#top_area .search_con label:after
{
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	width: 42px;
	height: 42px;
	margin: auto;
	background-color: #e8e5de;
	content: '';
	background-image: url(../img/top_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.search_con_submit {
	margin-top: 20px;
	margin-bottom:20px;
}
.search_con_submit a {
	padding: 5px 0;
	background-color: #000;
	color: #fff;
	border-radius: 3px;
	line-height: 200%;
	text-align: center;
}
.search_con_submit span {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 35px;
	background-image: url(../img/top_search.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.search_con_submit a:hover {
	text-decoration: none;
}
#top_area .search_con_submit a {
	display: block;
	width: 200px;
	margin:0 auto;
}
.search_con_left{
	float:none;
	width:100%;
}
.search_con_right{
	float:none;
	width:100%;
}
.search_con_bottom{
	width:100%;
	clear:both;
}
.bold{
	font-weight:bold;
}
.search_check{
	font-size:14px;
}
.search_check li{
	display:inline-block;
	vertical-align:middle;
	width:49%;
	margin-bottom:3%;
}
.search_check li input[type="checkbox"]{
	display:none;
}
.search_con_label {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
	line-height:120%;
}
.search_con_label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  content: '';
  background: linear-gradient(#F4F3F0, #D5CFC1);
	z-index:1;
}
.search_con_label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
	z-index:2;
}
.search_check li input[type=checkbox]:checked + .search_con_label:before {
  opacity: 1;
}

.area img:first-of-type{
	margin-bottom:3%;
}
.area img{
	width:100%;
}
.area_osaka img{
	width:100%;
}
.nosp{
	display:none;
}
.areaTitle {
	font-size:18px;
	font-weight:bold;
	}
.break {
    word-break: break-all;
}#news .room_campaign, #news .right {
    width: 470px;
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
    float: left;
     margin-right: 0px;
}
#news .left, #news .right {
    width: 100%;
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
}
#news .room_campaign, #news .right {
    width: 100%;
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
    float: left;
    margin-right: 0px;
}

/* footerのオーナー向けサイトへのバナー */
#footer_bn_ow {
	text-align:center !important;
	margin:10px auto 0 auto;
	width:95% !important;
}
#footer_bn_ow:after {
	content: "";
	clear: both;
	display: block;
}
#footer_bn_ow .bn_furbuilowner {
	float: none;
	margin:0 0 10px 0;
}
#footer_bn_ow .bn_furcompany {
	float: none;
}
/* 180620 横浜アクセス ルート案内追加 */
div.accessRoute02 {
    display: inline-block;
    width:100%;
    vertical-align: top;
}
div.accessRoute {
    display: inline-block;
    width:100%;
}
div.accessRoute p span {
    font-weight: bold;
}
div.accessRoute02 p {
    margin-bottom: 25px;
    }
div.accessRoute p.accessImg{
    margin-top: 25px;
    margin-bottom: 8px;
    width: 100%;
}
div.accessRoute p img.accessImg01 {
    text-align: center;
    width: 49%;
    margin: 0;
    }
div.accessRoute p img.accessImg02 {
    text-align: center;
    width: 49%;
    margin: 0;
}
div.accessRoute p.more_btn a {
    width: 170px;
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 13px 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #C73C19;
    border-radius: 3px;
    color: #fff;
}
/* 180621追加 横浜西口アクセス*/
    .access_pc {
        display: none;
    }
		p.end {
		    position: absolute;
		    top: 300px;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    width: 92%;
		    height: 40%;
		    margin: auto;
		    text-align: center;
		    font-size: 14px;
		    background-color: #000000d1;
		    color: #fff;
		    display: flex;
		    align-items: center;
		    justify-content: center;
				padding: 0 10px;
		}
/* 追加190902 */
header {
    position: fixed;
    top: 0;
    z-index: 99999;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
/*	height: 110px;*/
}
.wrap {
    padding-top: 20px;
}
/* 200227 banner */
#banner {
    padding: 0 15px;
}
#banner div {
    width: 100%;
    margin: 20px auto 5px;
}
#banner p {
    color:black !important;
    font-size: 13px;
    font-weight: bold;
}
#banner span {
    font-weight: bold;
    color: red;
}
#banner_bottom img {
    width: 100% !important;
}
.news_202028 {
   float: none !important;
   width: 100%;
}
.news_202028 p {
  margin-top: 20px;
}
.news_202028 img {
   width: 40%;
}
.red16 {
   font-size: 16px;
   color: red;
}
.white16 {
   font-size:16px;
   color:white;
   background:red;
   padding: 2px 7px;
   border-radius: 4px;
}
.news_btn {
   background-color: #D9B668;
   color: #fff;
   box-sizing: border-box;
   display: inline-block;
   font-size: 14px;
   padding: 15px;
   border-radius: 3px;
   line-height: 1.2;
   width: 200px;
   text-align: center;
}
.news_btn_txt a:first-child {
	margin: 0 auto 10px auto;
}
/* 200303 演台プレートリスト　*/
#plate_list {
    padding: 2%;
}
#plate_list table {
	padding : 2%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
	border: solid 1px #cccccc;
}
#plate_list table tr {
    border: 1px solid #CCC;
	height: 40px;
}
#plate_list table th {
    background: #dddddd;
    padding: 3px 2px 3px 8px;
    border-right: 1px solid #CCC;
	vertical-align: middle;
}
#plate_list table td {
    text-align: left;
    border-right: 1px solid #CCC;
	vertical-align: middle;
	text-indent: 0;
}
#plate_list table th:first-child {
    width: 120px;
}
#plate_list table tr td:first-child {
    width: 120px;
}
.news_img {
	margin-bottom: 50px;
	display: block;
	width: 100%;
}
.news_img p {
	margin: 0 0 20px 0;
}
.news_img img {
	width: 100%;
}
.news_img01 {
	margin-bottom: 50px;
	display: block;
	width: 100%;
}
.news_img01 p {
	margin: 0 0 20px 0;
}
.news_img01 img {
	width: 100%;
}
.news_img02 {
	margin-bottom: 50px;
	display: block;
	width: 100%;
}
.news_img02 p {
	margin: 0 0 20px 0;
}
.news_img02 img {
	width: 100%;
}
.bordeaux {
	color: #C30E11;
	font-size: 32px;
}
.bordeaux_s {
	color: #C30E11;
	font-size: 18px;
}

/* 200330 */
.p-mar3 {
    margin-bottom: 20px;
    font-size: 16px;
    padding: 10px 20px;
    background: #f7f6f4;
    font-weight:bold;
}
#pankuzu {
    margin-top: 0;
    font-size: 85%;
    padding-top: 140px !important;
}

/* 200414 お知らせ　*/
.top_caution {
    width: 95%;
}
.tc-le {
    color: #FFFFFF;
    background-color: #db6143;
    width: 100%;
    font-size: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10px 0;
    vertical-align: middle;
}
.top_caution th {
    float: left;
    width: 100%;
}

/* 200418 floating */

#floating {
    z-index: 100;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 3%;
    width: 94%;
}
#floating img {
	width: 98%;
	margin: 0 auto;
	display: block;
}
.btn {
	/* background: rgba(212, 193, 138, 1); */
	background: #49b759;
	padding: 0 .5em;
	font-size: 20px;
	color: #fff;
	border-radius: 50%;
}
.btn:hover {
  cursor: pointer;
}
.btn:active {
    background: rgba(255, 255, 255, 0);
}

/* checkbox non-display */
.checkbox {
  display: none;
}

/* close button */
.action-close {
  position: relative;
  margin-top: 2em;
  width: 100%;
}
.action-close .btn {
	position: absolute;
	right: -8px;
	top: -12px;
}
.action-close .box {
  margin-bottom: 2em;
}
.action-close #close:checked ~ .btn {
  display: none;
}
.action-close #close:checked ~ .box {
  display: none;
}

/* all-display */
.action-allopen .btn {
  margin: 0 auto;
}
.action-allopen .box {
  border: none;
  height: auto;
}
.action-allopen .box {
  display: none;
}
.action-allopen #allopen:checked ~ .btn {
  display: none;
}
.action-allopen #allopen:checked ~ .box {
  display: block;
}

/* 200421 */
.top_banner_s {
	display: block;
	width: 95%;
	margin: 0 auto;
}
.top_banner_s img {
    padding: 5px 0;
}

/* 20200703_add */
.partition_new {
	margin-bottom: 20px;
}

.news_img p.partition0703 img {
	width: 100%;
}

/* 20201109_add */
p#before-contact-title {
    position: relative;
    display: inline-block;
    padding: 0px 75px;
    left: 50%;
    transform: translateX(-50%);
    color: rgb(102, 102, 102);
}
p#before-contact-title::before, p#before-contact-title::after {
    position: absolute;
    top: calc(50% - 3px);
    width: 60px;
    height: 3px;
    content: "";
    border-top: 2px solid rgb(102, 102, 102);
    border-bottom: 2px solid rgb(102, 102, 102);
}
a#before-contact-question {
    display: block;
    width: 80%;
    margin: 30px auto 0;
    text-align: center;
    background-color: #eb6100;
    color: #fff;
    padding: 10px 0;
}
p#before-contact {
    text-align: center;
    margin-top: 20px;
}

}
/* soratomo 2018年2月28日 ブログ追加 */
@media
only screen and (max-width : 640px){
.top_bn_sp {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 90%;
}
	.blog-banner {
		background-position-x: -450px;
	}
	.wrap-blog {
		width: auto;
	}
	.wrap-blog main {
		width: auto;
		float: none;
	}
	.entry-aside {
		margin:30px 0 0;
	}
	.wrap-blog article h1 {

	}
	.eyechatch {
		text-align: center;
	}
	.eyechatch img {
		float: none;
		border: none;
		width: 100%;
		margin:0 auto 0;

	}
	.entry-body {
		margin:30px auto 60px;

	}
	.pagenation {
		width: 90%;
		margin:20px auto 0;
	}
	.wrap-blog .link {
		width: auto;
		margin: 40px auto 0;
	}
	.wrap-blog .sidebar {
		width: 90%;
		float: none;
		margin: 40px auto 60px;
		padding: 30px 0 0;
		border-top :solid 1px #dbc4ad;
		border-bottom :solid 1px #dbc4ad;
	}
	.wrap-blog .sidebar h3 {
		margin:0 0 10px 1em;
	}
	.flex {
	    display: block;
	    flex-direction: row;
	}
	.photos_wrap_layout {
	    width: 100%;
	    height: 300px;
	    border: 3px solid #f1f0ed;
	    position: relative;
	    z-index: 2;
	    margin: 0 0 20px 0;
	}
	.photos_wrap_layout iframe {
	    width: 100%;
	    height: 95%;
	    padding: 10px;
	    align-items: center;
	}
	.sp_none {
		display: none;
	}

}

@media
only screen and (max-width : 500px){

	#smp_header li a img{
		width: 20% !important;
	}

	#smp_header li a {
	    font-size: 12px;
	}
}

@media
only screen and (max-width : 400px){
	#rm_single .icolist {
		margin-right: -10px !important;
	}
	#rm_single .icolist li , .single_ico .icolist li {
		float: left;
		margin-right: 0px !important;
		width: 25%;
	}
	#rm_single .icolist li {

		height: 107px;
		margin-bottom: 20px;
	}
	#rm_single .icolist .im , .single_ico .icolist .im {
		display: block;
		margin-right: 10px !important;
	}

	.single_ico .icolist .im img {
		width: 100%;
		height: auto;
	}
.right_img {
	float:none;
	margin:0 0 20px 0;
	text-align:center;
}
.img_right {
	float:none;
	margin:0 20px 0 0;
	text-align:center;
}
#news .room_campaign, #news .right {
/*    width: 470px;*/
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
    float: left;
     margin-right: 0px;
}
.pla_btn_sp {
	padding: 5px 10px !important;
}


}

@media
only screen and (max-width : 320px){
	#rm_single .icolist li {
		height: 80px;
	}
	.blog-banner {
		background-position-x: -430px;
	}
	.blog-banner h1 {
		font-size: 130%;
	}

}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */