@charset "UTF-8";

/* CSS Document */
/* 各要素リセット */
html,
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #494949;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
strong,
address {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}

strong {
	font-weight: bold !important;
}

dl,
dt,
dd,
ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

form,
fieldset,
legend {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	height: 100%;
}

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

*,
*:before,
*:after {
	box-sizing: border-box;
}

/* reset html5要素 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/*全体*/
html {
	font-size: 62.5%;
}

body {
	/* iPhoneバンドル */
	-webkit-text-size-adjust: 100%;
	/* 文字の拡大縮小を防ぐ */
	font-size: 1.4rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
}

.vsp {
	display: none
}


@media screen and (max-width: 767px) {
	body {
		font-size: 1.3rem;
	}

	.nsp {
		display: none;
	}

	.vsp {
		display: inline;
	}

}


/* リンク */
a {
	text-decoration: none;
	color: #000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a:hover {
	text-decoration: none;
	color: #7d7d67;
}

.fade img {
	transition: all .3s;
}

.fade:hover img,
input.fade:hover {
	opacity: 0.7;
}

/* clearfix
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}*/

/*フロート・クリアーボックス*/
.clear {
	clear: both;
}

/* 汎用設定 */
/* テキスト揃え */
.lefttxt {
	text-align: left !important;
}

.righttxt {
	text-align: right !important;
}

.centertxt {
	text-align: center !important;
}

/* フロート */
.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.fl_n {
	float: none !important;
}

/* 画像のみのブロック */
.imgbar {
	font-size: 0;
	line-height: 0;
}

/* マージン */
.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb110 {
	margin-bottom: 110px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mr10 {
	margin-right: 10px !important;
}

/* パディング */
.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pds10 {
	padding: 0 10px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}


/* 各ページ共通 */
.container {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container:after {
	content: " ";
	display: block;
	clear: both;
}

.container h3 {
	color: #0e7548;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.container h1 img {
	width: 45%;
}

.block {
	margin-bottom: 60px;
	overflow: hidden;
}

.rtimg {
	float: right;
	margin: 0 0 15px 15px;
}

.lfimg {
	float: left;
	margin: 0 15px 15px 0;
}



.block p {
	margin-bottom: 10px;
}


.red {
	color: #cf0000;
}

.emph {
	font-weight: bold;
}

.txt_l {
	font-size: 120%;
}

.txt_s {
	font-size: 90%;
}


br.spbr {
	display: none;
}


.crumblist {
	background: #e1eae6;
}

.crumblist ul {
	max-width: 1000px;
	margin: 0 auto;
	line-height: 1;
	overflow: hidden;
	padding: 10px 0;
}

.crumblist ul li {
	float: left;
	font-size: 1.1rem;
	margin-right: 10px;
}

.crumblist ul li a {
	color: #000;
}

.crumblist ul li a:after {
	content: ">";
	display: inline-block;
	margin-left: 10px;
}

.pgttl {
	padding: 20px 0;
	margin-bottom: 30px;

	box-shadow: 0px 3px 5px -4px #999999;
	-moz-box-shadow: 0px 3px 5px -4px #999999;
	-webkit-box-shadow: 0px 3px 5px -4px #999999;
}

.pgttl h2 {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 3.0rem;
	text-align: left;
	font-weight: normal;
	color: #716b58;
}

a.pdfdl {
	background: url(../../images/ic_pdf.png) left center no-repeat;
	display: inline-block;
	line-height: 32px;
	padding-left: 40px;
}

/* 各ページ共通 SP */
@media screen and (max-width: 767px) {
	.container {
		padding: 0;
	}

	.container h3 {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	.block {
		margin-bottom: 30px;
	}

	.rtimg {
		float: none;
		display: block;
		margin: 0 auto 15px auto;
	}

	.lfimg {
		float: none;
		display: block;
		margin: 0 auto 15px auto;
	}

	.sppb10 {
		padding: 0 10px;
	}

	br.spbr {
		display: inline-block;
	}

	.pgtop {
		display: none;
	}

	.crumblist {
		padding: 0 10px;
	}

	.crumblist ul li {
		font-size: 1.0rem;
	}

	.pgttl {
		padding: 10px;
		margin-bottom: 15px;
	}

	.pgttl h2 {
		font-size: 2.0rem;
	}
}

body {
	background-image: url(../img/background.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
	min-width: 1250px;
}

/*ヘッダー*/
header {
	min-width: 1220px;
	position: relative;
	z-index: 5;
}

header .container {
	max-width: 1200px;
}

h1 {
	position: absolute;
	padding-top: 5px;
}

h1 span {
	font-size: 1.1rem;
	display: block;
}


.drawer-menu .step {
	font-size: 1.3rem;
	color: #000;
	width: 335px;
	float: right;
	line-height: 1.2;
	position: relative;
	padding-top: 12px;
}

.drawer-menu .step span {
	font-size: 1.5rem;
	font-weight: bold;
}

.drawer-menu .headtel {
	position: absolute;
	left: -541px;
}

.drawer-menu .headaddress {
	position: absolute;
	left: -298px;
}

.drawer-menu .headtel p {
	background-image: url(../img/head_phone.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 2.5rem;
	font-weight: bold;
	padding: 2px 0 3px 25px;
}

.drawer-menu .step1 {
	float: left;
	padding-right: 10px;
}

.drawer-menu .step2 {
	float: left;
}

.drawer-menu .step a {
	display: block;
	width: 162px;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	background-color: #000;
}

.drawer-menu .step a:hover {
	background-color: #33CC66;
}

.drawermenu {
	float: right;
	padding-top: 30px;
	letter-spacing: -.5em;
	clear: right;
}

.drawermenu li {
	display: inline-block;
	border-left: 1px solid #c0c0c0;
	letter-spacing: normal;
}

.drawermenu li:first-child {
	border-left: none;
}

.drawermenu li a {
	padding: 0 16px;
	color: #000;
}

.drawermenu li:last-child a {
	padding: 0 0 0 16px;
}

.roommenu {
	margin-top: 10px;
	background-color: rgba(50, 50, 50, 0.8);
	padding: 10px 0;
}

.roommenu ul {
	text-align: right;
}

.roommenu li {
	display: inline-block;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 0 20px;
}

.roommenu li.title {
	float: left;
	font-size: 1.6rem;
	padding: 0;
}

.roommenu li.title span {
	font-size: 2.4rem;
}

.roommenu a {
	color: #fff;
}


.inner {
	cursor: pointer;
}

.caption {
	position: absolute;
	/* 4つ */
	/* left: -200px; */
	left: -150px;
	top: 44px;
	color: #fff;
	display: none;
	/* 4つ */
	/* width: 500px; */
	width: 400px;
	z-index: 99999;
	padding: 15px 0;
	text-align: center;
	letter-spacing: -.5em;
	background-color: rgba(50, 50, 50, 1);
}

.esaka_none {
	width: 250px;
	left: -80px;
}

.drawermenu .content li {
	display: inline-block;
	/* 4つ */
	/* width:25%; */
	width: 33%;
	letter-spacing: normal;
}

.drawermenu .content li a {
	display: block;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	color: #fff;
	font-weight: bold;
}


.roommenu .caption li {
	display: block;
	text-align: center;
	padding: 5px 0;
	letter-spacing: normal;
}

.roommenu .caption {
	position: absolute;
	left: -12px;
	top: 33px;
	color: #fff;
	display: none;
	width: 150px;
	z-index: 99999;
	padding: 15px 0;
	text-align: center;
	letter-spacing: -.5em;
	background-color: rgba(50, 50, 50, 1);
}

.roommenu .con_faq .caption {
	width: 300px;
	left: -110px;
}

.roommenu .content {
	position: relative;
}


header .step .content {
	position: relative;
}

.conbtn,
.conbtn2 {
	cursor: pointer;
}

.conbtn {
	color: #009b73 !important;
}

.content .caption1 {
	background-color: #5fb71e;
	position: absolute;
	left: 0;
	top: 45px;
	display: none;
	width: 162px;
	margin: 0;
	z-index: 100;
}

.content .caption2 {
	background-color: #e16900;
	position: absolute;
	left: 0;
	top: 45px;
	display: none;
	width: 100%;
	margin: 0;
	z-index: 100;
}

.content p a {
	display: block;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	color: #fff;
}

.content p a:hover {
	background-color: #33CC66;
}

.content .caption2 p a:hover {
	background-color: #ff8a00;
}

.content p {
	border-bottom: 1px dotted #fff;
}

.content p.l_bottom {
	border-bottom: 0;
}

#pankuzu {
	background-color: rgba(155, 155, 155, 0.8);
	color: #fff;
	padding: 5px 0;
	font-size: 1.3rem;
	min-width: 1220px;
}

#pankuzu a {
	color: #fff;
}

#pankuzu a:hover {
	text-decoration: underline;
}

#pankuzu .container {
	max-width: 1200px;
	text-align: right;
}

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

	body {
		min-width: 100%;
	}

	h1 {
		position: relative;
		float: left;
		padding-top: 0;
		padding-bottom: 5px;
	}

	h1 a {
		background-size: auto 100%;
		width: 80px;
		display: block;
		margin-right: 10px;
	}

	h1 img {
		max-width: 100%;
		height: auto;
	}

	h1 p {
		font-size: 0.9rem;
		line-height: 1.2;
		padding-top: 0;
		padding-bottom: 5px;
	}

	header,
	header .container {
		max-width: 100%;
		min-width: 100%;
		padding: 5px 10px 15px;
	}

	.drawer-menu .step {
		width: 100%;
		float: none;
		padding-left: 15px;
		display: none;
	}

	.drawer-menu .headtel {
		position: relative;
		left: 0;
		padding: 20px 0 0 0;
		font-size: 1rem;
	}

	.drawer-menu .headtel p {
		font-size: 2rem;
	}

	.drawer-menu .headtel a {
		display: inherit;
		width: auto;
		color: #333;
		text-align: left;
		padding: 0;
		background-color: #fff;
	}

	.drawer-menu .step1 {
		float: none;
		padding: 10px 0 10px 0;
	}



	.drawer-menu .step2 {
		float: none;
	}

	.drawer-menu .step a {
		display: block;
	}

	.drawer-menu {
		padding: 15px 0 50px 0;
	}

	.drawermenu {
		float: none;
	}

	.drawermenu li {
		display: block;
		border-left: none;
		border-bottom: 1px solid #c0c0c0;
	}

	.drawer-menu li a,
	.drawer-menu li:last-child a {
		display: block;
		width: 100%;
		padding: 10px 15px;
	}

	.roommenu {
		margin-top: 0;
		padding: 0;
	}

	.roommenu ul {
		text-align: left;
	}

	.roommenu li {
		display: block;
		padding: 0;
	}

	.roommenu li.title {
		float: none;
		font-size: 1.5rem;
		padding: 10px 15px;
	}

	.roommenu li.title span {
		font-size: 2rem;
	}

	.roommenu a {
		display: block;
		width: 100%;
		padding: 10px 15px;
		border-top: 1px dotted #efefef;
	}

	.caption {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		z-index: auto;
		padding: 0;
		background-color: #efefef;
	}

	.drawermenu .content li {
		display: inline-block;
		width: 100%;
		letter-spacing: normal;
	}

	.drawermenu .content li a {
		display: block;
		text-align: center;
		padding: 10px;
		width: 100%;
		color: #000;
		font-weight: normal;
	}

	.drawermenu .content li:last-child a {
		padding: 10px;
	}

	.roommenu .caption li {
		display: block;
		padding: 0;
	}

	.roommenu .caption {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		z-index: auto;
		padding: 0;
		text-align: center;
	}

	.roommenu .con_faq .caption {
		width: 100%;
		left: auto;
	}
}


@media screen and (min-width: 767px) {

	/* Shutter Out Horizontal */
	.drawermenu li {
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		position: relative;
		z-index: 5;
		background: transparent;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.drawermenu li:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(51, 204, 102, 0.3);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}

	.drawermenu li:hover {
		color: white;
	}

	.drawermenu li:hover:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	/* Underline From Center */
	.roommenu a {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		position: relative;
		overflow: hidden;
		z-index: 3;
	}

	.roommenu a:before {
		content: "";
		position: absolute;
		z-index: 3;
		left: 50%;
		right: 50%;
		bottom: 0;
		background: #33CC66;
		height: 4px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}

	.roommenu a:hover:before {
		left: 0;
		right: 0;
	}
}

footer {
	padding-top: 100px;
}

footer ul {
	text-align: center;
	padding-bottom: 15px;
	letter-spacing: -.4em;
}

footer li {
	display: inline-block;
	border-left: 1px solid #c0c0c0;
	letter-spacing: normal;
}

footer li:first-child {
	border-left: none;
}

footer li a {
	padding: 0 20px;
	font-size: 1.2rem;
}

#copyright {
	color: #fff;
	background-color: #323232;
	padding: 18px 0 13px 0;
	font-size: 1.2rem;
	min-width: 1220px;
}

.pgtop {
	float: right;
	font-size: 1.3rem;
}

.pgtop i {
	color: #0E7548;
	margin-right: 8px;
}

@media screen and (max-width: 767px) {
	#copyright {
		padding: 10px;
		min-width: 100%;
		line-height: 1.2;
	}

	footer {
		padding-top: 60px;
	}

	footer li:first-child,
	footer li:nth-child(2) {
		border-left: none;
	}

	footer li a {
		padding: 0 10px;
		font-size: 1.1rem;
	}
}


/*TOP*/
.infiniteslide {
	width: 1400px;
	margin: 25px auto;
	color: #333;
	background-color: #fff;
	box-shadow: 7px 5px 6px -1px #646464;
	-moz-box-shadow: 7px 5px 6px -1px #646464;
	-webkit-box-shadow: 7px 5px 6px -1px #646464;
}

.infiniteslide li a {
	display: block;
}

.infiniteslide .left {
	padding: 80px 20px 0 80px;
	float: left;
	text-align: justify;
	width: 520px;
}

.infiniteslide .right {
	float: right;
}

.infiniteslide .title0 {
	font-size: 3.6rem;
	padding-bottom: 15px;
	font-weight: bold;
}

