@charset "utf-8";

/* -------------------------------------------------------
	name : meeting.css
-------------------------------------------------------- */

.meeting-feature-container{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.meeting-feature-item{
padding: 10px;
border: 3px solid #ff7e00;
width: calc(50% - 35px);
background: #fcf4dc;
border-radius: 5px;
}
.meeting-feature-title{
text-align: center;
display: block;
background: #ff7e00;
line-height: 35px;
font-size: 15px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
width: 96px;
margin-top: -28px;
margin-bottom: 10px;
color: #fff;
border-radius: 48px;
letter-spacing: 0.1em;
}
.meeting-feature-lead{
text-align: center;
font-size: 22px;
color: #ff7e00;
line-height: 1;
margin-bottom: 15px;
margin-top: 15px;
}
.meeting-feature-lead strong{
background: linear-gradient(rgba(255, 255, 255, 0) 70%, #ffff56 70%);
}
.meeting-feature-txt{
text-align: left;
font-weight: bold;
font-size:15px;
}
.meeting-feature-no1{
border: 3px solid #ff004f;
background: #fff9fb;
}
.meeting-feature-no1 .meeting-feature-title{
color: #fff;
background: #ff004f;
}
.meeting-feature-no1 .meeting-feature-lead{
color: #ff004f;
}
.meeting-feature-no1 .meeting-feature-txt{
color: #ff004f;
}
.meeting-feature-no2{
border: 3px solid #0091ff;
background: #f8fcff;
}
.meeting-feature-no2 .meeting-feature-title{
color: #fff;
background: #0091ff;
}
.meeting-feature-no2 .meeting-feature-lead{
color: #0091ff;
}
.meeting-feature-no2 .meeting-feature-txt{
color: #0091ff;
}
ul.yubi{
list-style: none;
border: 1px dashed #acacac;
padding: 10px;
margin: 0px 0px 15px 0px;
/* background: #ffffe2; */
}
.externalsite-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 15px;
align-items: center;
margin-bottom: 45px;
}
.externalsite-logo a{
display: block;
border: 1px solid #acacac;
width: 240px;
padding: 15px;
}
.externalsite-logo a img{
max-width: 100%;
}
.externalsite-title{
font-size: 20px;
font-weight:bold;
margin-bottom:10px;
line-height:1;
margin-top: -5px;
}
.externalsite-item {
margin-left:10px;
}
.externalsite-link span{
padding: 2px 6px;
background: #2892d7;
color: #fff;
border-radius: 3px;
font-weight: bold;
line-height:1;
margin-right:5px;
}
.externalsite-link a{
text-decolation: none;
color: #2892d7;
font-size:15px;
font-weight:bold;
}
.externalsite-attention {
position: relative;
/* color: #ff7e00; */
color: #cc0000;
padding: 10px;
margin-bottom: 15px;
/* background: #fffdf2; */
background: #fff8f8;
/* border:3px solid #ff7e00; */
border:3px solid #cc0000;
border-radius:5px;
}
.externalsite-attention:before {
font-family: 'FontAwesome';
font-size: 14px;
position: absolute;
top: -28px;
left: 10px;
height: 28px;
content: '\f071  ご注意';
color: #fff;
/* background: #ff7e00; */
background: #cc0000;
line-height: 28px;
padding: 0px 15px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.externalsite-attention ul{
margin-left:18px;
font-weight:bold;
}
.externalsite-attention ul li:first-child{
margin-bottom:5px;
}
.color-red{
color: #cc0000;
}
.strong-txt{
font-size: 1.4em;
}
h5.short-header{
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
padding-left: 10px;
border-left: 4px solid #ff7e00;
line-height: 1;
background: #fff3e8;
font-weight: bold;
font-size: 16px;
}
#MainContents h4{
background: none !important;
padding-left: 0 !important;
border-bottom: 1px dashed #acacac;
padding-bottom: 10px;
}
.number-block{
background: #ff7e00;
display: inline-block;
text-align: center;
line-height: 32px;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-left: 10px;
padding-right: 10px;
margin-right: 5px;
}
.number-block-txt{
background: #ff7e00;
display: inline-block;
text-align: center;
line-height: 32px;
padding-right: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
margin-right: 10px;
color: #ffffff;
}



.meeting-plan-table{
width:100%;
border-collapse: collapse;
}
.meeting-plan-table th,
.meeting-plan-table td{
padding:10px 15px;
border-bottom:1px solid #acacac;
min-width: 140px;
}
.mpc-head,
.mpc-cell{
text-align:center;
}
.mpc-head{
background:#999;
color:#fff;
font-size:15px;
font-weight:bold;
}
.mpp-head,
.mpp-cell{
text-align:center;
}
.mpp-head{
background:#ff7e00;
color:#fff;
font-size:17px;
font-weight:bold;
border-bottom: 3px solid #ff7e00 !important;
border-top: 3px solid #ff7e00 !important;
}
.mpp-leftb{
border-left:3px solid #ff7e00 !important;
}
.mpp-rightb{
border-right:3px solid #ff7e00 !important;
}
.mpp-bottomb{
border-bottom:3px solid #ff7e00 !important;
}
.meeting-plan-table tr:nth-child(even) td.mpc-cell {
background-color: #fafafa;
}
.meeting-plan-table tr:nth-child(odd) td.mpc-cell {
background-color: #eeeeee;
}
.meeting-plan-table tr:nth-child(even) td.mpp-cell {
background-color: #fffdf2;
}
.meeting-plan-table tr:nth-child(odd) td.mpp-cell {
background-color: #fff9d6;
}
.reserve-how-table{
  background: #aaa;
}
.reserve-how-table th,
.reserve-how-table td{
  padding:10px;
  background:#fff;
}
.reserve-how-table th{
  background: #ff8000;
  font-weight:bold;
  color:#fff;
  text-align:center;
}
.reserve-how-table .salon-title{
  font-weight:bold;
  margin-bottom:5px;
}
.reserve-how-table .salon-price{
  color: #aa0000;
}
.reserve-how-table .moya{
  font-size: 13px;
  padding: 0;
}
.reserve-how-table .salon-txt{
  line-height: 1.5;
}
.mtglist-container{
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.mtglist-item{
text-align:center;
width: 25%;
margin-bottom: 15px;
}
.mtglist-common-price{
font-size:13px;
}
.monthly-plan-list{
list-style-type: none;
}
.monthly-plan-list li{
position:relative;
}
.monthly-plan-list li:before {
content: "";
position: absolute;
top: .45em;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px;
height: 5px;
border-top: 2px solid #ff004f;
border-right: 2px solid #ff004f;
}
.monthly-plan-list li a{
padding-left:15px;
color:#ff004f !important;
}
.monthly-plan-list li:first-child{
margin-bottom: 5px;
}

.mobile-mpc-container{
  display: none;
}