@charset "utf-8";
html {
  scroll-behavior: smooth; /* スムーススクロール */
}

/*p{font-size: 16px;}*/
h3, h4{ font-weight: normal;}
.txt-c{text-align: center;}
#restaurants-party #main-v { background: url("/restaurants-party/img/main-v.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
#meeting-event #main-v { background: url("/meeting-event/img/main-v.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
.contens_wrap{
	width: 1140px;
	margin: 100px auto;}
ul.shop{
	padding: 100px 0;
}
ul.shop li{
	display: flex;
	margin-bottom: 60px;
}
.logo_name{
	width: 380px;
	font-size: 18px;
    align-items: center;
	padding: 30px 40px 30px;
	font-weight: 500;
}
.logotxt_name{
	width: 380px;
	font-size: 18px;
    align-items: center;
	padding: 70px 40px;
	font-weight: 500;
}
.logo_name img, .logotxt_name img{max-width: 180px;}

.info{
	display: flex;
width: 460px}
.pic{
	
}
.tag{
	width: 160px;
	margin-left: 45px;
}
.tag p{font-size: 12px;}

.floor{
	width: 187px;
	font-size: 23px;
	text-align: center;
	border-left: solid 1px #707070;
	border-right: solid 1px #707070;
	padding: 70px 0;
	font-weight: 500;
}
.twofl{
	padding-top: 25%;
	padding-left: 7%;
    padding-right: 7%;}
.logo_name span{
	font-size: 16px;
display: block;
padding-bottom: 15px;}
.tag_one{
    text-align: center;
}
.tag_one.n{border: solid 1px #ccc;}
.tag_one.red{
	background-color: #D7314E;
	color: #fff;
}
.tag_one.blue{
	border: solid 1px #59BAC1;
	color: #59BAC1;
}
.tag_two{
	display: flex;
	justify-content: space-between;
}

.tag_two span.tag_n{
	width: 75px;
    display: block;
    border: solid 1px #ccc;
    text-align: center;
	line-height: normal;
}


ul.shop li .two_col{
	display: flex;
	margin:30px 0 60px;
	align-items: center;
}
.two_col-wrap{width: 100%;}

/*
------------
ボタン
------------
*/

/* normal*/
.tag .button_n{margin: 14px 0 0;}
.tag .button_n a {
	/*border: solid 1px #A78F45;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 160px;
    padding: 9px;
    color: #fff;
	background-color: #000;
	font-weight: 600;
    transition: 0.3s ease-in-out;
}
.tag .button_n a:hover {
    background: #666;
    color: #fff;
}
.tag .button_n a:focus{
	text-decoration: none;
}
.arrow{
  position: relative;
}

.arrow::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.4em;   /* arrow size */
  height: 0.4em;  /* arrow size */
  border-top: 1px solid #ffffff;  /* thickness, color */
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* online*/
.tag .button_o{margin: 14px 0 0;}
.tag .button_o a {
	/*border: solid 1px #A78F45;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 160px;
    padding: 8px;
    color: #fff;
	background-color: #59BAC1;
	font-weight: 600;
    transition: 0.3s ease-in-out;
}
.tag .button_o a:hover {
    background: #ccc;
    color: #fff;
}
.tag .button_o a:focus{
	text-decoration: none;
}

@media (max-width: 1180px) {
	.contens_wrap{width: 90%;}	
	.floor {width: 10%;}
	.logo_name, .logotxt_name{width: 50%;}
	.info{width: 50%;}
	.twofl{ padding-left: 0; 
    padding-right: 0;}
	.tag {margin-left: 9%;
	}}

@media (max-width: 880px) {
	ul.shop li {display: block;}
	.floor {
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: solid 1px #707070;
		border-bottom: solid 1px #707070;
		padding: 15px 0;
	}
	.logo_name, .logotxt_name{
		width: 100%;
		padding: 30px 0;
		text-align: center;
	}
	.info{width: 100%;}
	.tag{width: 100%;}
	.pic{width: 50%;}
	.tag{width: 160px;}
	.pic img{width: 100%;min-width: 160px;}
	.tag{margin-left: 20px;}
	ul.shop li .two_col{
		display: block;
	}
}
@media (max-width: 599px) {
	.logo_name, .logotxt_name{font-size: 19px;}
	.contens_wrap{
	margin: 60px auto;}
	ul.shop{
	padding: 60px 0;
}
}