.infiniteslide .title1 {
	font-weight: bold;
	font-size: 1.8rem;
}

.infiniteslide .title1 span {
	font-size: 2.8rem;
}

.infiniteslide .title2 {
	padding-top: 40px;
}

.slick-track {
	padding-bottom: 0;
}

.slide1esaka {
	background-image: url(../../esaka/images/slide_1back.gif);
}

.slide1esaka a {
	color: #fff;
}

.container.ind .maincont {
	float: left;
	width: 75%;
}

.container.ind .sidecont {
	float: right;
	width: 22%;
}

.container.room_low .maincont {
	float: right;
	width: 70%;
}

.container.room_low .sidecont {
	float: left;
	width: 25%;
}



.container.ind .sidecont .banner,
.container.room_low .sidecont .banner {
	text-align: center;
}

.container.ind .sidecont .banner a,
.container.room_low .sidecont .banner a {
	display: block;
	margin-bottom: 10px;

	transition: all .3s;
}

.container.ind .sidecont .banner a:hover,
.container.room_low .sidecont .banner a:hover {
	opacity: 0.7;
}

.container.ind .lineup .box {
	width: 33.33%;
	float: left;
	padding: 0 10px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container.ind .lineup .box .ph {
	text-align: center;
}

.container.ind .lineup .box .ph img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
}


.container.ind .lineup .box h3 {
	color: #0e7548;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
}

.container.ind #infobox h3 {
	background: #0e7548;
	color: #fff;
	font-size: 1.8rem;
	padding: 10px 15px;
	line-height: 1;
	margin-bottom: 0;
}

.container.ind #infobox ul li {
	background: #f2f2ee;
	margin-top: 1px;
	padding: 15px 20px;
}

.container.ind #infobox ul li .date {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 10px;
}

.container.ind #infobox ul li .date span {
	display: inline-block;
	background: #fff;
	border: 1px solid #adcabd;
	color: #0e7548;
	text-align: center;
	padding: 5px 10px;
	margin-right: 10px;
	min-width: 70px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/* TOP SP */
@media screen and (max-width: 767px) {
	.infiniteslide {
		width: 320px;
		margin: 15px auto;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		clear: both;
		background: none;
	}

	.infiniteslide li {
		width: 320px;
	}

	.infiniteslide .left {
		padding: 10px;
		float: none;
		text-align: justify;
		width: 100%;
		background-color: #fff;
	}

	.infiniteslide .right {
		float: none;
	}

	.infiniteslide .right img {
		width: 100%;
	}

	.infiniteslide .title0 {
		font-size: 2.2rem;
		padding-bottom: 5px;
	}

	.infiniteslide .title1 {
		font-size: 1.5rem;
	}

	.infiniteslide .title1 span {
		font-size: 1.8rem;
	}

	.infiniteslide .title2 {
		padding-top: 10px;
	}

	.container.ind .maincont,
	.container.room_low .maincont,
	.container.ind .new_contents,
	#infobox {
		float: none;
		width: 100%;
		padding: 0 10px;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.container.ind .sidecont,
	.container.room_low .sidecont {
		float: none;
		width: 100%;
		margin-top: 40px;
		padding: 20px 0;
		background: #f4f4f4;
	}

	.container.ind .lineup .box {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.container.ind .lineup .box h3 {
		font-size: 1.4rem;
	}

	.container.ind .lineup .box:last-child {
		margin-bottom: 0;
	}


	.container.ind #infobox h3 {
		font-size: 1.4rem;
		padding: 10px;
	}

	.container.ind #infobox ul li {
		padding: 10px;
	}

	.container.ind #infobox ul li .date {
		font-size: 11px;
		margin-bottom: 5px;
	}



	.container.ind .sidecont .fbfeed {
		max-width: 500px;
		margin: 0 auto;
		padding: 0 15px;
	}

	.container.ind .sidecont .twfeed {
		max-width: 500px;
		margin: 0 auto;
		padding: 0 15px;
	}

}



/* 各会議室 TOP */

.sp_title {
	display: none;
}

#wideslide {
	margin-top: 1px;
	margin-bottom: 70px;
}

#wideslide .slick-slide img {
	width: 100%;
}

#wideslide .slider .inbox {
	position: relative;
}

#wideslide .slider .inbox a.appbtn {
	position: absolute;
	left: 7%;
	bottom: 7%;
	font-size: 1.8rem;
	padding: 15px 10px;
}

.topfacility {
	margin-bottom: 40px;
}

.topfacility .ttl {
	background: url(../../images/bg_topmap.png);
	margin-bottom: 20px;
}

.topfacility .ttl h2 {
	max-width: 1000px;
	margin: 0 auto;
	height: 86px;
	overflow: hidden;
	text-align: left;
	line-height: 86px;
	color: #0E7548;
	font-size: 2.0em;
	font-weight: bold;
}

.topfacility .ttl h2 span.ic {
	display: inline-block;
	margin-right: 15px;
}


.topfacility .facilineup {
	overflow: hidden;
	text-align: left;
	max-width: 1000px;
	margin: 0 auto;

	height: auto;
}

.topfacility .facilineup .box {
	float: left;
	width: 25%;
	padding: 0 5px;
	line-height: 1.4;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.topfacility .facilineup .box .inner>a {
	display: block;

	transition: all .3s;
}

.topfacility .facilineup .box .inner>a:hover {
	text-decoration: none;
	opacity: 0.9;
}

.topfacility .facilineup .box .name {
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px;
}

.topfacility .facilineup .box .name span {
	display: block;
	font-weight: normal;
	font-size: 0.8em;
}

.topfacility .facilineup .box .capa,
.topfacility .facilineup .box .fee {
	background: #fff;
	text-align: center;
}

.topfacility .facilineup .box .capa {
	/*height: 54px;*/
	padding: 7px 0;
	overflow: hidden;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.topfacility .facilineup .box .fee {
	padding: 5px 0;
}

.topfacility .facilineup .box .capa span {
	font-size: 1.2em;
}

.topfacility .facilineup .box .fee span {
	font-size: 1.2em;
	font-weight: bold;
}

.topfacility .facilineup .box .exp {
	color: #fff;
	padding: 10px;
	font-size: 0.9em;
}


.topfacility .facilineup .box.type01 .inner {
	border: 1px solid #0c55b9;
	background: #0c55b9;
	color: #0c55b9;
}

.topfacility .facilineup .box.type01 .capa,
.topfacility .facilineup .box.type01 .fee {
	color: #0c55b9;
}

.topfacility .facilineup .box.type01 .capa {
	border-bottom: 1px dotted #0c55b9;
	/*
	padding-top: 5px;
	*/
}

.topfacility .facilineup .box.type02 .inner {
	border: 1px solid #42ac25;
	background: #42ac25;
	color: #42ac25;
}

.topfacility .facilineup .box.type02 .capa,
.topfacility .facilineup .box.type02 .fee {
	color: #42ac25;
}

.topfacility .facilineup .box.type02 .capa {
	border-bottom: 1px dotted #42ac25;
}

.topfacility .facilineup .box.type03 .inner {
	border: 1px solid #e86187;
	background: #e86187;
	color: #e86187;
}

.topfacility .facilineup .box.type03 .capa,
.topfacility .facilineup .box.type03 .fee {
	color: #e86187;
}

.topfacility .facilineup .box.type03 .capa {
	border-bottom: 1px dotted #e86187;
}

.topfacility .facilineup .box.type04 .inner {
	border: 1px solid #927a48;
	background: #927a48;
	color: #927a48;
}

.topfacility .facilineup .box.type04 .capa,
.topfacility .facilineup .box.type04 .fee {
	color: #927a48;
}

.topfacility .facilineup .box.type04 .capa {
	border-bottom: 1px dotted #927a48;
}

.topfacility .facilineup .box.type05 .inner {
	border: 1px solid #e66f00;
	background: #e66f00;
	color: #e66f00;
}

.topfacility .facilineup .box.type05 .capa,
.topfacility .facilineup .box.type05 .fee {
	color: #e66f00;
}

.topfacility .facilineup .box.type05 .capa {
	border-bottom: 1px dotted #e66f00;
}

.facilineup .wide {
	margin: 0 auto 20px auto;
	padding: 40px 50px 0 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.facilineup .wide.box {
	width: 50%;
	position: relative;
	padding: 0 25px;
}


.facilineup .wide.box span.ic {
	position: absolute;
	top: -30px;
	left: -20px;
}


.facilineup .wide.box.type05 .inner {
	background: #573d91;
	border: 1px solid #573d91;

}

.facilineup .wide.box.type06 .inner {
	background: #e66f00;
	border: 1px solid #e66f00;

}

.facilineup .wide.box.type05 .capa,
.facilineup .wide.box.type05 .fee {
	color: #573d91;
}

.facilineup .wide.box.type06 .capa,
.facilineup .wide.box.type06 .fee {
	color: #e66f00;
}



#lowbgwrap {
	background: url(../../conferenceroom/images/bg_lowgrad.png) left top repeat-x;
	padding-top: 30px;
}

.ftopaccess {
	border: 1px solid #0E7548;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #fff;
	position: relative;
}

.ftopaccess a.appbtn {
	position: absolute;
	right: 20px;
	bottom: 30px;
	width: 30%;
	text-align: center;
	font-size: 1.8rem;
}

.ftopaccess a.appbtn2 {
	position: absolute;
	left: 20px;
	top: 18px;
	right: auto;
	bottom: auto;
	width: 30%;
	text-align: center;
	font-size: 1.8rem;
}

a.appbtn:hover {
	text-decoration: none;
	opacity: 0.7;
}

a.appbtn {
	display: inline-block;
	border: 1px solid #e88011;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	transition: all .3s;
	background: #e16900;
	background: -webkit-linear-gradient(top, #e16900 0%, #ff8a00 100%);
	background: linear-gradient(to bottom, #e16900 0%, #ff8a00 100%);
	padding: 10px 20px;
}


/* 各会議室 TOP SP */
@media screen and (max-width: 767px) {

	.sp_title {
		display: inherit;
		font-size: 1.5rem;
		/* padding: 15px 0 0 0; */
		text-align: center;
		font-weight: bold;
	}

	#wideslide {
		margin-bottom: 30px;
	}

	#wideslide .slider .inbox a.appbtn {
		left: auto;
		bottom: 7%;
		right: 10px;
		font-size: 1.2rem;
		padding: 5px;
	}

	#wideslide .slider .inbox a.appbtn:hover {
		opacity: 1;
	}

	.topfacility {
		margin-bottom: 30px;
		background-color: #fff;
	}

	.topfacility .ttl {
		padding: 5px;
		margin-bottom: 0px;
	}

	.topfacility .ttl h2 {
		height: auto;
		line-height: 1.3;
		font-size: 1.2em;
	}

	.topfacility .ttl h2 span {
		display: block;
	}

	.topfacility .ttl h2 span.ic {
		width: 30px;
		height: 30px;
		float: left;
	}

	.topfacility .facilineup .box {
		width: 50%;
		margin-bottom: 10px;
	}

	.topfacility .facilineup .box .ph img {
		width: 100%;
		height: auto;
	}

	.topfacility .facilineup .box .exp {
		padding: 5px;
	}


	#lowbgwrap {
		padding-top: 20px;
	}

	.ftopaccess a.appbtn,
	.ftopaccess a.appbtn2 {
		position: static;
		display: block;
		right: auto;
		bottom: auto;
		top: auto;
		left: auto;
		width: 80%;
		font-size: 1.4rem;
		margin: 0 auto 10px auto;
	}

	.facilineup .wide {
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}

	.facilineup .wide.box {
		padding: 0 5px;
	}

	.facilineup .wide.box span.ic {
		top: 40px;
		left: 10px;

		width: 60px;
	}


	.floormap ul.guide li.wd {
		width: 100%;
	}


	.container.room_low .sidecont ul.facinav li.tp_ex a p.name span,
	.container.room_low .sidecont ul.facinav li.tp_tm a p.name span {
		display: inline;
	}

	.container.room_low .sidecont ul.facinav li.tp_ex span.ic,
	.container.room_low .sidecont ul.facinav li.tp_tm span.ic {
		position: absolute;
		right: 25px;
		top: 5px;
	}
}



.container.room_low {
	margin-top: 30px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0 10px 0 0;
}

.container.room_low .sidecont ul.facinav {
	border: 1px solid #dadada;
	background: #fff;
	margin-bottom: 20px;
	font-size: 1.4rem;
}

.container.room_low .sidecont ul.facinav li {
	border-top: 1px solid #dadada;
}

.container.room_low .sidecont ul.facinav li:first-child {
	border-top: none;
}

.container.room_low .sidecont ul.facinav li a {
	display: block;
	padding: 15px;
	color: #222;
}

.container.room_low .sidecont ul.facinav li a:hover {
	text-decoration: none;
}

.container.room_low .sidecont ul.facinav li a div {
	padding-left: 10px;
	line-height: 1.3;
}

.container.room_low .sidecont ul.facinav li a p.name {
	font-size: 2.1rem;
}

.container.room_low .sidecont ul.facinav li a p.name span {
	font-size: 1.4rem;
}

.container.room_low .sidecont ul.facinav li a p.capa span {
	font-size: 1.8rem;
}

.container.room_low .sidecont ul.facinav li a p.att {
	font-size: 1.2rem;
	text-align: right;
	padding-right: 10px;
}

.container.room_low .sidecont ul.facinav li.tp01:hover,
.container.room_low .sidecont ul.facinav li.tp01 a.current {
	background: #cadeff;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #cadeff 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cadeff 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.container.room_low .sidecont ul.facinav li.tp01 a div {
	background: url(../../conferenceroom/images/arw_tp01.png) right center no-repeat;
	border-left: 6px solid #0c55b9;
}

.container.room_low .sidecont ul.facinav li.tp01 a p.name {
	color: #0c55b9;
}

.container.room_low .sidecont ul.facinav li.tp02:hover,
.container.room_low .sidecont ul.facinav li.tp02 a.current {
	background: #d0ecc8;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #d0ecc8 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0ecc8 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.container.room_low .sidecont ul.facinav li.tp02 a div {
	background: url(../../conferenceroom/images/arw_tp02.png) right center no-repeat;
	border-left: 6px solid #42ac25;
}

