.breadcrumbs{
	max-width: 960px;
    margin: 0 auto;
    padding: 15px 5px;
    justify-content: space-between;
    display: flex;
    border-bottom: none;
}

.breadcrumbs .breadcrumbs__item {
	display: flex;
	align-items: center;
}

.breadcrumbs__content {
	max-width: 650px;
	margin: 0;
	padding: 0;
	align-items: center;
	display: flex;
}

.breadcrumbs .icon-web {
	margin: 0px 10px;
	visibility: inherit;
	display: inline-block;
}

.breadcrumbs .icon-mobile {
	visibility: hidden;
	display: none;
}

.breadcrumbs__links{
	display: inline-block;
    color: #0052b5;
    cursor: pointer;
    border-bottom: 1px solid #0052b5;
}

.breadcrumbs__links:hover{
	border-bottom: none;
}

.reservation-container,.green-reservation-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin-top: -50px;
	border-radius: 4px;
	position: relative;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.reservation-container .detail-store-right-container, .green-reservation-container .detail-store-right-container {
	width: 320px;
	margin-right: 17px;
	margin-left: 17px;
	position: relative;
}

.green-reservation__container-fixed{
	position: fixed;
    width: 320px;
    z-index: 1;
}

#top-reservation-container, #green-reservation__container {
	border-radius: 2px;
	height: fit-content;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #fff;
	z-index: 1;
	position: sticky;
    top: 0;
}
.store-summary-container{
  height: fit-content;
  background-color: #fff;
  padding-right: 2px;
}
#normal-detail-store-mobile .store-name-mobile-container{
  padding-top: 10px; 
  padding-bottom: 10px; 
  text-align: center
}

#normal-detail-store-mobile .store-name-mobile-container h2{
  font-size: 28px; 
  font-weight: bold; 
  color: #000; 
  line-height: 42px
}

#normal-detail-store-mobile .detail-text-mobile{
  text-align: center;
}
#normal-detail-store-mobile .detail-text-mobile p{
  line-height: 21px;
}

#normal-detail-store-mobile .photo-gallery-container-mobile{
  height: 108px;
  padding-left:20px;  
  margin-bottom: 20px;
  padding-right:10px;
}

#normal-detail-store-mobile .order-mobile-container{
  padding:0px 20px;
  margin-bottom: 10px;
}

#normal-detail-store-mobile .order-mobile-container button{
  padding-left: 20px;
  text-align: left;
  width: 100%; 
  cursor:pointer;
  position: relative;
  height: 30px;
  font-size: 12px; 
  color: #000;
  border: 1px solid #ccc;
  background-color: #fff;
}

#normal-detail-store-mobile .order-mobile-container button > span{
  margin-right: 10px;
}

#normal-detail-store-mobile .order-mobile-container button > span:nth-child(4){
  margin-right: 0px;
}


#normal-detail-store-mobile .photo-gallery-container-mobile .photo-gallery-element-mobile{
  width:calc(33.33% - 7px); 
  cursor: pointer
}
#normal-detail-store-mobile .photo-gallery-container-mobile .photo-gallery-element-mobile:not(:last-child){
	margin-right: 10px;
}
#normal-detail-store-mobile .photo-gallery-container-mobile .photo-gallery-element-mobile img{
  border-radius: 5px;
  width:100%;height: 100%; 
  object-fit: cover
}

#normal-detail-store-mobile .photo-gallery-container-mobile .photo-gallery-element-mobile .background-img p{
  width: 100%;
  font-size: 14px;
  border-radius:5px;
  font-weight:bold;
  align-self: center;
  text-align: center;
  color: #fff;
}

.store-summary-embbed-map{
  margin-bottom:45px;
  border: solid 1px #f2f2f2;
  background-color: #fff; 
  padding: 2px;
}

.store-summary-embbed-map iframe{
  width: 100%;
  height: 200px;
}

.store-summary-embbed-map .store-address-map{
  display:flex; 
  padding-bottom: 10px;
  padding-left: 5px; 
  margin-top: 20px
}


.store-summary-embbed-map .store-address-map .store-address-map-icon-container{
  height: 18px;
  width: 18px; 
  margin-right: 12px
}

.store-summary-embbed-map .store-address-map .store-address-map-text p{
  font-size: 14px; 
  line-height: 20px; 
  color:#e77a82;
}

#top-reservation-container .reservation-header, #green-reservation__container .reservation-header{
	height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#top-reservation-container .reservation-header p, #green-reservation__container .reservation-header p{
	font-size: 18px;
  color: #000;
  font-weight: bold;
}

#idDateContent{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	border-top: 0.5px solid #ccc;
	border-bottom: 0.5px solid #ccc;
	font-weight: 400;
	display: none;
	cursor: pointer;
	z-index: 9999;
}

#number-people{
	border-top: 0.5px solid #ccc;
}

.reservation-section {
	padding: 9px 0px 0px 0px;
}

.available-time-container{
  padding:19px 15px
}

.reservation-time{
  padding: 0px 17px 25px 17px
}

.reservation-time h4{
  font-size: 14px; 
  color:#000; 
  padding-left: 3px
}

.reservation-time .time__container{
  padding-top: 15px;
  display: block;
}

.reservation-time .time-shift__text{
	font-size: 12px;
  color: #000;
  text-align: center;
}

.reservation-time-loading{
	text-align: center;
	display: none;
}

.available-time-container button{
  width: 100%;
  border: none;
  color: #fff;
  cursor: pointer;
  line-height: 20px;
  height: 40px;
  font-size: 14px;
  border-radius: 5px;
  background-color: #ed4901;
}

.sub-header {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding-left: 20px;
}

.select-element-first, .select-element-second{
	height: 40px; 
	position: relative
}
.select__container {
	position: relative;
	height: 40px;
	cursor: pointer;
}

#banner-container, #green-banner-container {
	display: block;
	position: relative;
	background-color: #2d333f;
	max-width: 960px;
	line-height: 0;
	height: 296px;
	width: 100%;
	margin: 0 auto;
}

#banner-container .main-image-banner, #green-banner-container .main-image-banner {
	width: 100%;
	object-fit: cover;
}