.container.room_low .sidecont ul.facinav li.tp02 a p.name {
	color: #42ac25;
}

.container.room_low .sidecont ul.facinav li.tp03:hover,
.container.room_low .sidecont ul.facinav li.tp03 a.current {
	background: #fcdee7;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #fcdee7 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcdee7 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.container.room_low .sidecont ul.facinav li.tp03 a div {
	background: url(../../conferenceroom/images/arw_tp03.png) right center no-repeat;
	border-left: 6px solid #e86187;
}

.container.room_low .sidecont ul.facinav li.tp03 a p.name {
	color: #e86187;
}

.container.room_low .sidecont ul.facinav li.tp04:hover,
.container.room_low .sidecont ul.facinav li.tp04 a.current {
	background: #f1e4c9;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #f1e4c9 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f1e4c9 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.container.room_low .sidecont ul.facinav li.tp04 a div {
	background: url(../../conferenceroom/images/arw_tp04.png) right center no-repeat;
	border-left: 6px solid #927a48;
}

.container.room_low .sidecont ul.facinav li.tp04 a p.name {
	color: #927a48;
}

.container.room_low .sidecont ul.facinav li.tp05:hover,
.container.room_low .sidecont ul.facinav li.tp05 a.current {
	background: #caf1e0;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #caf1e0 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #caf1e0 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.container.room_low .sidecont ul.facinav li.tp05 a div {
	background: url(../../conferenceroom/images/arw_tp05.png) right center no-repeat;
	border-left: 6px solid #0e7548;
}

.container.room_low .sidecont ul.facinav li.tp05 a p.name {
	color: #0e7548;
}

.container.room_low .sidecont ul.facinav li.tp_ex a div {
	background: url("../../conferenceroom/images/arw_tpex.png") right center no-repeat;
	border-left: 6px solid #563C90;
}

.container.room_low .sidecont ul.facinav li.tp_ex a p.name {
	color: #563C90;
	font-size: 1.8rem;
}

.container.room_low .sidecont ul.facinav li.tp_ex a p.name span {
	display: block;
}

.container.room_low .sidecont ul.facinav li.tp_ex:hover,
.container.room_low .sidecont ul.facinav li.tp_ex a.current {
	background: #e6d4fe;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #e6d4fe 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e6d4fe 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.container.room_low .sidecont ul.facinav li.tp_tm a div {
	background: url("../../conferenceroom/images/arw_tptm.png") right center no-repeat;
	border-left: 6px solid #E56E00;
}

.container.room_low .sidecont ul.facinav li.tp_tm a p.name {
	color: #E56E00;
	font-size: 1.8rem;
}

.container.room_low .sidecont ul.facinav li.tp_tm a p.name span {
	display: block;
}

.container.room_low .sidecont ul.facinav li.tp_tm:hover,
.container.room_low .sidecont ul.facinav li.tp_tm.current,
.container.room_low .sidecont ul.facinav li.tp_tm a.current {
	background: #ffd7ba;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #ffd7ba 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffd7ba 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.container.room_low .sidecont .askbox {
	margin-bottom: 20px;
	text-align: center;
}

.container.room_low .sidecont .askbox .ttl {
	border: 1px solid #107e4e;
	background: #fff;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	color: #107e4e;
	margin-bottom: 5px;

	border-radius: 12px;
	-webkit-border-radius: 12px;
}

.container.room_low .sidecont .askbox .tel {
	background: url(../../flow/images/ic_phone.png) left top no-repeat;
	background-size: 40px;
	-webkit-background-size: 40px;
	padding-left: 50px;
	text-align: left;
}

.container.room_low .sidecont .askbox .tel h4 {
	font-weight: bold;
}

.container.room_low .sidecont .askbox .tel .num {
	font-weight: bold;
	font-size: 2.5rem;
	font-family: Helvetica, sans-serif;
}

.container.room_low .sidecont .askbox .tel .num span {
	font-size: 1.3rem;
}

.container.room_low .sidecont .askbox .hour {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.container.room_low .sidecont .askbox a {
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
}

.container.room_low .maincont .visttl {
	margin-bottom: 50px;
}

.container.room_low .maincont .visttl h2 {
	font-size: 3.6rem;
	padding: 60px 0 10px 0;
	font-weight: bold;
	color: #000;
}

.container.room_low .maincont .visttl h2 span {
	font-size: 3.0rem;
}


.container.room_low .maincont .visttl .data {
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 30px;
	color: #000;
	font-weight: bold;
}

.container.room_low .maincont .visttl .data span {
	font-size: 1.4em;
}

.container.room_low .maincont .visttl .lead {
	font-size: 1.5rem;
}

.container.room_low .maincont .visttl .att {
	font-size: 0.9em;
}

.container.room_low .maincont .roomphoto {
	padding-top: 30px;
}

.container.room_low .maincont .roomphoto img {
	width: 100%;
}

.container.room_low .maincont .roomphoto iframe {
	width: 100%;
	height: 400px;
}

.roomphoto-namba {
	width: 50%;
	height: auto;
	text-align: center;
}

.container.room_low .maincont h3 {
	font-size: 1.4em;
	padding: 10px;
}

.container.room_low .maincont h3 span {
	font-weight: normal;
	font-size: 0.7em;
	margin-left: 10px;
}

.container02 ul.lst3col,
.container.room_low .maincont ul.lst3col,
.container.room_low .maincont ul.lst4col {
	overflow: hidden;
}

.container02 ul.lst3col li,
.container.room_low .maincont ul.lst3col li {
	float: left;
	width: 33.33%;
	padding: 0 10px;
	text-align: center;
	margin-bottom: 20px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container02 ul.lst4col li,
.container.room_low .maincont ul.lst4col li {
	float: left;
	width: 25%;
	padding: 0 10px;
	text-align: center;
	margin-bottom: 20px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container02 ul.lst3col li p,
.container.room_low .maincont ul.lst3col li p,
.container.room_low .maincont ul.lst4col li p {
	font-size: 0.9em;
}

.container.room_low .maincont a.nmbtn {
	display: inline-block;
	line-height: 1;
	min-width: 200px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	color: #fff;

	border-radius: 16px;
	-webkit-border-radius: 16px;
}

.container.room_low .maincont a.nmbtn:hover {
	text-decoration: none;
	opacity: 0.7;
}

table.nmtbl {
	width: 100%;
}

table.nmtbl th,
table.nmtbl td {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-weight: normal;

	/*word-break: break-all;*/
}

table.nmtbl.fxs th,
table.nmtbl.fxs td {
	font-size: 70%;
}


table.nmtbl th {
	background: #f3f3f3;
}

table.nmtbl td.sub {
	background: #f9f9f9;
}

table.nmtbl th.dk {
	background: #e9e9e9;
}

table.nmtbl th.c01 {
	background: #E9F2FF;
}

table.nmtbl th.c02 {
	background: #ECF7E8;
}

table.nmtbl th.c03 {
	background: #FBECF0;
}

table.nmtbl th.c04 {
	background: #F6F0E5;
}



.roomwrap.type01 .maincont h3 {
	color: #0c55b9;
}

.roomwrap.type01 .maincont h3 {
	border-bottom: 1px solid #bbc8da;
}

.roomwrap.type01 .maincont h3 span {
	color: #7b9bc7;
}

.roomwrap.type01 .maincont a.nmbtn {
	background: #0c55b9;
}

.roomwrap.type02 .maincont h3 {
	color: #42ac25;
}

.roomwrap.type02 .maincont h3 {
	border-bottom: 1px solid #94c77b;
}

.roomwrap.type02 .maincont h3 span {
	color: #94c77b;
}

.roomwrap.type02 .maincont a.nmbtn {
	background: #42ac25;
}

.roomwrap.type03 .maincont h3 {
	color: #e86187;
}

.roomwrap.type03 .maincont h3 {
	border-bottom: 1px solid #f2bbca;
}

.roomwrap.type03 .maincont h3 span {
	color: #f19bb3;
}

.roomwrap.type03 .maincont a.nmbtn {
	background: #e86187;
}

.roomwrap.type04 .maincont h3 {
	color: #927a48;
}

.roomwrap.type04 .maincont h3 {
	border-bottom: 1px solid #b7a681;
}

.roomwrap.type04 .maincont h3 span {
	color: #b7a681;
}

.roomwrap.type04 .maincont a.nmbtn {
	background: #927a48;
}

.roomwrap.type05 .maincont h3 {
	color: #0e7548;
}

.roomwrap.type05 .maincont h3 {
	border-bottom: 1px solid #5ba987;
}

.roomwrap.type05 .maincont h3 span {
	color: #5ba987;
}

.roomwrap.type05 .maincont a.nmbtn {
	background: #0e7548;
}

.roomwrap.type_ex .maincont h3 {
	color: #563C90;
}

.roomwrap.type_ex .maincont h3 {
	border-bottom: 1px solid #563C90;
}

.roomwrap.type_ex .maincont h3 span {
	color: #563C90;
}

.roomwrap.type_ex .maincont a.nmbtn {
	background: #563C90;
}

.roomwrap.type_tm .maincont h3 {
	color: #E56E00;
}

.roomwrap.type_tm .maincont h3 {
	border-bottom: 1px solid #E56E00;
}

.roomwrap.type_tm .maincont h3 span {
	color: #E56E00;
}

.roomwrap.type_tm .maincont a.nmbtn {
	background: #E56E00;
}

.roomwrap.type_n .maincont a.nmbtn {
	background: #279D6A;
}

/* 施設紹介 フロアマップ */
.floormap {
	margin-bottom: 50px;
}

.floormap ul.guide {
	overflow: hidden;
	margin-bottom: 10px;
}

.floormap ul.guide li {
	float: left;
	width: 25%;
	margin-bottom: 10px;
	line-height: 1;
	font-size: 14px;
}

.nagahoribashi .floormap ul.guide li {
	width: 33%;
}

.floormap ul.guide li span {
	display: inline-block;
	width: 50px;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.floormap ul.guide li.t01 {
	color: #0C55B9;
}

.floormap ul.guide li.t01 span {
	background: #D8E7EE;
}

.floormap ul.guide li.t02 {
	color: #42AC25;
}

.floormap ul.guide li.t02 span {
	background: #B2DDC8;
}

.floormap ul.guide li.t03 {
	color: #E86187;
}

.floormap ul.guide li.t03 span {
	background: #EAD3E2;
}

.floormap ul.guide li.t04 {
	color: #927A48;
}

.floormap ul.guide li.t04 span {
	background: #F6EDE1;
}

.floormap ul.guide li.t05 {
	color: #7C2DAA;
}

.floormap ul.guide li.t05 span {
	background: #DDDDED;
}

.floormap ul.guide li.t06 {
	color: #E42F4E;
}

.floormap ul.guide li.t06 span {
	background: #FFB2BE;
}

.floormap ul.guide li.t07 span {
	background: #C6ADD4;
}

.floormap ul.guide li.t08 span {
	background: #F7D4B2;
}


.floormap .flt {
	margin-top: 40px;
	font-size: 1.6em;
	margin-bottom: 10px;
}

.floormap .flt span.num {
	font-size: 1.2em;
}

.floormap .flt span.sub {
	font-size: 0.6em;
}



/* フロアポップアップ */
.flpopup {
	max-width: 700px;
	margin: 0 auto;
	display: none;
}

.flpopup h4 {
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.flpopup .mainph {
	margin-bottom: 10px;
	padding: 0 5px;
}

.flpopup ul.subph {
	overflow: hidden;
	margin-bottom: 20px;
}

.flpopup ul.subph li {
	float: left;
	width: 33.33%;
	padding: 0 5px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.flpopup a.btn {
	display: inline-block;
	line-height: 1;
	min-width: 200px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	border-radius: 16px;
	-webkit-border-radius: 16px;
}

.flpopup a.btn.bl {
	background: #0C55B9 !important;
}

.flpopup a.btn:hover {
	opacity: 0.7;
	text-decoration: none;
}


#room01.flpopup h4 {
	color: #0C55B9;
}

#room01.flpopup a.btn {
	background: #0C55B9;
}

#room02.flpopup h4 {
	color: #42AC25;
}

#room02.flpopup a.btn {
	background: #42AC25;
}

#room03.flpopup h4 {
	color: #E86187;
}

#room03.flpopup a.btn {
	background: #E86187;
}

#room04.flpopup h4 {
	color: #927A48;
}

#room04.flpopup a.btn {
	background: #927A48;
}

#room05.flpopup h4 {
	color: #7C2DAA;
}

#room05.flpopup a.btn {
	background: #7C2DAA;
}

#room06.flpopup h4 {
	color: #E42F4E;
}

#room06.flpopup a.btn {
	background: #E42F4E;
}

#room07.flpopup h4 {
	color: #563C90;
}

#room07.flpopup a.btn {
	background: #563C90;
	padding: 0 15px;
}

#room08.flpopup h4 {
	color: #E56E00;
}

#room08.flpopup a.btn {
	background: #E56E00;
	padding: 0 15px;
}