.detail-section #detail-section-list,
.detail-section #detail-menu-list,
.detail-section #detail-menu-list-2 {
	display: flex;
	flex-wrap: wrap;
	height: 50px;
	font-size: 18px;
}

.detail-section #detail-menu-list,
.detail-section #detail-menu-list-2{
	border-top: 0.5px solid #ccc;
}

/* .detail-section #detail-section-list .section-detail:nth-child(1),
.detail-section #detail-menu-list .section-detail:nth-child(1) {
	background-color: #623a13;
	color: #fff;
} */

.detail-section #detail-section-list .section-detail:nth-child(1){
	border-top-left-radius: 5px;
}

.detail-section #detail-section-list .section-detail{
    padding: 11px 20px 12px 20px;
    text-align: center;
    cursor: pointer;
}

.detail-section #detail-section-list li:hover,
.detail-section #detail-menu-list li:hover,
.detail-section #detail-menu-list-2 li:hover {
	background-color: #623a13;
	color: #fff;
}

.detail-section #detail-section-list li span{
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
}
.detail-section {
	border-bottom: 0.5px solid #cccccc;
}

#detail-container, #green-detail-container {
	max-width: 640px;
	margin: 0 0 0 20px;
	border-radius: 5px;
	z-index: 0;
	background: #fff;
}

#detail-container #basicinformation, #green-detail-container #basicinformation{
 width: inherit;
}

#basicinformation .name-store-container{
	text-align:center;
	padding-top:30px; 
	padding-bottom: 20px; 
	border-bottom: 0.5px solid #ccc;
}

#basicinformation .name-store-container #name-store{
	font-size:38px;
	color: #000;
	font-weight: bold;
	line-height: 38px;
}

#basicinformation .store-content-description{
	padding-top:10px; 
	padding-bottom:40px
}

#photos .header-photo{
	padding-bottom: 20px; 
	border-bottom: 0.5px solid #ccc
}

#photos .photo-list{
	margin-top: 40px; 
	margin-bottom:40px; 
	height: 315px;
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between
}

#photos .photo-list .first-element{
	width: calc(50% - 5px);
	height: inherit;
}
 
#photos .photo-list .first-element img, #photos .photo-list .list-image .image-element img{
	width:100%;
	height:100%;
	border-radius: 5px;
	object-fit: cover;
}

#photos .photo-list .list-image{
	overflow:hidden;
	width: 50%;
	height: inherit;
}

#photos .photo-list .list-image .image-element{
	width:calc(50% - 2.5px);
	height: calc(50% - 2.5px);
	margin-bottom: 5px;
}

#photos .photo-list .list-image .image-element .background-img p{
	width: 100%;
	align-self: center;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}

#photos .photo-list .list-image .image-element:nth-child(2n + 1) {
	margin-right: 5px;
}

.image-element {
	cursor: pointer;
}

#basicinformation .store-content-description .summary-description{
	text-align: center;
}

#basicinformation .store-content-description .summary-description h5{
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

#basicinformation .store-content-description .description-content{
	word-break: break-word; 
	max-width: 640px
}
#basic-web #menudetail{
	margin-bottom: 40px;
}

#basic-web .menu-summary-paragraph{
	font-size: 14px;
	word-break:break-word;
	margin-top: 20px;
	margin-bottom: 20px;
}

#basic-web #note-container{
	height: 119px;
    font-size: 14px;
    line-height: 21px;
    padding: 20px 20px 9px;
    background-color: #ccc;
}

#basic-web #note-container b{
	font-weight: bold;
}

.header-common{
	padding-bottom: 20px; 
	border-bottom: 0.5px solid #ccc;
	margin-bottom: 19px;
}

#green-web .header-common h2{
	font-weight: bold;
    letter-spacing: 5px;
    font-size: 32px;
	color: #000000;
}

.fz-14 {
	font-size: 14px;
	color: #000;
}

.fz-18 {
	font-size: 14px;
	color: #000;
}

.fz-18-bold {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.ed4901-color {
	color: #ed4901;
}

.pd-20{
  padding-bottom: 20px;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.w-20 {
	width: 20%;
}

.w-24 {
	width: 24%;
}

.w-35 {
	width: 35%;
}

.w-41 {
	width: 41%;
}

.w-25 {
	width: 25%;
}

.w-65{
	width: 65%
}

.w-60{
	width: 60%;
}

.w-35{
	width: 35%
}

.w-30{
	width: 30%
}

.w-40{
	width: 40%
}

.cursor-pointer{
	cursor: pointer
}


.w-45{
	width: 45%;
}

.w-50{
	width: 50%;
}

.w-55{
	width: 55%;
}

.w-100{
	width: 100%;
}


#detail-menu-list li:not(:last-child)::after,
#detail-menu-list-2 li:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -1px;
	top: 7px;
	height: 36px;
	width: 1px;
	border-right: 0.5px solid #ccc;
}

#detail-menu-list .section-detail,
#detail-menu-list-2 .section-detail{
	position: relative;
	font-weight:bold;
	font-size:14px ;
	line-height: 14px;
	cursor: pointer;
	text-align: left;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
}

#detail-menu-list .section-detail:nth-child(3){
	font-size:12px;
}

.detail-section #detail-menu-list li:hover::after,
.detail-section #detail-menu-list-2 li:hover::after {
	display: none;
}
.treatment-time__table{
	width:100%;
	border: none;
}

.treatment-time__table thead tr th {
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	background-color: #f2f2f2;
}

.treatment-time__table thead tr {
	height: 50px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #f2f2f2;
}

.treatment-time__table tbody tr {
	height: 40px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #f2f2f2;
}

.treatment-time__table tbody tr td {
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
}
.hover-select-reservation:hover,
.hover-input-reservation:hover {
	border-bottom-color: #623a13 !important;
}

.select-reservation, #calendar-button, #green-calendar-button {
	width: 100%;
	height: 100%;
	padding-left: 20px;
	color: #000000 !important;
	border-bottom: 1px solid #ccc;
	border-top: none;
	border-right: none;
	font-family: inherit;
	font-size: 14px;
	border-left: none;
	cursor: pointer;
	background: transparent;
    background-image: url("../../images/store/path.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 12px;
    padding-right: 2rem;
    background-size: 15px 9px;
}
.photo-list img {
	cursor: pointer;
}

.arrow-down {
	content: "";
	display: inline-block;
	cursor: pointer;
	width: 10px;
	position: absolute;
	top: 7px;
	right: 12px;
	height: 10px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	transform: rotate(135deg);
	margin-right: 0.5em;
	margin-left: 1em;
}

.arrow-down-mobile {
	content: "";
    display: inline-block;
    cursor: pointer;
    width: 10px;
    position: absolute;
    top: 6px;
    right: 15px;
    height: 10px;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-left: 1em;
}

.time__container .time-shift__container:not(:last-child) {
	margin-right: 5.7px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.time__container .time-shift__container {
	width: calc(31.33% - 3px);
    display: inline-block;
}

.time__container .time__option {
	font-weight: bold;
	font-family: meiryo; /*←ほかに合わせてください*/
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
	border-radius: 5px;
	border: none;
	color: #fff;
	background-color: #ed4901;
	font-size: 12px;
}

.time__container .colorRed:hover,
.time__container .colorRed:focus{
	background-color: #d05824 !important;
}

.time__container .colorYellow:hover,
.time__container .colorYellow:focus{
	background-color: #d4a10a !important;;
}

#time-chosen-container {
	margin-left:20px; 
	overflow-x:auto;
	margin-bottom: 27px;
	margin-right: 20px
}

#time-chosen-container #time-chosen-ul-mobile {
	display: flex;
	padding-bottom: 5px;
}
#time-chosen-container #time-chosen-ul-mobile li {
	margin-right: 5px;
}

#time-chosen-container #time-chosen-ul-mobile .time-chosen-button{
	border-radius: 2px; 
	height: 27px; 
	width: 58px;
	font-size:12px; 
	font-weight: bold;
	color: #fff;
	background-color: #ed4901;
}


button {
	border: none;
	cursor: pointer;
}

.photos-gallery-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1001;
}

.photos-gallery-overlay .photo-gallery-modal {
	margin: auto;
	z-index: 1002;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 660px;
	position: relative;
}

.photos-gallery-overlay .photo-gallery-modal #left-arrow-modal{
	top: 50%;
	left: 0;
	width: 21px;
	cursor: pointer;
	position: absolute;
	height: 34px;
}

.photos-gallery-overlay .photo-gallery-modal #right-arrow-modal-mobile{
	bottom: 30px;
	right: 0;
	width: 50px;
	display: none;
	cursor: pointer;
	position: absolute;
	height: 50px;
}

.photos-gallery-overlay .photo-gallery-modal #left-arrow-modal-mobile{
	bottom: 30px;
	left: 0;
	display: none;
	width: 50px;
	cursor: pointer;
	position: absolute;
	height: 50px;
}

.photos-gallery-overlay .photo-gallery-modal #right-arrow-modal{
	top: 50%;
	right: 0;
	width: 21px;
	cursor: pointer;
	position: absolute;
	height: 34px;
}

.photos-gallery-overlay .photo-gallery-modal #close-gallery-modal{
	top: -30px;
	right: 0;
	font-size: 23px;
	color: #fff;
	cursor: pointer;
	position: absolute;
}

.photos-gallery-overlay .photo-gallery-modal #close-gallery-modal img{
	width:30px;
	height:30px;
}

.photos-gallery-overlay .photo-gallery-modal .photo-gallery-container img{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit:cover;
	align-self: center;
	max-height: calc(90vh - 64px);
}

.photos-gallery-overlay .photo-gallery-modal .photo-gallery-container .image-caption{
	position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    left: 0;
    max-width: 100%;
    word-break: break-word;
    padding-top: 45px;
}

.photos-gallery-overlay .photo-gallery-modal .photo-gallery-container .photo-gallery-item{
	display: none;
}
.photos-gallery-overlay .photo-gallery-modal .photo-gallery-container .photo-gallery-item .photos-gallery-scroller-col{
	height: 100%;
}

.photos-gallery-overlay .photo-gallery-modal .photo-gallery-container {
	position: relative;
	width: 590px;
	height: 590px;
	max-height: calc(100vh - 40px);
	display: flex;
	background-color: #fff;
	border-radius: 4px;
	padding: 32px;
	justify-content: center;
}

.mrg-r-10{
	margin-right: 10px
}

.mrg-r-5{
	margin-right: 5px
}


.green-text {
	color: #559535;
}

.red-text {
	color: #ee4900;
}

.red-ed4901-background{
	background-color: #ed4901;
    color: #fff;
}

.grey-ccc-background{
	background-color: #fff;
    color: #000;
	border: 1px solid #ccc;
}

.grey-9b-background{
    color: #9b9b9b;
	border: 0.5px solid #b8b8b8;
}

.color-black{
	color: black !important;
}

.grey-border-bottom{
	border-bottom: 0.5px solid #ccc;
}

.border-radius-5{
	border-radius: 5px;
}

.triangle {
	display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #868686;
    top: 22px;
    right: -15px;
    transform: rotate(0deg);
}

.store-summary__row{
	display:flex; 
	padding-bottom: 10px;
	padding-left: 17px
}

.store-summary__row .icon__row{
	height: 18px;
	width: 18px; 
	margin-right: 12px
}

.store-summary__row .icon__row img{
	height:inherit;
	width: inherit;
}

.store-summary__row .information__row .information__text{
	font-size: 14px; 
	line-height: 20px;
}

.wsp-line{
	white-space: nowrap;
}

.background-img {
	display: flex;
    position: absolute;
	border-radius: 5px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}

#time-chosen-container::-webkit-scrollbar, .scroll-down-element-container::-webkit-scrollbar {
	height: 2px;
	border-radius: 2px;
	width: 2px;
  }

#time-chosen-container::-webkit-scrollbar-thumb, .scroll-down-element-container::-webkit-scrollbar-thumb {
	border-radius: 2px;
	width: 145px;
	background: #979797;
}

#green-detail-left-web-container{
	display: none;
}

.modal-overlay {
	position: fixed;
	top: 0;
	display: none;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000001;
	background-color: rgba(0, 0, 0, 0.8);
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: solid 1px #979797;
	width: 520px;
	/* height: 653px; */
	max-height: calc(100vh - 40px);
	overflow: auto;
	overflow-x: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animateright;
	-webkit-animation-duration: 0.4s;
	animation-name: animateright;
	animation-duration: 0.4s;
}