/* 施設紹介 SP */
@media screen and (max-width: 767px) {


	.container.room_low {
		padding: 10px 0 0 0;
	}

	.container.room_low .sidecont ul.facinav {
		font-size: 1.2rem;
	}

	.container.room_low .sidecont ul.facinav li a {
		padding: 10px;
	}

	.container.room_low .sidecont ul.facinav li a:hover {
		text-decoration: none;
	}

	.container.room_low .sidecont ul.facinav li a div {
		padding-left: 10px;
	}

	.container.room_low .sidecont ul.facinav li a p.name {
		font-size: 1.8rem;
	}

	.container.room_low .sidecont ul.facinav li a p.name span {
		font-size: 1.3rem;
	}

	.container.room_low .sidecont ul.facinav li a p.capa span {
		font-size: 1.3rem;
	}

	.container.room_low .sidecont ul.facinav li a p.capa {
		display: inline-block;
	}

	.container.room_low .sidecont ul.facinav li a p.att {
		font-size: 1.1rem;
		text-align: left;
		padding-right: 0;
		display: inline-block;
	}


	.container.room_low .sidecont .askbox {
		padding: 0 10px;
	}

	.container.room_low .sidecont .askbox a {
		font-size: 1.6rem;
	}


	.container.room_low .maincont .visttl {
		margin-bottom: 20px;
	}

	.container.room_low .maincont .visttl h2 {
		font-size: 2.0em;
		padding: 5px 0;
	}

	.container.room_low .maincont .visttl h2 span {
		font-size: 1.6rem;
	}

	.container.room_low .maincont .visttl .data {
		font-size: 1.0em;
		margin-bottom: 10%;
	}

	.container.room_low .maincont .visttl .lead {
		font-size: 1.0em;
	}

	.container.room_low .maincont .roomphoto {
		width: 100%;
		padding-top: 20px;
	}

	.container.room_low .maincont .roomphoto iframe {
		height: 200px;
	}

	.container.room_low .maincont h3 {
		font-size: 1.2em;
		padding: 5px;
	}

	.container.room_low .maincont h3 span {
		margin-left: 0;
		display: block;
	}

	.container.room_low .maincont ul.lst3col li,
	.container.room_low .maincont ul.lst4col li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px;
	}

	.container.room_low .maincont a.nmbtn {
		min-width: 0;
		padding: 0 15px;
		font-size: 1.2rem;
	}

	table.nmtbl {
		width: 100%;
	}

	table.nmtbl th,
	table.nmtbl td {
		font-size: 0.9em;
	}

	/*tableをスクロールさせる*/
	/*tableのセル内にある文字の折り返しを禁止*/
	table.nmtbl {
		overflow: auto;
		white-space: nowrap;
		display: block;
		width: auto;
	}

	table.nmtbl tbody {
		width: 100%;
		display: table;
	}

	/*tableにスクロールバーを追加*/
	table.nmtbl::-webkit-scrollbar {
		height: 5px;
	}

	/*tableにスクロールバーを追加*/
	table.nmtbl::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	/*tableにスクロールバーを追加*/
	table.nmtbl::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	/* 施設紹介 フロアマップ SP */

	.floormap {
		margin-bottom: 30px;
	}

	.floormap ul.guide li {
		width: 33.33%;
		margin-bottom: 5px;
		font-size: 11px;
	}

	.nagahoribashi .floormap ul.guide li {
		width: 50%;
	}

	.floormap ul.guide li span {
		width: 15px;
		margin-right: 5px;
	}

	.floormap .flt {
		margin-top: 20px;
		font-size: 1.2em;
	}

	.flpopup a.btn {
		display: block;
		max-width: 300px;
		margin: 0 auto 5px auto;
	}


}


/* 利用料金一覧 */
.roomwrap.type_n .maincont h2 {
	font-size: 2.2em;
	padding: 60px 0 20px 0;
	color: #000;
	margin-bottom: 10px;
}

.disnon {
	display: none;
}

ul.pricetab {
	overflow: hidden;
	margin-bottom: 30px;
	/* border: 1px solid #279D6A; */
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul.pricetab li {
	float: left;
	width: 20%;
	text-align: center;
	/* border-left: 1px solid #279D6A; */
	line-height: 1.2;
	color: #279D6A;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;

	transition: all .3s;
}

ul.pricetab li:first-child {
	border-left: none;
}


ul.pricetab li span {
	display: table-cell;
	width: inherit;
	height: 50px;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #279D6A;
}

ul.pricetab li:hover {
	background: #c8efde;
}

ul.pricetab li.selected {
	background: #279D6A;
	color: #fff;
}

.featherlight {
	padding: 30px 0;
}

.ptprice_l {
	float: left;
	width: 48%;
}

.ptprice_r {
	float: right;
	width: 48%;
}

.ptprice_l h4 {
	color: #7d7d67;
	font-size: 1.6em;
	margin-bottom: 20px;
}

.ptprice_l h4 span {
	font-size: 0.8em;
}

.ptprice_l .ph {
	margin-bottom: 10px;
}

.ptprice_l .att {
	font-size: 0.8em;
}

.ptprice_r .subt {
	color: #7d7d67;
}

.ptprice_r .subt span {
	font-size: 0.9em;
}

/* 追記 160827 */
.ctplan {
	background: #efecdf;
	padding: 15px;
}

.ctplan h4 {
	text-align: center;
	color: #7d7d67;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.ctplan .inner {
	padding: 15px;
	background: #fff;
	margin-bottom: 15px;
	color: #7d7d67;
}

.ctplan .inner ul {
	border-top: 1px dotted #7d7d67;
	margin-bottom: 15px;
}

.ctplan .inner ul li {
	font-size: 1.1em;
	border-bottom: 1px dotted #7d7d67;
	padding: 7px;
}

.ctplan .att {
	text-align: right;
	font-size: 0.8em;
	margin-bottom: 0;
}

.ctplan .inner h5 {
	font-size: 1.0em;
	margin-bottom: 10px;
}

li span.bent {
	color: #FF0000;
}

h5.bentoo {
	font-size: 1.2em;
	margin-bottom: 10px;
}

h5.bentoo:before {
	content: "●";
	color: #0E7548;
}

li.newben {
	position: relative;
}

li.newben:before {
	position: absolute;
	content: "NEW";
	display: block;
	color: #fff;
	background-color: #FF9900;
	font-size: 10px;
	padding: 0 5px;
	line-height: 15px;
}


/* 利用料金一覧 SP */
@media screen and (max-width: 767px) {
	.roomwrap.type_n .maincont h2 {
		font-size: 1.6em;
		padding: 10px 0;
	}

	ul.pricetab {
		margin-bottom: 15px;
	}

	ul.pricetab li {
		float: left;
		/* width: 50%; */
		font-size: 11px;
		/* border-bottom: 1px solid #279D6A; */
		border-left: none;
		width: 45%;
		margin: 0 2% 2% 2%;
	}

	ul.pricetab li:last-child {
		border-bottom: none;
	}

	ul.pricetab li span {
		height: 35px;
		width: 400px;
	}

}


/* アクセスマップ */
.mapbox {
	margin-bottom: 60px;
}

.mapbox .mapimg {
	text-align: center;
}

.mapbox .mapimg img {
	max-width: 560px;
	height: auto;
}

.mapbox .left {
	float: left;
}

.mapbox .left a {
	display: block;
	width: 250px;
	border: 1px solid #abaaaa;
	background-color: #fff;
	color: #2978b5;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	background-image: url(../img/googleicon.gif);
	background-repeat: no-repeat;
	background-position: 13px 50%;
	padding-left: 65px;
}

.mapbox .right {
	float: right;
}

.mapbox .right dt {
	float: left;
}

.mapbox .right dd {
	padding-left: 80px;
}

.mapbox .right .title {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 13px 0;
}

.mapbox .right .indent {
	text-indent: -1em;
	padding-left: 1.5em;
}

.mapbox .right a {
	display: block;
	width: 220px;
	border: 1px solid #abaaaa;
	background-color: #fff;
	color: #494949;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	background-image: url(../img/youtube.gif);
	background-repeat: no-repeat;
	background-position: 13px 50%;
	padding-left: 65px;
	margin-top: 15px;
}

.mapbox .mapkink {
	padding-bottom: 30px;
}

.mapbox .mapkink a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #abaaaa;
	padding: 10px 25px;
	margin-bottom: 10px;
}

.mapbox .mapkink .fa-file-pdf-o {
	font-size: 20px;
	color: #CC0000;
}

.mapbox .left a:hover,
.mapbox .right a:hover {
	border: 1px solid #000;
	color: #000;
}

.mapbox iframe {
	width: 100%;
	height: 400px;
	border: none;
}

.add_form {
	display: none;
}

/* アクセスマップ SP */
@media screen and (max-width: 767px) {
	.mapbox iframe {
		height: 300px;
	}

	.mapbox .mapimg img {
		max-width: 100%;
		height: auto;
	}

	.mapbox .left {
		float: none;
		padding-bottom: 20px;
	}

	.mapbox .left a {
		width: 280px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 60px;
		background-position: 13px 50%;
		padding-left: 60px;
	}

	.mapbox .right {
		float: none;
	}

	.mapbox .right dt {
		width: 60px;
	}

	.mapbox .right dd {
		padding-left: 70px;
	}

	.mapbox .right .title {
		font-size: 15px;
		font-weight: bold;
		margin: 5px 0 13px 0;
	}

	.mapbox .right .indent {
		text-indent: -1em;
		padding-left: 1.5em;
	}

	.mapbox .right a {
		display: block;
		width: 200px;
		border: 1px solid #abaaaa;
		color: #494949;
		font-size: 16px;
		font-weight: bold;
		line-height: 45px;
		background-position: 13px 50%;
		padding-left: 65px;
		margin-top: 15px;
	}

	.mapbox .mapkink {
		padding-top: 30px;
	}

	.mapbox .mapkink a {
		padding: 15px 10px;
	}

	.add_form {
		display: block;
	}

	.add_form p {
		text-indent: -1em;
		padding-left: 1em;
		line-height: 1.3;
		padding-top: 5px;
	}

	.add_form form {
		padding-top: 10px;
	}

}



/* 利用規約 */
h4.norm {
	font-size: 1.4em;
	margin-bottom: 20px;
	color: #279D6A;
	padding: 10px 0;
	border-bottom: 2px solid #279D6A;
	clear: both;
}

h4.norm span {
	font-size: 80%;
}

ul.bl li {
	list-style-type: disc;
	margin-left: 20px;
}

/* 利用規約 SP */
@media screen and (max-width: 767px) {

	h4.norm {
		font-size: 1.2em;
		margin-bottom: 10px;
		padding: 5px 0;
	}

}

/*FAQ*/
.faq dl {
	padding-bottom: 20px;
}

.faq dt {
	padding: 0 0 5px 1.5em;
	text-indent: -1.5em;
	font-weight: bold;
}

.faq dd {
	padding: 0 0 5px 1.5em;
	text-indent: -1.5em;
}

/* 伊丹 */
.opcamp {
	overflow: hidden;
	max-width: 1000px;
	margin: 0 auto 60px auto;
}

.opcamp .box {
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*インドアビュー*/
#indoorview.nsp {
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 55
}

#indoorview a {
	display: block;
	width: 292px;
	height: 135px;
	background-color: #fff;
	background-image: url(../img/indor_back.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-left: 30px;
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
}

#indoorview p {
	text-align: left;
}

#indoorview .intitle {
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
}

#indoorview .intxt {
	font-size: 13px;
	line-height: 1.3;
	padding-bottom: 10px;
}

#indoorview .inlogo {
	font-size: 12px;
	color: #000;
	vertical-align: middle;
}

#indoorview .inlogo img {
	margin-bottom: -7px;
}

#indoorview .close {
	position: absolute;
	top: -12px;
	left: -12px;
	z-index: 4;
}

#indoorview .open {
	position: absolute;
	top: -12px;
	left: -12px;
	z-index: 3;
}

@media screen and (max-width: 767px) {
	#indoorview.vsp {
		display: block;
		margin-bottom: 15px;
	}

	#indoorview a {
		width: 100%;
		height: auto;
		background-position: 120% top;
		padding-left: 10px;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

	#indoorview .intitle {
		font-size: 16px;
	}

	#indoorview .intxt {
		font-size: 12px;
		line-height: 1.3;
		padding-bottom: 10px;
	}

	#indoorview .inlogo img {
		width: 80px;
		margin-bottom: -3px;
	}

	#indoorview .inlogo {
		padding-bottom: 15px;
	}

	#indoorview .close,
	#indoorview .open {
		display: none;
	}
}

/*
190619追加
*/
.bgw {
	background-color: rgba(255, 255, 255, .9);
}

.p10 {
	padding: 10px;
}

.topimg {
	font-size: 0;
	text-align: center !important;
	margin-bottom: 30px !important;
}

.topimg img {
	width: 50%;
	display: inline-block;
}

.topimg h2 {
	font-size: 21px;
	background-color: #000;
	color: #fff;
	padding: 10px;
}

.bandttl {
	color: #353535;
	text-align: left;
	padding: 5px 10px;
	background-color: #ededed;
	font-size: 23px;
	border-left: 4px solid #0e7548;
	margin-bottom: 30px;
}

.topfloormap section {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 30px;
}

.topfloormap section>div {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	position: relative;
	padding-top: 30px;
	width: 50%;
}

.topfloormap section>div:before {
	content: '';
	display: block;
	width: 98%;
	height: 98%;
	border: 3px solid #f1f0ed;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.topfloormap section>div.none {
	opacity: 0;
}

.topfloormap section>div div {
	padding-top: 40px;
}

.topfloormap section>div p {
	font-size: 1.6em;
	vertical-align: top;
	position: absolute;
	top: 20px;
	left: 20px;
}

.topfloormap section>div p b {
	font-size: 1.2em;
	margin-left: 10px;
	font-weight: normal;
}

.topfloormap section>div a {
	position: absolute;
	right: 1.8%;
	bottom: 1.8%;
}

.topindoorview {
	position: relative;
	padding-bottom: 35%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 1000px;
	margin: 30px auto 100px;
}

.topindoorview iframe,
.topindoorview object,
.topindoorview embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.topiconlist div h3 {
	color: #353535;
	font-size: 23px;
	font-weight: normal;
}

.topiconlist div ul {
	margin-bottom: 30px;
	font-size: 0;
}

.topiconlist div ul:after {
	content: '';
	clear: both;
	display: block;
}

.topiconlist div ul li {
	display: inline-block;
	vertical-align: top;
	width: 106px;
	text-align: center;
	margin: 0 5px 10px 0;
}

.topiconlist div ul li:nth-of-type(9n) {
	margin: 0 0 11px 0;
}

.topiconlist div ul li img {
	margin-bottom: 5px;
}

.topiconlist div ul li p {
	font-size: 10px;
}

footer {
	background-color: #f4f4f4;
	padding-top: 50px;
	margin-top: 50px;
}

footer section {
	max-width: 1200px;
	margin: auto;
	text-align: left;
	padding: 0 0 50px;
}

footer section:after {
	content: '';
	clear: both;
	display: block;
}

footer section nav {
	display: inline-block;
}

footer section nav dl {
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
	line-height: 1.8;
}

footer section nav dl dt {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
}

footer section nav dl dd+dt {
	margin-top: 10px;
}

footer section div {
	float: right;
	width: 280px;
}

footer section div>a {
	display: block;
	margin-bottom: 10px;
}

footer section div p {
	background-color: #fff;
	padding: 10px;
	text-align: center;
}

footer section div p a img {
	width: auto;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

footer section div p a:last-of-type img {
	height: 50px;
}

.maincont-renewal img {
	max-width: none;
	width: 100%;
}

.container.ind .maincont-renewal .lineup .box .ph img {
	max-width: 70%;
	margin-bottom: 10px;
}

.nopc {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.topimg {
		margin-bottom: 3% !important;
	}

	.topimg h2 {
		font-size: 1.6rem;
	}

	.bandttl {
		font-size: 1.6rem;
		margin: 0 5px 3%;
	}

	.topfloormap section {
		display: block;
		margin-bottom: 3%;
	}

	.topfloormap section>div {
		display: block;
		width: 100%;
		padding: 5%;
		padding-top: 30px;
	}

	.topfloormap section>div.none {
		display: none;
	}

	.topfloormap section>div div {
		padding-top: 20px;
	}

	.topfloormap section>div p {
		font-size: 1.6rem;
	}

	.topfloormap section>div p b {
		font-size: 1.6rem;
		margin-left: 10px;
		font-weight: normal;
	}

	.topindoorview {
		margin: 3% auto 10%;
	}

	.topiconlist div h3 {
		font-size: 1.6rem;
	}

	.topiconlist div ul {
		margin-bottom: 5%;
	}

	.topiconlist div ul li {
		float: left;
		width: 32.5%;
		text-align: center;
		margin: 0 1% 5% 0;
	}

	.topiconlist div ul li:nth-of-type(10n) {
		margin: 0 1% 5% 0;
	}

	.topiconlist div ul li:nth-of-type(3n) {
		margin: 0 0 5% 0;
	}

	.topiconlist div ul li img {
		margin-bottom: 5px;
	}

	.topiconlist div ul li p {
		font-size: 10px;
	}

	footer {
		padding-top: 0;
	}

	footer section {
		padding: 0 3% 5%;
	}

	footer section nav {
		display: block;
	}

	footer section nav dl {
		display: block;
		margin-right: 0;
		margin-bottom: 3%;
	}

	footer section nav dl dt {
		font-weight: bold;
		margin-bottom: 5px;
		font-size: 14px;
		background-color: #c6c6c6;
		position: relative;
		padding: 5px 10px;
	}

	footer section nav dl dt:after {
		content: '';
		width: 12%;
		height: 100%;
		background-color: #999;
		position: absolute;
		top: 0;
		right: 0;
	}

	footer section nav dl dt:before {
		content: '';
		width: 8px;
		height: 8px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5%;
		margin: auto;
		z-index: 2;
	}

	footer section nav dl dt.active:before {
		transform: rotate(-135deg);
	}

	footer section nav dl dt a {
		display: block;
	}

	footer section nav dl dd {
		display: none;
	}

	footer section nav dl dd a {
		display: block;
		padding: 5px 10px;
	}

	footer section div {
		float: none;
		width: 100%;
	}

	footer section div>a {
		margin-bottom: 3%;
	}

	footer section div p {
		background-color: #fff;
		padding: 3%;
		text-align: center;
	}

	footer section div p a img {
		width: auto;
		height: 10vw;
		display: inline-block;
		vertical-align: middle;
		margin: 0 1%;
	}

	footer section div p a:last-of-type img {
		height: 15vw;
	}

	.maincont-renewal {
		padding: 0 5px;
	}

	.nopc {
		display: inline-block !important;
	}

	.nosp {
		display: none !important;
	}
}

/* 200303弁当単独ページ */
#bento img {
	border: 1px solid #e8e6e9;
}

.ba_shinwagroup img {
	float: right;
	width: 70%;
}

@media screen and (max-width: 767px) {
	.ba_shinwagroup img {
		float: none;
		width: 100%;
	}
}

/* 200402心斎橋プランページ */
.s_plan {
	font-size: 2.2em;
	padding: 60px 0 20px 0;
	color: #000;
	margin-bottom: 10px;
}

.container02.room_low {
	margin-top: 30px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0 5% 0;
}

.container02 {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.container02 h4 {
	color: #0e7548;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 18px;
}

.plan_point {
	font-weight: normal;
	color: #000 !important;
}

.plan_mail {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.ba_shinwagroup img {
		float: none;
		width: 100%;
	}

	.plan_point {
		font-size: 0.8em;
		font-weight: bolder;
	}
}

.cr_newsbox_s {
	max-width: 100%;
	margin: 15px auto !important;
	padding: 20px !important;
	border: 1px solid #333 !important;
	text-align: left;
}

.cr_newsbox_s>span {
	color: red;
}

/* =============================
200427_TOPnewコンテンツ
============================= */
.new_contents h3 {
	background: #0e7548;
	color: #fff;
	font-size: 1.8rem;
	padding: 10px 15px;
	line-height: 1;
	margin-bottom: 0;
}

.new_contents .sub_txt {
	margin: 25px auto 40px;
}

.new_contents {
	margin: 0 auto 60px;
}

.tokucyou {
	max-width: 980px;
	margin: auto;
	letter-spacing: -.5em;
	margin-bottom: 60px;
}

.tokucyou li {
	display: inline-block;
	vertical-align: top;
	width: 245px;
	text-align: center;
	color: #fff;
	letter-spacing: 0;
}

.tokucyou li h4 {
	color: #fff;
	font-size: 1.8rem;
	padding: 10px 0;
	line-height: 1;
	margin-bottom: 1em;
	position: relative;
	display: inline-block;
}

h4:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -5px;
	/*線の上下位置*/
	display: inline-block;
	width: 58px;
	/*線の長さ*/
	height: 1.5px;
	/*線の太さ*/
	transform: translateX(-50%);
	/*位置調整*/
	background-color: #fff;
	/*線の色*/
	border-radius: 2px;
	/*線の丸み*/
}

.ex_back01 {
	background-image: url(/images/ex_back01.png);
	background-size: cover;
	background-position: center;
	height: 245px;
	padding: 3%;
}

.ex_back02 {
	background-image: url(/images/ex_back02.png);
	background-size: cover;
	background-position: center;
	height: 245px;
	padding: 4% 2%;
}

.ex_back03 {
	background-image: url(/images/ex_back03.png);
	background-size: cover;
	background-position: center;
	height: 245px;
	padding: 3%;
}

.ex_back04 {
	background-image: url(/images/ex_back04.png);
	background-size: cover;
	background-position: center;
	height: 245px;
	padding: 3%;
}

.katsuyou {
	letter-spacing: -.5em;
}

.katsuyou li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	margin-right: 16px;
	margin-bottom: 20px;
}

.katsuyou li:nth-of-type(3n) {
	margin-right: 0;
}

.katsuyou li .j_box {
	width: 316px;
	height: 320px;
	position: relative;
	border: 2px solid #009b74;
	padding: 4%;
}

.j_box:before {
	height: 0;
	display: block;
	position: absolute;
	right: -3px;
	content: "";
	border-top: solid 50px #fff;
	border-left: solid 50px transparent;
	top: -3px;
	z-index: 2;
}

.j_box:after {
	height: 0;
	display: block;
	position: absolute;
	right: -2px;
	content: "";
	border-top: solid 50px #009b74;
	border-left: solid 50px transparent;
	top: -2px;
}

.j_box h4 {
	color: #009b74;
	font-size: 17px;
	font-weight: bold;
}

.j_box p {
	margin-top: 15px;
}

.new_contents .sub_title {
	font-size: 18px;
	font-weight: bold;
	margin: 60px auto;
	text-align: center;
	color: #009b74;
	background: none;
	line-height: normal;
}

.new_contents .sub_title p {
	color: #FF0000;
	font-size: 25px;
	font-weight: bold;
	margin: 5px auto 15px;
}

.support {
	display: flex;
	max-width: 980px;
	margin: 0 auto;
	justify-content: space-between;
}

.support li {
	position: relative;
	display: inline-block;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	background: #998675;
	font-size: 18px;
}

.support li span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 230px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
}

.total_support {
	letter-spacing: -.5em;
}

.total_support li {
	width: 230px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	letter-spacing: 0;
}

.total_support li:nth-of-type(4) {
	margin-right: 0;
}

.total_support li h4 {
	color: #009b74;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
	padding-left: 50px;
}

.total_support li h4 span {
	display: block;
	position: absolute;
	width: 40px;
	left: 0;
	bottom: 0;
}

.total_support li h4 span:nth-of-type(4) {
	display: block;
	position: absolute;
	width: 50px;
}

.total_support div {
	border: 1px solid;
	padding: 30px 0px 30px 41px;
}

.total_support div p {
	font-size: 15px;
}

.total_support .min_txt {
	margin-top: 20px;
	font-size: 15px;
}



/* =============================
200730_コロナ
============================= */

.txt_r {
	text-align: right;
}

.news_200610 {
	margin: 20px 0;
	display: flex;
}

.news_200610>li {
	width: 33%;
	display: inline-block;
	vertical-align: top;
}

.t_txt {
	padding: 2%;
	line-height: 1.8;
}

h4.step02,
h3.step02 {
	background: #F7F7F2;
	font-size: 1.4em;
	margin-bottom: 20px;
	color: #009b74;
	padding: 10px 20px;
	border-bottom: 2px solid #009b74;
	font-weight: bold;
	margin-top: 3%;
}

.ba_hov a:hover {
	opacity: 0.7;
}

.ba_hov {
	width: 760px;
	margin: 0 auto 50px;
}

@media screen and (max-width: 767px) {
	.news_200610>li {
		width: 100%;
		margin-bottom: 2%;
	}

	.ba_hov {
		width: 96%;
		margin: 0 auto 3%;
	}

	.sp_bm30 {
		margin-bottom: 30px;
	}
}

/* 200928_サーモグラフィページ */
.thermo_img {
	max-width: 980px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.thermo_img li {
	width: 485px;
}

.thermo_check {
	margin: auto;
	max-width: 490px;
	padding-top: 30px;
}

.thermo_check img {
	width: 20px;
	margin-right: 10px;
}

.thermo_check li {
	font-weight: bold;
}

.thermo {
	margin: 50px auto 0px;
}

.thermo li .j_box {
	height: 335px;
}

.clearfix .logo img {
	max-width: 100%;
	width: auto;
	height: auto;
}

@media screen and (max-width: 767px) {
	.thermo_img {
		width: 100%;
		display: contents;
		margin-bottom: 20px;
	}

	.thermo_img li {
		width: 95%;
		margin: auto;
		margin-bottom: 2%;
	}

	.thermo_check li {
		font-weight: bold;
		padding-left: 1.7em;
		text-indent: -1.5em;
		display: block;
		font-size: 15px;
		line-height: 1.8;
	}

	.thermo_check img {
		margin-right: 0;
	}

	.thermo_check {
		width: 95%;
	}
}

/* 201002コロナ注釈 */
.covid19 {
	margin: 0 auto 20px;
}

.covid19 p {
	text-align: center;
	font-weight: bold;
	color: red;
	font-size: 16px;
}

.top_ba_area {
	margin: 60px auto 0;
}

@media screen and (max-width: 767px) {
	.covid19 {
		margin: auto;
		width: 95%;
	}

	.covid19 p {
		text-align: left;
		font-weight: bold;
		color: red;
		font-size: 13px;
		margin: 20px;
		line-height: 160%;
	}

	.top_ba_area {
		margin: 10% auto 0;
	}
}

/* 20101023追加 */
.fax_pdf span:before {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(/images/icon_pdf.png) no-repeat;
	position: relative;
	left: 5px;
}

footer a {
	text-decoration: underline;
}

/* 20101023アクセス追加 */
.ftopaccess a.appbtn02 {
	position: absolute;
	right: 637px;
	bottom: 10px;
	width: 35%;
	text-align: center;
	font-size: 1.5rem;
}

a.appbtn02 {
	display: inline-block;
	border: 1px solid #F44336;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	transition: all .3s;
	/* background: #e16900; */
	/* background: -webkit-linear-gradient(top, #e16900 0%,#ff8a00 100%); */
	background: linear-gradient(to bottom, #F44336 0%, #F44336 100%);
}

@media screen and (max-width: 767px) {
	.ftopaccess a.appbtn02 {
		position: static;
		display: block;
		right: auto;
		bottom: auto;
		top: auto;
		left: auto;
		width: 80%;
		font-size: 1.2rem;
		margin: 0 auto 10px auto;
	}

	.ftopaccess a.appbtn02 {
		width: 80%;
		text-align: center;
		font-size: 1.3rem;
	}

	a.appbtn02 {
		display: inline-block;
		border: 1px solid #F44336;
		border-radius: 2px;
		color: #fff;
		font-weight: bold;
		padding: 10px 0;
		transition: all .3s;
		background: #e16900;
		background: -webkit-linear-gradient(top, #e16900 0%, #ff8a00 100%);
		background: linear-gradient(to bottom, #F44336 0%, #F44336 100%);
	}
}

.ftopaccess a.appbtn03 {
	position: absolute;
	left: 20px;
	top: 416px;
	right: auto;
	bottom: auto;
	width: 35%;
	text-align: center;
	font-size: 1.5rem;
}

a.appbtn03 {
	display: inline-block;
	border: 1px solid #F44336;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	transition: all .3s;
	background: #e16900;
	background: -webkit-linear-gradient(top, #e16900 0%, #ff8a00 100%);
	background: linear-gradient(to bottom, #F44336 0%, #F44336 100%);
}

@media screen and (max-width: 767px) {
	.ftopaccess a.appbtn03 {
		position: static;
		display: block;
		right: auto;
		bottom: auto;
		top: auto;
		left: auto;
		width: 80%;
		font-size: 1.4rem;
		margin: 0 auto 10px auto;
	}

	a.appbtn03 {
		display: inline-block;
		border: 1px solid #F44336;
		border-radius: 2px;
		color: #fff;
		font-weight: bold;
		padding: 10px 0;
		transition: all .3s;
		background: #e16900;
		background: -webkit-linear-gradient(top, #e16900 0%, #ff8a00 100%);
		background: linear-gradient(to bottom, #F44336 0%, #F44336 100%);
	}
}

/* 201027 add */
.campaign_box {
	background-color: red;
	color: #fff;
	padding: 10px 19px;
	font-weight: bold;
	margin-bottom: 20px;
	border-radius: 4px;
	font-size: 1.6rem;
}

.campaign_box.link {
	padding: 0;
	background-color: inherit;
}

.campaign_box .big_font {
	font-size: 1.3em;
	margin-left: 10px;
}

.campaign_box a {
	display: block;
	color: #fff;
	padding: 10px 19px;
	transition: 0.3s;
	background-color: red;
	border-radius: 4px;
}

.campaign_box a:hover {
	opacity: 0.8;
}

.bold {
	font-weight: bold;
}

.otoku_topic {
	color: #fff;
	background-color: red;
	padding: 10px;
	position: relative;
	display: inline-block;
	border-radius: 4px;
	font-weight: bold;
}

.otoku_topic::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-60%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: red transparent transparent transparent;
}

@media screen and (max-width: 450px) {
	.campaign_box {
		font-size: 1.4rem;
	}

	.campaign_box .big_font {
		font-size: 1.2em;
	}

	.otoku_topic {
		padding: 7px;
		font-size: 0.9em;
	}
}

.drawer-menu .step1 a {
	color: #009b73 !important;
}

/* 201102ソーシャルディスタンス追加 */
.social_distance {
	justify-content: space-evenly;
	display: flex;
	margin: 50px auto;
}

.social_distance div {
	display: inline-block;
	position: relative;
	width: 40%;
}

.social_distance div img {
	width: 100%;
	position: relative;
}

.social_distance div:first-child::before {
	content: "通常";
	position: absolute;
	top: -15px;
	left: -20px;
	background-color: #f4ad5c;
	z-index: 10;
	width: 70px;
	height: 70px;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	padding: 22px 0;
	box-sizing: border-box;
	font-size: 15px;
}

.social_distance div:first-child::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 32px 30px;
	border-color: transparent transparent transparent #f4ad5c;
	position: absolute;
	bottom: 43%;
	right: -13%;
}

.social_distance div:nth-of-type(2)::before {
	content: "対策仕様";
	position: absolute;
	top: -15px;
	left: -20px;
	background-color: #f4ad5c;
	z-index: 10;
	width: 70px;
	height: 70px;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	padding: 18px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1.2em;
}

@media screen and (max-width: 767px) {
	.social_distance {
		justify-content: space-evenly;
		display: block;
		width: 90%;
		margin: 30px auto 0;
	}

	.social_distance div {
		margin-bottom: 40px;
		width: 100%;
	}

	.social_distance div:first-child::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 18px 20px 0 20px;
		border-color: #f4ad5c transparent transparent transparent;
		position: absolute;
		bottom: -30px;
		right: 45%;
	}
}

/* 20201113_試験会場ページ */
.topics_list {
	padding: 10px;
}

.topics_list span {
	font-size: 16px;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.topics_list a {
	display: block;
	text-align: center;
	width: 78%;
	margin: 8px auto 10px;
	font-size: 16px;
	text-decoration: underline;
}

.topics_list a span i {
	margin-right: 5px;
}

.kaijou {
	margin-bottom: 0;
}

/* 201118追加 */
#roombtn section .ba_list {
	width: 1015px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 30px;
	justify-content: space-between;
}

#roombtn section .ba_list li {
	padding: 0;
	border: none;
	width: 48%;
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	#roombtn section .ba_list {
		width: 100%;
		display: revert;
	}

	#roombtn section .ba_list li {
		padding: 0;
		border: none;
		width: 90%;
		margin-bottom: 15px;
	}
}

#changeArea section .ba_list {
	width: 1015px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 30px;
	justify-content: space-between;
}

#changeArea section .ba_list li {
	padding: 0;
	border: none;
	width: 48%;
	margin: 0 auto 15px;
}