@-webkit-keyframes animateright {
	from {
		right: -300px;
		opacity: 0;
	}
	to {
		right: 0;
		opacity: 1;
	}
}
@keyframes animateright {
	from {
		right: -300px;
		opacity: 0;
	}
	to {
		right: 0;
		opacity: 1;
	}
}

.modal-content .md-header {
	height: 45px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding-top: 20px;
	position: relative;
}

.modal-content .md-header .close-modal-container {
	display: flex;
    align-items: center;
	position: absolute;
	white-space: nowrap;
	height: 45px;
	top: 0;
	left: 25px;
	padding: 0px;
	border: none;
	background-color: transparent;
	font-weight: 600;
    color: #ed4901;
}

#sub-popup-store-detail-no-therapist{
	padding: 10px;
}

#reservation-popup .md-content .note-row{
	width: 100%; 
	background-color: #ccc; 
	padding: 10px 20px;
}

#reservation-popup .md-content .note-row .text-row{
	font-size:12px; 
	line-height: 18px;
	text-align: center
}

#reservation-popup .md-content .md-row-container{
	padding: 20px 15px 30px 15px; 
}

#reservation-popup .md-content .md-row-container .md-row-label{
	margin-bottom: 10px
}

#reservation-popup .md-content .md-row-container .md-row-label p{
	font-size:14px;
	line-height:21px;
}

#reservation-popup .md-content .md-row-container .md-row-element .md-row-button{
	height: 46px;
}

#reservation-popup .md-content .md-row-container .md-row-element .md-row-button .row-button-element{
	display: flex;
	align-items: center
}

#reservation-popup .md-content .md-row-container .md-row-element .md-row-button .row-button-element:nth-child(2) button{
	margin-right: 00px;
}

#reservation-popup .md-content .md-row-container .md-row-element .md-row-button .row-button-element button,
#reservation-popup .md-content .md-row-container .time-treament-container-modal .row-button-element button{
	width: 72px; 
	height: 35px; 
	border-radius: 5px; 
	font-size: 12px; 
	margin-right: 10px
}

#reservation-popup .md-content .md-row-container .number-reservation-container .number-reservation-element{
	display: flex; 
	justify-content: center; 
	align-items: center;
	height: 40px; 
	width: 40px; 
	border-radius: 50%; 
	margin-right: 10px
}


#reservation-popup .md-row-container .number-reservation-container .number-reservation-element:nth-last-child(1){
	margin-right: 0px
}

#reservation-popup .md-content .md-row-container .scroll-down-container{
	justify-content: space-between;
	position: relative;
}

#reservation-popup .md-content .md-row-container .scroll-down-container .scroll-down-element-container{
	height:100px; 
	overflow-y: overlay;
	overflow-x: hidden; 
	margin-bottom: 30px;
}


#reservation-popup .md-content .md-row-container .scroll-down-element-container .option-scroll-element{
	display: flex;
	justify-content: center; 
	align-items: center; 
	height: 30px; 
	border-radius: 5px
}
#reservation-popup .btn-option-scroll-ele-treatment,
#reservation-popup .md-content .md-row-container .scroll-down-element-container .option-scroll-element .btn-option-scroll-ele{
	font-size:12px;
	line-height: 18px;
	background-color: transparent;
	width: 100%;
	height: 100%;
	color: #000;
	border-radius: 5px;
	opacity: 0.6;
}

.btn-option-scroll-ele-selected,.btn-option-scroll-ele-treatment-selected {
	font-size:12px;
	line-height: 18px;
	width: 100%;
	height: 100%;
	color: #000;
	border-radius: 5px;
	opacity: 1;
}

#reservation-popup .md-content .confirm-reservation-container{
	text-align: center;
	margin-bottom: 20px
}

#reservation-popup .md-content .confirm-reservation-container button{
	border: none;
	background:#ed4901; 
	color: #fff; 
	width: 345px;
	height: 35px; 
	border-radius: 5px; 
	font-size: 14px;
	margin-left: 10px; 
	margin-right: 10px
}

#green-web .details-store-section{
	margin-bottom: 60px;
}

#green-web .details-store-section .summary-container{
	display: flex; 
	margin: 40px 0px 29px 0px; 
	height: 150px
}

#green-web .details-store-section .summary-container .introduce-section {
	padding: 0px 10px;
}

#green-web .details-store-section .summary-container .image-section img{
	width: 100%; 
	height: 100%;
	object-fit: cover
}

#green-web .details-store-section .summary-container .introduce-section .introduce-header{
	text-align: center;
	padding-bottom: 8px; 
	border-bottom: 1px solid #000;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-header span{
	font-size: 28px;
	line-height: 36px;
	color: #000;
	font-weight: bold;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content{
	margin-top:9px; 
	display: flex;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .oval{
	height: 60px; 
	width: 60px; 
	border-radius: 50%;
	background-color:#559535; 
	text-align: center; 
	padding:15px 0;
	margin-right:17px
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .oval .text-oval{
	display: flex;
    justify-content: center;
    align-items: center;
	height:30px;
	font-size: 18px;
	color:#fff;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p{
	font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0px;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p:nth-child(1){
	font-size: 16px;
	color: #000;
	letter-spacing: 0.5px;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p:nth-child(1) b{
	font-weight: bold;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p:nth-child(2){
	font-size: 14px;
    line-height: 5px;
    margin-top: 12px;
    font-family: ＭＳ Ｐゴシック;
    font-weight: 600;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p:nth-child(3){
	font-size:14px;
	height:32px;
	display: table-cell; 
	vertical-align:bottom;
	font-family: ＭＳ Ｐゴシック;
    font-weight: 600;
}

#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p:nth-child(3) span{
	font-size: 32px;
	font-weight: bold;
	white-space: nowrap;
}

#green-web .details-store-section .green-table-container .green-table thead tr{
	height: 36px;
}

#green-web .details-store-section .green-table-container .green-table thead tr th{
	text-align: left;
    font-size: 14px;
    line-height: 1.2;
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#green-web .details-store-section .green-table-container .green-table thead tr th:nth-child(2){
	vertical-align:bottom;
}

#green-web .details-store-section .green-table-container .green-table thead tr th span{
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
}

#green-web .details-store-section .green-table-container .green-table tbody tr{
	height: 55px;  
	border-bottom: 1px solid #898989;
}

#green-web .details-store-section .green-table-container .green-table tbody tr td{
	vertical-align: bottom;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
	padding-bottom: 10px;
}