@media screen and (max-width: 767px) {
	#changeArea section .ba_list {
		width: 100%;
		display: revert;
	}

	#changeArea section .ba_list li {
		padding: 0;
		border: none;
		width: 90%;
		margin: 0 auto 15px;
	}
}

/* 201126追加 */
.theater {
	position: relative;
}

.theater span {
	position: absolute;
	color: red;
	top: 35%;
	left: 28%;
	width: 45%;
	font-weight: bold;
	border: 1px solid;
	padding: 3px;
}

@media screen and (max-width: 767px) {
	.theater {
		position: relative;
	}

	.theater span {
		position: absolute;
		color: red;
		top: 28%;
		left: 25%;
		width: 52%;
		font-weight: bold;
		border: 1px solid;
		padding: 3px;
	}
}

/* 210108 add */
div.MV_new {
	width: 80%;
	margin: 0 auto;
	max-width: 1400px;
}

div.MV_new img {
	width: 100% !important;
}

.add_210108 {
	width: 100% !important;
}

div.MV_new.shinsaibashi {
	margin: 35px auto;
}

@media screen and (max-width: 767px) {
	div.MV_new.shinsaibashi {
		width: 90%;
	}
}


/* 210114　お客様のお声　追加 */


.voice_block {
	border-bottom: 2px dotted #604C3F;
	width: 90% !important;
	margin: 0px auto 40px;
}

.voice_block p {
	margin-bottom: 25px;
}

.voice_block p a {
	background: #ace0d2;
	padding: 3px 20px;
	color: #494949;
	border-radius: 15px;
	display: inline-block;
}

.voice_block p a:hover {
	opacity: 0.7;
}

.icon-wrap {
	margin-bottom: 15px;
}

.icon-wrap img {
	max-width: 100%;
	width: 80px;
	border: 2px solid #ccc;
	padding: 5px;
	margin-right: 10px;
}

.room_title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px !important;
}

.voice_price {
	width: 73% !important;
	float: right;
}

.voice_step {
	margin-bottom: 60px !important;
}

.voice_linkbtn {
	display: flex;
	width: 90%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto 30px;
}

.voice_linkbtn li {
	width: 48%;
	margin-bottom: 15px;
}

.voice_linkbtn li a {
	padding: 10px 20px;
	background: #F7F7F2;
	border: 2px solid #89C311;
	font-size: 1.1em;
	color: #5e870b;
	display: block;
}

.voice_linkbtn li a:hover {
	background: #89C311;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.voice_linkbtn li {
		width: 100%;
		margin-bottom: 10px;
	}
}

/* 404エラーページ作成 */
.error {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 30px;
	background-color: rgba(255, 255, 255, 0.8);
}

.error h3 {
	color: #0e7548;
	font-size: 59px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

.error h3 span {
	display: block;
	color: #494949;
	font-size: 26px;
}

.error p {
	font-size: 17px;
	text-align: center;
}

.error a {
	display: block;
	margin: 30px auto 28px;
	text-align: center;
	width: 25%;
	background: #f4ad5c;
	color: #fff;
	padding: 11px;
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	.error h3 {
		font-size: 10vw;
	}

	.error h3 span {
		font-size: 6vw;
	}

	.error p {
		font-size: 3.5vw;
	}

	.error a {
		width: 90%;
	}
}

/* =====================================
SEO対策対応
===================================== */
#roombtn h2 {
	text-align: left;
	width: 1000px;
	margin: auto;
	color: #0e7548;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	#roombtn h2 {
		font-size: 1.6rem;
		margin-bottom: 10px;
		width: 95%;
	}

	.total_support li h4 span {
		left: 30%;
	}

	#header .sp_texheader {
		display: flex;
		flex-flow: row wrap;
	}

	#header .sp_texheader div {
		order: 3;
	}

	#header .sp_texheader h1 {
		order: 2;
	}

	#header .sp_texheader p {
		order: 1;
		font-size: 0.9rem;
		line-height: 1.2;
		padding-top: 0;
		padding-bottom: 5px;
		text-align: left;
		width: 100%;
	}
}

.side_contact {
	margin-bottom: 8px;
	display: block;
	width: 100%;
}

/* 固定バナー設置 */
.rfix-ba {
	padding: 20px 0 30px;
	z-index: 100;
	position: fixed;
	right: 17px;
	bottom: 0px;
	display: none;
	opacity: 1;
}

.rfix_box {
	position: relative;
	width: 221px;
	height: 144px;
	border: 4px solid #009b74;
	border-radius: 20px;
	background: #fff;
}

.rfix_box .rfix-ba-close {
	position: absolute;
	top: -21px;
	right: -17px;
	background: #009b74;
	border: 1px solid #009b74;
	z-index: 100;
	padding: 1px 8px 8px;
	border-radius: 30px;
}

.rfix_box .rfix-ba-close a {
	display: block;
	width: 15px;
}

.rfix_box .rfix-ba-list {
	text-align: center;
	position: absolute;
	top: 10px;
	left: 10px;
	list-style: none;
}

.rfix_box .rfix-ba-list li {
	margin-bottom: 7px;
	text-align: center;
}

.rfix_box .rfix-ba-list .rfix01 {
	background-color: #fff;
	color: #333333;
	border: 2px solid #666666;
	border-radius: 6px;
	font-weight: bold;
	font-size: 16px;
	display: block;
	height: 55px;
	line-height: 1.45;
	position: relative;
	width: 193px;
	text-decoration: none;
	text-align: right;
}

.rfix_box .rfix-ba-list .rfix01 img {
	position: absolute;
	top: 13px;
	left: 12px;
	width: 23px;
}

.rfix_box .rfix-ba-list .rfix01 span span {
	font-size: 9px;
	display: block;
	color: #727171;
	line-height: 0px;
}

.rfix_box .rfix-ba-list .rfix02 a,
.rfix_box .rfix-ba-list .rfix03 a {
	background-color: #009b74;
	border-radius: 6px;
	color: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	font-weight: bold;
	font-size: 15px;
	display: block;
	height: 55px;
	line-height: 1.45;
	position: relative;
	width: 193px;
	text-decoration: none;
	text-align: right;
}

.rfix01 span {
	margin-right: 20px;
	display: block;
	line-height: 19px;
	margin-top: 9px;
}

.rfix03 a span {
	vertical-align: middle;
	line-height: 54px;
	/*margin-right: 56px;*/
	margin-right: 25px;
}

.rfix01 span span,
.rfix02 a span span,
.rfix03 a span span {
	font-size: 15px;
	margin-right: 0;
}

.rfix02 a span {
	vertical-align: middle;
	line-height: 54px;
	margin-right: 25px;
}

.rfix_box .rfix-ba-list li a img {
	position: absolute;
	/*top: 17px;
	left: 45px;*/
	top: 15px;
	left: 10px;
}

#btn_tel {
	margin: 0;
	position: fixed;
	right: 90px;
	top: 25px;
	z-index: 11;
	background: linear-gradient(#ff6500, #f4ad5c);
	border-radius: 8px;
}

#btn_tel a {
	display: block;
	padding: 5px 4px;
}

#btn_tel a img {
	width: 18px;
	margin-bottom: 3px;
}

#btn_tel a span {
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 10px;
}

@media only screen and (min-width: 768px) {
	#btn_tel {
		display: none;
	}
}

/* 210701_十三無人化 */
.Equipment_list {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: unset;
	margin: 0 auto 20px;
}

.Equipment_list li {
	width: 15%;
	margin-right: 14px;
}

.Equipment_list li:nth-child(6) {
	margin-right: 0;
}

.Equipment_list li:nth-child(12) {
	margin-right: 0;
}

.Equipment_list li p {
	text-align: center;
}

.Equipment_list::after {
	display: block;
	content: "";
	width: 66%;
}

.juso_step {
	margin: 50px auto 80px;
}

@media screen and (max-width: 767px) {
	.Equipment_list li {
		width: 23%;
		margin-right: 2%;
	}

	.Equipment_list li:nth-child(6) {
		margin-right: 2%;
	}

	.Equipment_list li:nth-child(4) {
		margin-right: 0;
	}

	.facility_price {
		white-space: normal !important;
	}

	table.facility_price th,
	table.facility_price td {
		padding: 7px 3px !important;
	}

	.mv_btn {
		padding: 10px !important;
	}

	.applist {
		width: 90%;
		margin: auto;
	}

	.conventionroom_btn {
		width: 90% !important;
	}

	.main_imges {
		width: 100%;
		margin: auto;
	}

	.conventionroom_img {
		width: 80%;
		margin: 0 auto 5%;
	}

	.conventionroom_img li {
		margin: 0 auto 5% !important;
		width: 90% !important;
	}

	.juso_step {
		margin: 50px auto;
		width: 90%;
	}
}

.mv_btn {
	display: block;
	background-color: #f39800;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	position: relative;
}

.mv_btn:after {
	position: absolute;
	right: 12px;
	top: 49%;
	content: "\025b6";
	font-size: 12px;
	margin-top: -7px;
}

/* .juso_only {
	border: 4px solid #f39800;
} */
#middle .bihin_title {
	background: #ECF7E8;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}

#small .bihin_title {
	background: #FBECF0;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}

#minimum .bihin_title {
	background: #F6F0E5;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
}

.conventionroom_btn {
	border: 1px solid #e88011;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	background: linear-gradient(to bottom, #e16900 0%, #ff8a00 100%);
	display: block;
	width: 80%;
	margin: auto;
	text-align: center;
	padding: 10px;
}

.conventionroom_btn:hover {
	color: #fff;
	opacity: 0.7;
}

.conventionroom_img {
	justify-content: center;
	width: 80%;
	margin: auto;
}

.conventionroom_img li:first-child {
	width: 610px;
	margin-right: 10px;
}

.conventionroom_img li:last-child {
	width: 300px;
}

/* 211115_追加 */
.sp_step1 {
	background-color: #ccc;
	padding: 10px 15px 15px !important;
	width: 100%;
}

.sp_step2 {
	background-color: #ccc;
	border-top: 1px dotted #efefef;
	padding: 10px 15px 15px !important;
	width: 100%;
}