#green-web .details-store-section .green-table-container .green-table tbody tr td:first-of-type,
#green-web .details-store-section .green-table-container .green-table tbody tr td:nth-child(2){
	font-size: 22px;
	font-weight: 500;
}

#green-web .details-store-section .green-table-container .green-table tbody tr td:nth-child(3){
	font-size: 28px;
    font-weight: bold;
}

#green-web .details-store-section .green-table-container .green-table tbody tr td:nth-child(2) .triangle-container{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 40px;
}

#green-web .three-column-container{
	justify-content: center; 
	margin-left: 10px; 
	margin-bottom: 40px
}

#green-web .three-column-container .column-element{
	width: 201px;
}
#green-web .three-column-container .column-element .illustate-image{
	height:105px; 
	width: 100%;
}

#green-web .three-column-container .column-element .illustate-image img{
	width: 100%;
	height: 100%;
	object-fit: cover
}

#green-web .three-column-container .column-element .three-column-title{
	padding-top: 10px;
	padding-bottom: 28px; 
	text-align: center

}

#green-web .three-column-container .column-element .three-column-title p{
	text-align: center;
    color: #000;
    padding-top: 5px;
    margin-bottom: 0px;
    letter-spacing: 5px;
    font-size: 23px;
    font-weight: bold;
}

#green-web .three-column-container .column-element .green-table{
	width: 100%;
	margin: 0 auto; 
	color: #000
}

#green-web .details-store-section .green-table-container .green-table{
	width: 445px;
	margin: 0 auto; 
	color: #000;
}

#green-web .three-column-container .column-element .vip-room-container{
	font-size: 14px; 
	line-height: 1.29; 
	color: #000; 
	text-align: center; 
	padding-bottom: 10px; 
	border-bottom: 0.5px solid #898989;
}

#green-web .three-column-container .column-element .vip-room-container .time-used-text{
	margin-top: 5px;
}

#green-web .three-column-container .column-element .vip-room-container .time-used-text p span{
	margin-left: 7px;
}

#green-web .caveat-container{
	margin-left: 10px; 
	font-size: 14px; 
	color: #000; 
	margin-bottom: 20px
}

#green-web .caveat-container p:first-child{
	font-weight: bold
}

/* confirm completed reservation sub popup */
.md-content .label-content{
	margin: 30px 0px 10px 10px;
	font-size: 16px;
	line-height: 24px;
}

.md-content .customer-section{
	margin: 10px 20px 30px 20px;
}

.md-content .customer-section .label-customer{
	font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
}

.md-content .customer-section .list-type-option{
	width: 100%;
}

.md-content .customer-section .list-type-option .list-option{
	width: calc(33.33% - 7px);
    margin-bottom: 10px;
}

.md-content .customer-section .list-type-option .list-option:not(:nth-child(3n)){
	margin-right: 10.5px;
}

.md-content .customer-section .list-type-option .list-option .list-op-button{
	width: 100%;
    min-height: 40px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 16px;
}
.list-op-button-selected {
	width: 100%;
	min-height: 40px;
	border-radius: 5px;
	background-color: #ed4901;
	color: #fff;
	border: 1px solid #ccc;
	font-size: 16px;
}

.md-content .submit-button-section{
	margin-bottom: 15px;
    padding: 0px 10px;
}

.md-content .submit-button-section button{
	width: 100%;
    height: 50px;
    background-color: #ed4901;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
}

@media screen and (max-width: 519px){
	.modal-content{
        width: 100%;
        max-height: 100%;
        height: 100%;
    }
    .md-header .title-md-header {
        font-size: 18px;
        line-height: 8px;
    }
	#sub-popup-store-detail .modal-content,
	#sub-popup-store-detail-no-therapist .modal-content{
		overflow-y: auto;
		overflow-x: hidden;
		max-height: 372px;
		height: fit-content;
		margin: 10px;
	}
}