.sp_step1 a,
.sp_step2 a {
	margin: auto;
	border-top: none;
	background: #f39800;
	position: relative;
	text-align: center;
}

.sp_step1 a {
	background: #009b74;
}

.sp_step2 a {
	background: #f17b00;
}

.sp_step1 .inner,
.sp_step2 .inner {
	color: #fff;
	padding-left: 30px !important;
	/* text-align: left; */
	text-align: center;
}

.sp_step1 span,
.sp_step2 span {
	color: #000;
	margin-bottom: 2px;
	display: inline-block;
	text-align: left;
	display: block;
	font-weight: bold;
}

.sp_step1 a::before {
	content: '';
	padding: 5%;
	margin-right: 10px;
	background: url(/images/rfix03_icon.png) no-repeat center/contain;
}

.sp_step2 a::before {
	content: '';
	padding: 5%;
	margin-right: 10px;
	background: url(/images/rfix02_icon.png) no-repeat center/contain;
}

.sp_step1 .caption li a {
	color: #fff;
	padding-left: 30px !important;
	text-align: left;
}

.sp_step2 .caption li a {
	color: #fff;
	padding-left: 30px !important;
	text-align: left;
}

.nuro {
	margin: 30px auto 20px;
	letter-spacing: normal;
}

.nuro span {
	font-weight: bold;
	font-size: 19px;
	color: #f44336;
}

@media screen and (max-width: 767px) {
	.nuro {
		width: 90%;
		text-align: left;
	}

	.nuro span {
		text-align: center;
		display: block;
	}
}

.mincho {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W6", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", serif !important;
}

/* 20220516 */
.waterbn {
	margin-bottom: 30px;
}

.thermo li .u_box {
	/* height: 417px; */
	height: auto;
}

.usecaseblock {
	background: #ace0d2;
	padding: 3px 20px;
	color: #494949;
	border-radius: 15px;
	display: inline-block;
}

/* TOPICS追加 */
/* 210610 */
.news_topic {
	width: 100%;
	background: #fff;
	padding: 50px 0 0;
	margin-bottom: 10%;
	opacity: 0;
	max-width: 1000px;
	margin: auto;
}

.news_topic.slick-slider {
	opacity: 1;
}

.news_topic li {
	margin: 0 0.5% 40px 0.5%;
	text-align: center;
	transition: 0.3s;
	height: 100% !important;
}

.news_topic li:hover {
	transform: scale(0.97);
}

.news_topic li a {
	display: block;
	padding-bottom: 20px;
	height: 100%;
}

.news_topic figure {
	padding-bottom: 15px;
	width: 100%;
	margin: auto;
}

.news_topic figure img {
	max-width: 100%;
	margin: auto;
}

.news_topic h4 {
	font-size: 1.15em;
	font-weight: bold;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
	line-height: 150%;
	color: #009b74;
}

.slick-dots li.slick-active button {
	background: none;
}

.news_topic .slick-dots {
	bottom: 17px;
}

.news_topic .slick-prev:before,
.news_topic .slick-next:before {
	color: #009b74;
	font-size: 30px;
}

.news_topic .slick-prev {
	left: -30px;
}

.news_topic .slick-next {
	right: -20px;
}

.top_price {
	display: block;
	text-align: center;
	color: #f44336;
	margin-top: 10px;
	font-size: 17px;
}

/* 220720 */
.kaizyo_box {
	overflow: hidden;
	margin-bottom: 50px;
}

.topfloormap .topindoorview {
	padding-bottom: 71%;
	padding-top: 0;
	margin: auto;
}

.shosai_box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	padding: 25px 25px 0 25px;
	border: 3px solid #abaaaa;
	background-color: #fff;
}

.shosai_box li {
	margin-bottom: 25px;
	margin-right: 25px;
}

.shosai_box li span {
	padding: 5px;
	line-height: 100%;
	color: #0E7548;
	font-weight: bold;
}

.topfloormap.picture_box section>div div {
	padding-top: 0;
}

/* 221221 */
.esaka_access {
	margin: 20px 0 30px;
}

.esaka_access ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.esaka_access ul li {
	width: 222.3px;
	position: relative;
	margin-bottom: 15px;
}

.esaka_access ul li::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 14px;
	border-color: transparent transparent transparent #0e7548;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -18px;
	margin: auto;
	transition: .3s;
	z-index: 10;
}

.esaka_access ul li p {
	margin-bottom: 0;
	margin-top: 5px;
}

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

	.esaka_access ul li:nth-child(3n)::after,
	.esaka_access ul li:last-child::after {
		display: none;
	}

	.esaka_access.shinsaibashi ul {
		justify-content: flex-start;
	}

	.esaka_access.shinsaibashi ul li {
		margin-right: 20px;
	}

	.esaka_access.shinsaibashi ul li:nth-child(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.esaka_access ul li {
		width: 100%;
		margin-bottom: 45px;
	}

	.esaka_access ul li::after {
		border-width: 13px 0 13px 18px;
		top: auto;
		bottom: -34px;
		right: auto;
		left: 50%;
		transform: rotate(90deg);
	}

	.esaka_access ul li:last-of-type::after {
		display: none;
	}

	a.anchor {
		display: block;
		padding-top: 70px;
		margin-top: -70px;
	}
}

/* 230306 */
.fax_pdf.xlsx span:before {
	background: url(/images/icon_xlsx.png) no-repeat;
	background-size: cover;
	width: 15px;
	height: 15px;
	top: 2px;
}

a.appbtn.xlsx {
	border: 1px solid #2f7c57;
	background: #35855e;
	background: -webkit-linear-gradient(top, #35855e 0%, #48946f 100%);
	background: linear-gradient(to bottom, #35855e 0%, #48946f 100%);
	margin-right: 15px;
	padding: 10px 20px;
}

@media screen and (max-width: 767px) {
	.sp_noen {
		display: none !important;
	}
}

/* 230414 */
.campaign_contents {
	margin: 180px auto 50px;
}

.campaign_contents-p {
	margin: 26px auto 30px;
}

.campaign_contents.price,
.campaign_contents-p.price {
	margin: 50px auto;
}

.convention-bnr h4,
.campaign_contents h4,
.campaign_contents-p h4 {
	color: #279D6A;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
	padding-left: 15px;
}

.convention-bnr h4::before,
.campaign_contents h4::before,
.campaign_contents-p h4::before {
	content: "";
	background-color: #279D6A;
	width: 5px;
	height: 100vw;
	max-height: 27px;
	position: absolute;
	top: 0;
	left: 0;
}

.campaign_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.campaign_list li {
	width: 48%;
	margin-bottom: 20px;
}

.campaign_list li img {
	width: 100%;
}

table.nmtbl tbody tr.first th,
table.nmtbl tbody tr.first td {
	color: red;
	/* font-weight: bold; */
}

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

	.campaign_contents,
	.campaign_contents-p {
		margin: 10% auto;
	}

	.campaign_contents .nopc {
		display: block !important;
	}

	.campaign_contents .nopc a,
	.campaign_link {
		display: block;
		width: 90%;
		padding: 5% 10% 5% 7%;
		color: #fff;
		background: #f9931f;
		border-radius: 5px;
		border: 4px double #fff;
		margin: auto;
		position: relative;
		font-size: 4.0vw;
		font-weight: bold;
	}

	.campaign_contents .nopc a::after,
	.campaign_link::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3vw 2vw 0 2vw;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		top: 50%;
		right: 8%;
		transform: translateY(-50%);
	}

	.campaign_contents h4,
	.campaign_contents-p h4 {
		font-size: 3.9vw;
	}

	.campaign_list li {
		width: 100%;
	}
}

/*追加230516*/
.merit {
	text-align: center;
	font-weight: 700;
}

.page_nav1 {
	box-sizing: content-box;
	max-width: 1200px;
	margin: 0 auto;
	padding-right: 8%;
	padding-left: 8%;
	margin-top: 40px;
	padding-bottom: 60px;
}

.page_nav--list {
	display: flex;
}

.page_nav--list_item {
	width: 20%;
	position: relative;
	border-left: 1px solid #009b73;
}

.page_nav--list_item-2 {
	width: 20%;
	position: relative;
	border-left: 1px solid #009b73;
	border-right: 1px solid #009b73;
}

.item_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 22px 16px 1px;
	height: calc(100% - 35px);
	position: relative;
}


.item--icon {
	width: 30%;
	display: inline-block;
}

.item--text typesquare_option {
	font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "DNP ShueiMGoStd", sans-serif;
	font-weight: 600;
	color: #009b73;
	margin-top: 15px;
	line-height: 1.33;
	text-align: center;
}

.page_nav--list_item .item_inner::after {
	display: block;
	content: "";
	background-image: url(/common/img/icon/icon_nav_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 8px;
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
}

.page_nav--list_item-2 .item_inner::after {
	display: block;
	content: "";
	background-image: url(/common/img/icon/icon_nav_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 14px;
	height: 8px;
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
}


@media screen and (max-width: 767px) {
	.page_nav1 {
		margin-top: 7px;
	}

	.page_nav1 .page_nav--list {
		flex-wrap: wrap;
	}

	.page_nav1 .page_nav--list_item {
		width: 50%;
		border: none;
		padding-top: 20px;
	}

	.page_nav1 .page_nav--list_item-2 {
		width: 50%;
		border: none;
		padding-top: 20px;
	}
}

@media screen and (max-width: 560px) {
	.page_nav1 .page_nav--list_item .item_inner .item--text {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.page_nav1 .page_nav--list_item-2 .item_inner .item--text {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	.page_nav--list_item-2 .item_inner::after {
		display: block;
		content: "";
		background-image: url(/common/img/icon/icon_nav_arrow.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 14px;
		height: 8px;
		position: absolute;
		bottom: -50px;
		left: 50%;
		transform: translateX(-50%);
	}

	.page_nav--list_item .item_inner::after {
		display: block;
		content: "";
		background-image: url(/common/img/icon/icon_nav_arrow.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 14px;
		height: 8px;
		position: absolute;
		bottom: -50px;
		left: 50%;
		transform: translateX(-50%);
	}

}

/* 230615 */
#bento .anchor_btn {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	margin: 60px auto 40px;
	text-align: center;
}

#bento .anchor_btn li {
	width: 30%;
}

#bento .anchor_btn li a {
	display: block;
	border: 1px solid #f39800;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 1px 2px 4px 0px #646464;
	font-weight: bold;
	font-size: 16px;
	background: #f39800;
	color: #fff;
}

#bento .anchor_btn li a:hover {
	color: #f39800;
	background: #fff;
}

#bento .anchor_btn li a::after {
	content: '';
	width: 8px;
	height: 8px;
	border-right: 2.5px solid #fff;
	border-bottom: 2.5px solid #fff;
	display: inline-block;
	vertical-align: middle;
	transform: rotate(45deg);
	margin-left: 10px;
	margin-bottom: 6px;
	transition: .3s;
}

@media screen and (max-width: 767px) {
	#bento .anchor_btn {
		width: auto;
	}

	#bento .anchor_btn li a {
		font-size: 14px;
	}
}

/* 230913 */
.group_list_box {
	margin: 60px 0;
	padding-top: 50px;
	/* border-top: 2px solid #f4f4f4; */
}

.group_list_box #roombtn {
	padding: 0;
}

.group_list_box ul {
	max-width: 1200px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.group_list_box ul li {
	width: 183px;
	border: 1px solid #c6c6c6;
}

.group_list_box ul li a {
	display: block;
	transition: .3s;
}

.group_list_box ul li a:hover {
	opacity: 0.8;
}

.group_list_box ul li img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.group_list_box {
		margin: 10% 0;
		padding-top: 10%;
	}

	.group_list_box ul {
		max-width: 90%;
		margin: 10% auto 0;
	}

	.group_list_box ul li {
		width: 48%;
		margin-bottom: 5%;
	}
}

/* 231108 */
@media screen and (min-width: 768px) {
	.container.room_low .sidecont.namba {
		margin-top: 70px;
	}
}

/* 240226 */
.smfs11 {
	font-size: 11px;
}

@media screen and (max-width: 767px) {
	.smfs11 {
		font-size: 14px;
	}
}

/* 240415 */
#bento .anchor_btn.clm4 li {
	width: 24%;
}

#bento .anchor_btn.clm4 li a {
	padding: 12px 10px;
	font-size: 15px;
}

@media screen and (max-width: 767px) {
	#bento .anchor_btn.clm4 {
		flex-wrap: wrap;
	}

	#bento .anchor_btn.clm4 li {
		width: 48%;
		margin-bottom: 2%;
	}

	#bento .anchor_btn.clm4 li a {
		font-size: 3.8vw;
	}
}

/* 240603 */

#roombtn.partner h2 {
	margin-top: 50px;
}

.group_list_box ul.partner {
	/* 複数の場合 */
	/* justify-content: space-between; */
	/* 一つの場合 */
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.group_list_box ul {
		justify-content: center;
	}

	.group_list_box ul li {
		margin: 0 1% 5%;
	}
}

/* 240618 */
.new_access.block {
	margin-bottom: 100px;
	overflow: visible;
}

.new_access.block .ftopaccess a.appbtn {
	right: 50%;
	bottom: -60px;
	transform: translateX(50%);
}

@media screen and (max-width: 767px) {
	.new_access.block .ftopaccess a.appbtn {
		position: absolute;
		bottom: -24%;
	}
}

/* 240703 */
.drawer-menu.n_h_link .step .h_contact_box {
	position: relative;
	top: 10px;
}

.drawer-menu.n_h_link .step a {
	padding: 10px 6px 10px 27px;
	border: 1px solid #009b74;
	background-color: #ffffff;
	/*font-size: 15px;*/
	font-size: clamp(11px, 1.2vw, 13px);
	/*20260312追記*/
	position: relative;
	transition: .3s;
}

.drawer-menu.n_h_link .step a:hover {
	transform: scale(0.95);
}

.drawer-menu.n_h_link .step .step2 a {
	background-color: #009b74;
}

.drawer-menu.n_h_link .step a::before {
	content: "";
	background: url(/images/rfix03_icon.png) no-repeat center / contain;
	width: 20px;
	height: 17px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 23px;
}


.drawer-menu.n_h_link .step .step2 a::before {
	background: url(/images/rfix02_icon.png) no-repeat center / contain;
	/*left: 38px;*/
	left: 5px;
}

.drawer-menu.n_h_link .step a.no_ico {
	padding: 10px 5px;
}

.drawer-menu.n_h_link .sp_step1 a.no_ico {
	padding-left: 0 !important;
	text-align: center;
}

.drawer-menu.n_h_link .step a.no_ico::before,
.drawer-menu.n_h_link .sp_step1 a.no_ico::before {
	display: none;
}

/* 241114 固定フッターPDFリンク追加 */

.partner .footer_pdf {
	width: 340px;
	margin: 0 20px;
}

@media screen and (max-width: 767px) {
	.partner .footer_pdf {
		max-width: 280px;
		margin: 10px;
	}
}

/* 241212 */
/* 241212 */
#topics_area_footer {
	margin: 60px auto;
	padding: 50px 0;
	border-top: 2px solid #f4f4f4;
}

#topics_area_footer h2 {
	width: 1000px;
	margin: 0 auto 40px;
	color: #0e7548;
	font-size: 2.8rem;
	font-weight: bold;
}

#topics_area_footer h2 {
	margin-bottom: 15px;
	width: 95%;
	font-size: 2.5rem;
}

/* 250317 追加 */
.sp_img .drawer-menu .container h1 img {
	width: 65%;
}

.headtel_kobe {
	top: 19px;
}

@media screen and (max-width: 767px) {
	h1 span {
		font-size: 10px;
	}

	.container h1 img {
		width: 100%;
		margin-top: 10px;
	}
}


/* 250415 ご利用用途ページ */
.case-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}

.case-image {
	width: 50% !important;
	border-radius: 5px;
}

.case-info-box {
	width: 48%;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}

.case-label {
	width: 37%;
	background-color: #ACE0D2;
	color: #494949;
	padding: 8px 50px;
	border-radius: 20px;
	font-size: 14px;
}

.case-usetitle {
	font-size: 20px;
	line-height: 3;
}

.case-info-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #ececec;
	line-height: 2;
}

.case-info-table th,
.case-info-table td {
	padding: 20px;
	border-bottom: 1px solid #fff;
}

.case-info-table th {
	text-align: left;
	width: 30%;
}

.case-title-underline {
	text-decoration: underline;
}

/* サブ画像 */
.case-subImg {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 70px;
	gap: 20px;
}

.case-subImg img {
	width: 32%;
	border-radius: 5px;
}

/* お客様の声 */
.case-customer-voice {
	background-color: #d9ede7;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 50px;
}

.case-customer-voice h2 {
	margin: 30px !important;
}

/* お客様の声のレイアウト */
.case-voice-box {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-bottom: 30px;
}

/* 各ボックスのデザイン */
.case-voice {
	background-color: white;
	padding: 15px 25px;
	border-radius: 5px;
	width: 45%;
	text-align: left;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* アイコンとタイトルの横並び */
.case-voice {
	display: flex;
	flex-direction: column;
}

.case-voice-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.case-icon {
	font-size: 20px;
}

.case-voice-box h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 2.5;
	margin-bottom: 0;
	position: relative;
	padding-left: 25px;
}

.case-voice-box h3:before {
	content: "";
	display: block;
	position: absolute;
	background: #000c30;
	top: 12px;
	left: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.case-voice-box h3:after {
	content: "";
	display: block;
	position: absolute;
	background: #000c30;
	top: calc(50% + 1px);
	left: 0px;
	width: 16px;
	height: 8px;
	border-radius: 16px 16px 0 0;
}

.case-voice-box p {
	/* margin: 0 10px; */
	line-height: 1.7;
}

/* ボタン */
.case-button-container {
	text-align: center;
}

.case-btn {
	display: inline-block;
	background-color: #2e6557;
	width: 30%;
	color: white;
	padding: 20px;
	text-decoration: none;
	border-radius: 20px;
	font-size: 17px;
}

.case-btn:hover {
	text-decoration: none;
	background-color: #ACE0D2;
}

/* 担当者の声 */
.case-staff-box {
	display: block;
}

/* 担当者の声ボックス */
.case-staff {
	width: 93%;
	margin: 0 auto 15px;
	display: block;
}

.case-staff-box p {
	margin: 0;
}


/* スマホ用のレイアウト調整 */
@media screen and (max-width: 768px) {
	.case-frame {
		width: 90%;
		margin: 0 auto;
	}

	/* テキスト → 画像の順で縦並び */
	.case-section {
		flex-direction: column-reverse;
		gap: 10px;
	}

	.case-section {
		margin-bottom: 18px;
	}

	.case-info-box {
		width: 100%;
	}

	.case-image {
		width: 100% !important;
	}

	.case-label {
		padding: 8px 25px;
	}

	.case-usetitle {
		font-size: 17px;
		line-height: 3;
	}

	/* サブ画像のレイアウトを調整 */
	.case-subImg {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.case-subImg img {
		width: 48%;
		border-radius: 5px;
	}

	.case-info-table th,
	.case-info-table td {
		padding: 12px;
	}

	/* お客様の声を縦並びに */
	.case-voice-box {
		flex-direction: column;
		gap: 15px;
	}

	.case-voice {
		width: 100%;
		margin: 0 auto;
	}

	.case-voice-box {
		margin-bottom: 0;
	}

	.case-customer-voice h2 {
		margin: 10px 0 !important;
	}

	.case-customer-voice h3 {
		font-size: 14px;
		font-weight: bold;
	}

	.case-voice-box h3:before {
		top: 7px;
	}

	.case-customer-voice {
		margin-bottom: 30px;
	}

	/* ボタンのサイズ調整 */
	.case-button-container {
		width: 100%;
		text-align: center;
	}

	.case-btn {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 12px;
		text-align: center;
	}

	.case-staff {
		margin: 0 auto 15px !important;
	}
}


/* 250522心斎橋スマホメニュー順番修正 */
@media screen and (max-width: 768px) {
	.shinsaibashi_menu {
		display: inline-flex;
		flex-direction: column-reverse;
		padding: 80px 0 50px 0;
	}

	.shin_drawermenu {
		padding-top: 0;
	}


	.shin_menubtn li a {
		color: white;
	}
}

/* 250529 */
.usecase_detailbtn {
	background: #2e6557;
	color: #fff;
	border-radius: 15px;
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 2.2;
	font-size: 18px;
}

.usecase_detailbtn:hover {
	background: #ace0d2;
	color: #7d7d67;
	text-decoration: none;
}

.usecase_02 {
	background: #ace0d2;
	color: #7d7d67;
	border-radius: 15px;
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 2.2;
	font-size: 18px;
}

.usecase_02:hover {
	background: #2e6557;
	color: #fff;
	text-decoration: none;
}

.case_mb40 li {
	margin-bottom: 40px;
}

.casetitle_mb {
	margin-bottom: 41px;
}

@media screen and (max-width: 768px) {
	.case_mb40 li {
		margin-bottom: 30px;
	}

	.casetitle_mb {
		margin-bottom: 0;
	}
}

/* 250610 心斎橋コンベンションルーム拡充 */
.new_convention_page .party_mv {
	padding: 300px 0;
	position: relative;
	min-height: 650px;
	background: url(../../shinsaibashi/images/convention_mv_n2.png) no-repeat center / cover;
}

.new_convention_page .party_mv h2 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 70px;
	text-align: right;
}

.new_convention_page .party_mv h2 span {
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 15px 30px;
	background: rgba(255, 255, 255, 0.9);
}

.maincont-renewal {
	margin-top: 40px;
}

.new_convention_page .miryoku_box {
	margin-bottom: 80px;
}

.new_convention_page .party_title {
	background-color: #689A73;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 13px 10px;
	text-align: center;
	margin-bottom: 40px;
}

.new_convention_page .miryoku_box p {
	font-size: 16px;
	margin: 30px 0;
}

.new_convention_access {
	width: 75%;
	max-width: 560px;
	margin: 0 auto 70px;
}

.new_convention_access p {
	margin-top: 40px;
}

.new_convention_access p a {
	font-weight: bold;
	text-decoration: underline;
}

.new_convention_access p a:hover {
	text-decoration: none;
	opacity: 1;
}

.new_convention_page .floormap {
	max-width: 707px;
	margin: 0 auto 70px;
}

.new_convention_contents {
	margin-bottom: 70px;
}

.new_convention_page h4.step02 {
	text-align: center;
}

.conventionroom_btn.conventionpage {
	max-width: 450px;
	width: 100%;
	margin: 40px auto auto;
}

@media screen and (max-width: 768px) {
	#topics_area_footer .slick-next.slick-arrow {
		display: none !important;
	}

	.new_convention_page .party_mv {
		padding: 60% 0;
		min-height: 100%;
		background: url(../../shinsaibashi/images/convention_mv_sp_n2.png) no-repeat center / cover;
	}

	.new_convention_page .party_mv h2 {
		top: auto;
		transform: translateY(0);
		right: 0;
		text-align: right;
		bottom: 10%;
		width: 100%;
	}

	.new_convention_page .party_mv h2 span {
		padding: 1% 4%;
		font-size: 6.0vw;
		margin-bottom: 3%;
	}

	.maincont-renewal {
		margin-top: 0;
		padding: 30px 5px 0;
	}

	.new_convention_page .party_title {
		font-size: 4.8vw;
	}

	.new_convention_page .miryoku_box {
		margin-bottom: 50px;
	}

	.new_convention_page .miryoku_box p {
		font-size: 14px;
		width: 90%;
		margin: 20px auto;
	}

	.new_convention_access {
		width: 95%;
		max-width: 100%;
		margin: 0 auto 50px;
	}

	.new_convention_contents {
		width: 95%;
		margin: 0 auto 50px;
	}

	.new_convention_page h4.step02 {
		font-size: 4.6vw;
		text-align: left;
	}

	.new_convention_page .floormap {
		margin: 0 auto 50px;
	}

	.new_convention_page .txt_r {
		margin-top: 20px;
	}

	.katsuyou li .j_box {
		width: 100%;
		height: auto;
	}

	.katsuyou li {
		margin-right: 0;
	}
}

/* 250711 フッターグループ企業追加 */
.group_list_box ul {
	gap: 20px;
}

@media screen and (max-width: 768px) {
	.group_list_box ul {
		justify-content: space-between;
		gap: 0;
	}


}

/* 250901 利用事例ページ修正・アンカーリンク追加 */
.katsuyou_scroll {
	scroll-behavior: smooth;
	scroll-padding-top: 130px;
}

.katsuyou_shinsaibashi,
.katsuyou_kobe {
	margin: 2rem 0 1rem;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: normal;
}

.katsuyou_anchor_box {
	display: flex;
	justify-content: center;
	column-gap: 2rem;
	margin-top: 2rem;
}

.katsuyou_anchor_box a {
	display: block;
	width: 48%;
	max-width: 300px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: #009b74;
	border: solid 1px #009b74;
	padding: 1rem;
	transition: .3s;
}

.katsuyou_anchor_box a:hover {
	background: #fff;
	color: #009b74;
}

.j_box h6.katsuyou_roomName {
	color: #000;
	font-size: 12px;
	margin-top: 4px;
}


/* 心斎橋TOP 26.2.10 */
.facilineup .short .wide {
	padding: 40px 0 0 0;
}

.topfacility .facilineup .short .box {
	width: 50%;
	padding: 0 10px;
}

.topfacility .facilineup .short .wide.box {
	width: 53%;
}

.facilineup .short .box img {
	width: 100%;
}

.facilineup .short .box.type01,
.facilineup .short .box.type02 {
	margin-bottom: 12px;
}

/* .topfacility .facilineup .wide.box .ph{
	height: 225px;
	overflow: hidden;
} */
@media screen and (max-width: 768px) {
	.topfacility .facilineup .short .box {
		float: none;
		width: 50%;
		padding: 0 5px;
	}

	.topfacility .facilineup .short .wide.box .ph {
		height: auto;
	}

	.topfacility .facilineup .short .wide.box {
		width: 100%;
	}

	.topfacility .facilineup .short .flex {
		display: flex;
		flex-wrap: wrap;
	}
}

/*269229追加*/
@media screen and (min-width: 769px) {
	.pc_threecol {
		width: 31%;
		margin-right: 0;
	}
}

/*20260311追記　各会場ページに申し込みボタン追加*/
a.facility_btn {
	display: block;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
	font-size: 14px;
	background: #009b74;
	border: 1px solid #009b74;
	width: 65%;
	margin: 3% auto 0;
	text-align: center;
	margin-top: 32px;
}

a.facility_btn:hover {
	border: 1px solid #009b74;
	background: #fff;
	color: #009b74;
}



/*20260423追加　キャンペーンバナーエリア*/
.campaign_contents.inc {
	margin: 26px auto 30px;
}

#shinsaibashi_price .campaign_contents.inc {
	margin: 50px auto;
}

#shinsaibashi_access .campaign_contents.inc {
	margin: 180px auto 50px;
}

@media screen and (max-width: 767px) {
	#shinsaibashi_access .nopc:has(.campaign_link) {
		display: block !important;
		margin: 10% auto;
	}

	#shinsaibashi_access .campaign_contents.inc {
		margin: 10% auto;
	}
}

/* ======================================================== */
html {
	scroll-behavior: smooth;
}

body.shinsaibashi li.menu_top:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#footer-map {
	height: 450px;
}

#footer-map iframe {
	width: 100%;
	height: 100%;
	max-width: 100vw;
}

footer {
	margin-top: 0;
}

@media only screen and (max-width: 768px) {
	footer {
		margin-top: 40px;
	}
}

#shinsaibashi_faq .page-navi {
	margin-bottom: 3rem;
}

#shinsaibashi_faq .page-navi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 1rem;
}

#shinsaibashi_faq .page-navi li {
	width: calc(50% - 1rem);
}

#shinsaibashi_faq .page-navi a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(234, 172, 5, 0.4);
	padding: 0.5em 1em;
}

#shinsaibashi_faq .page-navi a:hover {
	background-color: #eaac05;
	opacity: 1;
	color: #FFF;
}

/* ======================================================== */