@media screen and (max-width: 767px){
	.breadcrumbs{
		padding: 0px 5px;
		border-bottom: solid 1.6px #f1eeee;
	}
	.breadcrumbs__item {
		margin-bottom: 0px;
		margin-left: 10px;
	}
	.breadcrumbs .icon-web {
		visibility: hidden;
		display: none;
	}
	.breadcrumbs .icon-mobile {
		visibility: visible;
		display: inline-block;
		margin: 0px 10px 0px 0px;
	}
	#top-reservation-container, #green-reservation__container {
		position: unset;
		top: unset;
	}
	
	.reservation-container{
		margin-top: 0px;
	}
	#top-reservation-container{
		display: none;
	}
	#detail-container,#banner-container,#green-detail-right-web-container{
		display: none
	}

	#green-detail-left-web-container{
		display:block;

	}
	
	.store-summary-container{
		padding-right: 0px !important;
	}

	.pd-map-normal-web{
		margin-left: 20px !important;
    margin-right: 20px !important;
	}

  .pd-map-green-web{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

	#green-detail-left-web-container #green-reservation__container{
		box-shadow: none;
	}
  
	#green-detail-container {
		margin-left: 0px;
		width: 100%;
	}
	#green-detail-container #green-web, #green-detail-container #basicinformation{
		padding-left: 10px; 
		padding-right: 10px
	}

	#green-photo-list-mobile{
		height: fit-content !important;
	}

	#green-photo-list-mobile .first-element{
		height: 315px;
		width: 100% !important;
		margin-bottom: 5px;
	}

	#green-photo-list-mobile .list-image{
		width: 100% !important; 
		height: 355px;
	}

	#green-web .details-store-section .summary-container{
		height: fit-content !important;
		width: 375px;
    	margin: 0 auto 23px auto;
	}

	.details-store-section .summary-container .image-section img{
		 height: 85px !important;
	}

	.details-store-section .summary-container .introduce-section span{
		line-height: 24px !important;
	}

	.details-store-section .summary-container .introduce-content .oval{
		width: 33px !important;
		height: 33px !important;
		padding: 6px 4px 7px !important;
		margin-right: 6px !important;
	}
	.details-store-section .summary-container .introduce-content .oval h4{
		font-size: 10px !important;
		height: 18px !important;
	}

	.details-store-section .summary-container .introduce-content .detail-price p:nth-child(1){
		letter-spacing: 0.38px !important;
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.details-store-section .summary-container .introduce-content .detail-price p:nth-child(2){
		font-size: 10px !important;
		line-height: 15px !important;
	}
	.details-store-section .summary-container .introduce-content .detail-price p:nth-child(3) span{
		font-size: 18px !important;
	}
	.details-store-section .summary-container .introduce-content .detail-price p:nth-child(3) {
		font-size: 10px !important;
		line-height: 15px !important;
		height: 27px !important;
	}
	#green-web .three-column-container .column-element{
		width:  100% !important;
		margin: 0 !important
	}

	#green-web .three-column-container .column-element .illustate-image{
		width: 245px !important;
		height:140px !important;
		margin: 0 auto;
	}

	#green-web .three-column-container .column-element .three-column-title p{
		font-size: 12px !important;
		letter-spacing: 2.25px !important;
	}

	#green-web .details-store-section .summary-container .introduce-section {
		padding: 0px 5px;
	}

	.green-table{
		width: 375px !important;
	}

	#green-web .caveat-container{
		margin-left: 0px !important;
		font-size: 12px !important;
		line-height: 2.08 !important;
	}
	.photos-gallery-overlay .photo-gallery-modal{
		width: 336px ;
		height: 100%;
	}
	.photos-gallery-overlay .photo-gallery-modal #close-gallery-modal{
		top: 50px !important;
	}
	.photos-gallery-overlay .photo-gallery-modal #left-arrow-modal,.photos-gallery-overlay .photo-gallery-modal #right-arrow-modal{
		display: none;
	}
	#right-arrow-modal-mobile, #left-arrow-modal-mobile{
		display: block !important;
	}

	.photos-gallery-overlay .photo-gallery-modal .photo-gallery-container{
		width: 320px;
		height: 320px;
		padding: 17px;
	}

	.photos-gallery-overlay .photo-gallery-modal .image-caption{
		padding-top: 30px;
	}

	.detail-section #detail-section-list .section-detail:nth-child(1){
		border-top-left-radius: 0px;
	}
	#green-detail-container{
		background: none;
	}
	.detail-section #detail-section-list .section-detail{
		background: #fff;
	}
	
	.sp__list .sp__list-item {
		flex-direction: column;
	}
	.sp__list .sp__list-item-image img {
		width: 80px;
		height: 80px;
	}
	.sp-container .item-contact {
		flex-direction: column;
	}
	.sp__list .item-content {
		position: absolute;
		left: 6.72rem;
		top: 0;
	}
	
	.item-buttons {
		min-height: 40px;
	}

	.sp-search {
		padding: 0px 20px 20px;
		background-color: white;
		margin-top: 15px;
	}
	.sp-search .sp-search__from {
		display: contents;
		width: 100%;
	}
	.sp-search .sp-search__from-select {
		border: none;
		width: 100%;
		height: auto;
		display: block;
		padding: 0px;
	}
	.sp-search .sp-search__from-select .sp-search__from-select-date,
	.sp-search .sp-search__from-select .sp-search__from-select-total-person,
	.sp-search .sp-search__from-select .sp-search__from-select-total {
		width: 100%;
		height: 40px;
		border-radius: 5px;
		border: solid 0.5px #ccc;
		padding: 10px 15px;
		margin-bottom: 10px;
		margin-right: 0px;
		margin-left: 0px;
	}
	.sp-search .sl-date__content {
		width: 110px;
		margin-left: 10px;
	}

	.sp-search .sp-search__from-select-time {
		width: 75px;
		height: 40px;
		display: flex;
		justify-content: flex-end;
		position: absolute;
		top: 0;
		right: 15px;
		padding: 0px;
	}

	.sp-search .btn-search-list{
		display: flex;
		justify-content: space-between;
	}

	.sp-search .btn-submit {
		margin-top: 10px;
		width: 49%;
	}

	.sp-search .btn-submit-pad{
		padding: 0px;
	}
	.sp-search .icon-time,
	.sp-search .icon-person {
		margin: 0px;
	}
	.sp-search .control-slect {
		margin-left: 0px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px;
	}
	.sp-container {
		padding: 0 20px;
	}
	.sp__list .sp__list-item-wrap {
		margin-left: 0;
	}
	.sp-container .sp-seach__box-title {
		display: block;
		pointer-events: none;
	}
	.sp-container .sp-content {
		width: 100%;
		background-color: #ffffff;
	}
	.sp-container .sp-content .sp__list {
		width: 100%;
	}
	.sp__list .sp-pagination-box ul li a {
		height: 25px;
		width: 25px;
		font-size: 12px;
		line-height: 25px;
	}

	.text-change-condition {
		text-align: center;
		width: 100%;
		padding: 15px 25px 15px 25px !important;
		margin: 20px 0px 20px 0px !important;
	}

	.sp__list .item-content .item-title-text {
		font-size: 16px !important;
	}

	.sp__list .item-content .item-text {
		font-size: 12px !important;
	}

	.item-note-text {
		font-size: 12px !important;
		margin-left: 0px !important;
	}

	.sp__list .item-buttons .btn-time6,
	.sp__list .item-buttons .btn-time {
		font-size: 12px !important;
	}

	.icon-tick img {
		width: 15px !important;
	}

	.time-sp {
		margin-left: 80px !important;
	}

	.triangle-container-plus {
		margin-right: 15px !important;
	}
}

@media screen and (min-width: 768px){
	#normal-detail-store-mobile{
		display: none;
	}
}


@media screen and (max-width: 444px){
	.detail-store-right-container{
		width: 100% !important;
		margin: 0 !important;
	}

	.green-table thead tr th span{
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.green-table tbody tr {
		font-size: 10px !important;
	}

	.green-table thead tr th:nth-child(1){
		width: 24% !important;
	}
	.green-table thead tr th:nth-child(2){
		width: 40% !important;
	}
	.green-table thead tr th:nth-child(3){
		width: 36% !important;
	}

	.green-table tbody tr td:nth-child(1){
		width: 24% !important;
	}
	.green-table tbody tr td:nth-child(2){
		width: 40% !important;
	}
	.green-table tbody tr td:nth-child(3){
		width: 36% !important;
	}
	.green-table tbody tr td:nth-child(2) .triangle-container{
		margin-right: 25px !important;
	}
}

@media screen and (max-width: 360px) {
	.sp__list .item-buttons .btn-time {
		padding-left: 16px !important;
    	padding-right: 16px !important;
	}
 }

 @media screen and (max-width: 414px) and (min-width: 400px) {
	.sp__list .item-buttons .btn-time {
		padding-left: 23px !important;
    	padding-right: 24px !important;
	}
 }

@media screen and (max-width:767px) and (min-width: 445px){
	.detail-store-right-container{
		width: 90% !important;
		margin: auto !important;
	}
}
@media screen and (min-width: 445px){
	.order-mobile-container button{
		text-align: center !important;
		padding-left: 0px !important
	}
}

@media screen and (min-width:768px) and (max-width: 965px){
	#top-reservation-container, #green-reservation__container{
		width: 254px;
	}
	#green-web .three-column-container{
		justify-content: center;
	}
	#green-web .three-column-container .column-element{
		width: 375px;
		margin-bottom: 60px;
	}
	#green-web .three-column-container .column-element .illustate-image{
		height: 145px;
	}
}

@media screen and (min-width:768px) and (max-width: 890px){
	#green-web .details-store-section .summary-container .introduce-section .introduce-content .detail-price p:nth-child(3) span{
		font-size: 26px;
	}
	#green-web .details-store-section .summary-container .introduce-section .introduce-content .oval{
		margin-right: 5px;
		height: 45px;
		width: 45px;
		padding: 8px 0;
	}
	#green-web .details-store-section .summary-container .introduce-section .introduce-content .oval .text-oval{
		font-size: 14px;
	}	
}
@media screen and (min-height: 1024px) {

	#close-gallery-modal {
		top: -46px !important;
	}

	.image-caption {
		bottom: -40px !important;
	}
}
@media screen and (min-width: 980px) {
	#detail-container, #green-detail-container{
		margin-left: 0px;
	}
	.reservation-container .detail-store-right-container, .green-reservation-container .detail-store-right-container{
		margin-right: 0px;
	}
}

.time-treament-container-modal::-webkit-scrollbar {
	display: none;
}

#idDateContentVal{
	font-size: 14px;
	white-space: nowrap;
}

.read-more{
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
	overflow: hidden;
	line-height: 24px;
	max-height: 90px;
	overflow: hidden;
	-webkit-line-clamp: 3;
}

#idBtnReadMore{
	display: none;
	align-items: center;
	background: none;
	border: none;
	cursor: pointer;
	justify-content: center;
	margin: 0;
	outline: none;
	color: #ed4901;
	font-size: 16px;
}

.text-change-condition {
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    background-color: antiquewhite;
    font-weight: bold;
    font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.3;
}

.reservation-form {
	width: 90%;
    margin-left: 5%;
    border: 1px solid gray;
    border-radius: 10px;
    margin-bottom: 20px;
}


.sp-container .sp-content .sp__list {
	width: 715px;
}

.sp__list .sp__list-item {
	flex-direction: row;
	position: relative;
	margin-bottom: 16px;
	width: 100%;
	padding-bottom: 32.5px;
	border-bottom: solid 2px #f1eeee;
}

.sp__list-item-image img {
	width: 160px;
	height: 160px;
	border-radius: 5px;
}

.sp__list .sp__list-item-wrap {
	margin-left: 10px;
	width: 100%;
}

.sp__list .sp__list-item-wrap {
	margin-left: 0;
}

.sp__list .item-button,
.sp__list .item-note {
	text-align: center;
}

.sp__list .item-button li,
.sp__list .item-note li {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	text-align: center;
	line-height: 1.6;
	margin-right: 15px;
}

.sp__list .item-content .item-title-text {
	margin-right: 20px;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	word-break: break-all;
}

.sp__list .item-content .item-text {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 10px;
	word-break: break-all;
}

.sp__list .item-buttons {
	display: block;
	justify-content: center;
}

.sp__list .item-buttons .item-buttons1{
	margin-bottom: 10px;
	display: inline-block;
    margin: 10px 10px 7px 0;
    min-width: 2.125rem;
    vertical-align: top;
    width: calc(19% - 0.4375rem);
}

.sp__list .item-buttons .btn-time6,
.sp__list .item-buttons .btn-time {
    border-radius: 5px;
    background-color: #ed4901;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: 30px;
    margin-bottom: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.sp-seach__box-title,
.sp__list-title {
	height: 30px;
}

@media only screen and (max-width: 550px) {
	.sp__list .item-buttons .btn-time {
		font-weight: bold; 
		font-family: meiryo;
		width: 100%;
		display: flex;
		text-align: center;
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.item-buttons6 {
		width: 100%;
	}
	.sp-container .text-min {
		margin-top: 10px;
	}
	.sp-container li:last-child {
		padding-bottom: 0;
	}
	.item-buttons{
		overflow-x: auto;
		display: flex !important;
		margin-left: 85px;
	}

	.sp__list .item-buttons .item-buttons1{
		min-width: fit-content !important;
	}

	.sp-pdf-guide {
		max-width: 960px;
		margin: 0 auto;
		margin-left: 20px;
	}
	
	.item-buttons6{
		width: 235px;
		margin-bottom: 10px;
		margin-top: 25px !important;
	}

	.time-open1,
	.time-open2,
	.time-open3,
	.time-open4,
	.time-open5 {
		margin-right: calc(10% - 1.45rem);
	}
}

.item-buttons6{
	width: 100%;
	margin-bottom: 10px;
    margin-top: 25px !important;
}

.item-notes li:last-child {
	margin-right: 0px;
}

.item-note-text {
	font-size: 14px;
	margin-left: 6px;
}

.item-notes {
	display: block;
	margin-left: 85px;
}

.time-open1,
.time-open2,
.time-open3,
.time-open4,
.time-open5 {
	display: inline-block;
	align-items: center;
	margin-right: calc(10% - 0.25rem);
	margin-bottom: 10px;
	cursor: default;
}

.time-open:last-child {
	cursor: pointer;
	margin-right: 0;
}
.sp-list-fist-title {
	text-align: left;
	height: 40px;
	line-height: 2.5;
	background-color: antiquewhite;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 20px;
	padding-left: 25px;
	display: none;
}

.item-distance {
	position: absolute;
    top: 0px;
    right: 5px;
	font-size: 12px;
}

.shop_tel {
	text-decoration: underline;
	color: #1b1bff;
	font-weight: bold;
}

#reservation-error-modal {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

#reservation-error-modal .modal-content {
    width: 400px;
    height: auto;
    top: 30%;
    border-radius: 15px;
}

#reservation-error-modal .m_header {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

#reservation-error-modal .m_footer {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}

#reservation-error-modal #message_content {
    text-align: center;
    padding: 0px 25px 0px 25px;
}

#close-modal {
    border-radius: 10px;
    padding: 5px 40px 5px 40px;
    color: #fff;
    background: #ed4901;
}

#info-modal {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

#info-modal .modal-content {
    width: 400px;
    height: auto;
    top: 30%;
    border-radius: 15px;
}

#info-modal .m_header {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#info-modal .text-center {
    padding: 10px;
    font-size: 20px;
}

#info-modal #message_content {
    text-align: left;
    margin: 0 auto;
    width: 75%;
    font-size: 16px;
}

#info-modal .inpmark {
    display: block;
    height: 50px;
    margin: 0 auto;
}

#info-modal .m_footer {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 40px;
}

#info-modal #close-info-modal {
    font-size: 16px;
    width: 80%;
    border-radius: 10px;
    padding: 5px 40px 5px 40px;
    color: #fff;
    background: #ed4901;
}

#info-modal .detail-modal-show {
	display: block;
}

@media screen and (max-width:768px) {
    #reservation-error-modal .modal-content {
        width: 330px !important;
        top: 35% !important;
    }

    #info-modal .modal-content {
        width: 330px !important;
        top: 35% !important;
    }
}

@media screen and (max-width:300px) {
    #reservation-error-modal .modal-content {
        width: 240px !important;
        top: 30% !important;
        font-size: 12px !important;
    }

    #info-modal .modal-content {
        width: 240px !important;
        top: 30% !important;
        font-size: 12px !important;
    }
}

@media screen and (min-width:310px) and (max-width:360px) {
    #reservation-error-modal .modal-content {
        width: 300px !important;
    }

    #info-modal .modal-content {
        width: 300px !important;
    }
}

/*css for green plus*/
.introduce-header-green-plus {
	text-align: left;
	padding-left: 75px;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
}

.introduce-header-green-plus span {
	font-size: 28px;
	line-height: 36px;
	color: #000;
	font-weight: bold;
}

.introduce-content-green-plus {
	margin-top: 9px;
	padding-left: 75px;
	display: flex;
}

.oval-green-plus {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background-color: #00583B;
	text-align: center;
	padding: 15px 0;
	margin-right: 17px
}

.text-oval {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	font-size: 18px;
	color: #fff;
}

.detail-price-green-plus p {
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	font-weight: 700;
	padding: 10px 0px 10px 0px;
}

.green-plus-text {
	color: #00583B;
}

p.green-plus-text {
	font-size: 16px;
	line-height: 1.2;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	font-weight: 900;
}

.col-text {
	padding-left: 10px;
}

table.green-plus-table span {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
}

.triangle-container-plus .text-price {
	width: 98px;
	text-align: right;
}

.w-50-green-plus {
	width: 48%;
}

#green-web .details-store-section .green-table-container .green-table tbody tr td:nth-child(2) .triangle-container-plus {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 25px;
}

/* policy modal */
#policy-modal .modal-content {
    width: 50%;
    height: 80%;
    top: 10%;
	line-height: 1.0;
}

.modal-content .header-policy-modal {
	height: 120px;
    text-align: center;
    padding: 40px 10px 0 10px;
}

.modal-content .header-policy-modal h1 {
	font-size: 30px;
}

.modal-content .header-policy-modal h2 {
	font-size: 18px;
    margin: 20px;
}

.modal-content .content-policy-modal {
    padding: 20px 20px 20px 20px;
    height: calc(100% - 330px);
    overflow-y: scroll;
    width: 90%;
    margin-left: 5%;
    border: 2px solid gray;
	margin-top: 20px;
	line-height: 1.5;
}

.modal-content .content-policy-note {
    color: #ed4901;
    background-color: #f9e6d7;
    text-align: center;
    width: 90%;
    margin-left: 5%;
    line-height: 1.3;
	margin-top: 15px;
}

.modal-content .button_back {
    color: #ed4901;
    text-align: center;
	font-size: 12px;
}

.modal-content .footer-policy-modal {
	text-align: center;
    margin: 10px 15px 15px 15px;
}

.modal-content .footer-policy-modal button {
	margin: 10px 0;
    width: 50%;
    height: 50px;
    border-radius: 30px;
    color: #f0fafc;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

.modal-content .footer-policy-modal button:disabled {
	background-color: #bfbfbf;
}

.modal-content .footer-policy-modal button:enabled {
	background-color: #ed4901;
}

.modal-content .text-right {
	position: absolute;
    width: 20px;
    font-size: 20px;
    right: 0;
    cursor: pointer;
}

@media screen and (max-width:768px) {
	.modal-content .header-policy-modal {
		height: 100px;
	}
    .modal-content .header-policy-modal h1 {
		font-size: 16px;
	}
	
	.modal-content .header-policy-modal h2 {
		font-size: 10px;
	}

	.container_modal {
		font-size: 12px !important;
	}

	.modal-content .content-policy-modal {
		height: calc(100% - 310px);
	}

	#policy-modal .modal-content {
		width: 90% !important;
	}

	.content-policy-note {
		font-size: 12px !important;
	}
}

.section-shop-detail {
	border-bottom: none;
}

.menu-border-bottom {
	border-bottom: 0.5px solid #cccccc;
	width: 50%;
}