.container {
  max-width: 960px;
}

.container .py-5 {
	padding: 18px;
}

.lh-condensed { line-height: 1.25; }

.bg-light {
    background-color: #fff!Important;
}
body {
    font-size: 14px;
    font-family: arial,sans-serif;
    color: #202124;
}

p.lead {
    font-size: 14px;
    line-height: 1.2!important;
    letter-spacing: 0;
    text-align:center;
}
.bg-light h2 {
    font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 18px 0;
}
.bg-light h3 {
    font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 18px 0;
}
.bg-light h4 {
    font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 18px 0;
}

p.lead br {
display: block;
content: "";
margin: 10px 0;
}

.accordion-003 {
    max-width: 100%;
    margin-bottom: 7px;
}

.accordion-003 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #202124;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #202124;
    border-right: 3px solid #202124;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #202124;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}

.accordion-004 {
    max-width: 100%;
    margin-bottom: 0px;
}

.accordion-004 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 2em 0.2em;
    color: #202124;
    font-weight: 600;
    cursor: pointer;
}

.accordion-004 summary::-webkit-details-marker {
    display: none;
}

.accordion-004 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #202124;
    border-right: 3px solid #202124;
    content: '';
    transition: transform .3s;
}

.accordion-004[open] summary::after {
    transform: rotate(225deg);
}

.accordion-004 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 0em 1.5em;
    color: #202124;
    transition: transform .5s, opacity .5s;
}

.accordion-004[open] p {
    transform: none;
    opacity: 1;
}

.accordion-005 {
    max-width: 100%;
    margin-bottom: 0px;
}
.accordion-005 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 2em 0.2em;
    color: #202124;
    font-weight: 600;
    cursor: pointer;
}
.accordion-005 summary::-webkit-details-marker {
    display: none;
}
.accordion-005 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #202124;
    border-right: 3px solid #202124;
    content: '';
    transition: transform .3s;
}
.accordion-005[open] summary::after {
    transform: rotate(225deg);
}
.accordion-005 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #202124;
    transition: transform .5s, opacity .5s;
}
.accordion-005[open] p {
    transform: none;
    opacity: 1;
}
.accordion-005 p.amenity_category{
    font-size:0.9rem;
    text-align: left;
    font-weight:bold;
    padding:10px 0 0 0;
}
.accordion-005 ul{
    padding-left: 0;
}
.accordion-005 ul li{
    list-style: none;
    text-align: left;
    padding:10px;
    font-size:0.9rem;
}
.accordion-005 ul li i{
    padding-right:4px;
}

.accordion-006 {
    max-width: 100%;
    margin-bottom: 0px;
}
.accordion-006 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 2em 0.2em;
    color: #202124;
    font-weight: 600;
    cursor: pointer;
}
.accordion-006 summary::-webkit-details-marker {
    display: none;
}
.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #202124;
    border-right: 3px solid #202124;
    content: '';
    transition: transform .3s;
}
.accordion-006[open] summary::after {
    transform: rotate(225deg);
}
.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #202124;
    transition: transform .5s, opacity .5s;
}
.accordion-006[open] p {
    transform: none;
    opacity: 1;
}

@media screen and (max-width:480px) {
.bg-light h2 {
    font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 18px 0;
}
.bg-light h3 {
    font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 18px 0;
}
.bg-light h4 {
    font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
	margin: 18px 0;
}
.card-info button + .row + .row div,
.card-info button + .row + .row + .row div,
.card-info button + .row + .row + .row + .row div,
.card-info button + .row + .row + .row + .row + .row div 
{
    width:50%;
    float:left;
}
.card-body.text-xs.pt-0.pb-0 .row div.col-sm-6{
    width:50%;
    float:left;
}
.card-footer .row div{
    width:50%;
    float:left;
}
}

/* SNSボタン */
.flowbtn10{
display:inline-block;	
font-size:24px;
text-decoration:none;
transition:.5s;
color: #202124;
}
.snsbtniti li a:hover{
color: #999999;
}
ul.snsbtniti{
padding:0!important;
}
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:center;	
}
.snsbtniti li{
text-align:center!important;
list-style: none;
    margin: 0 8px;
}

/* フォーム */
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #202124!Important;
}

.daterangepicker td.in-range {
    background-color: #cccccc;
}
.embedded-daterangepicker .daterangepicker {
    margin-bottom: 4px;
}
.card-info{
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
}

.card-info .text-lg {
    font-size: 1.5rem!important;
    font-weight: bold;
}

.card-info .card-header {
	border: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #202124;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #202124;
    border-color: #202124;
    color: #fff;
    padding: 4px 8px;
    margin-top: 0.31rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #202124;
    color: #fff;
}
.card-info button {
  border: none;
  box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  margin-bottom: 4px;
      padding: 8px;
}
.card-info button:hover {
    opacity: 90%;
}

.card-info button + .row + .row,
.card-info button + .row + .row + .row,
.card-info button + .row + .row + .row + .row,
.card-info button + .row + .row + .row + .row + .row 
{
    font-size:0.9rem;
}

.card-info .card-footer .row{
    font-size:1rem;
    padding: 4px 0;
}

.card-info .card-footer {
    margin-top: 4px;
}

.card-info .form-control:focus {
    border-color: #202124;
}
.card-info .form-control {
text-align: right;
}
.1daycpst{
margin: 6px 0;
}
.1daycost-main{
font-size: 1.25rem;
}

.1daycost-hosoku{
font-size: 0.75rem;
margin-left:12px!Important;
}

.d-none div.form-group:has(#checkin_date1){
border: solid 1px #ccc;
    border-radius: 4px;
    padding: 4px 8px 0 4px;
}
#checkin_date1{
border: none;
    background-color: #fff;
}
.d-none div.form-group:has(#checkout_date1){
border: solid 1px #ccc;
    border-radius: 4px;
    padding: 4px 8px 0 4px;
}
#checkout_date1{
border: none;
    background-color: #fff;
}
.form-horizontal input.btn {
  border: none;
  box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
  margin-bottom: 4px;
      padding: 8px;
}
.form-horizontal input.btn:hover {
    opacity: 90%;
}

.form-horizontal .row .col-md-6{
    padding:0 15px;
}

.mb-3:has(label[for="country"]) .select2-container--default {
    width: 100%!Important;
}

.form-horizontal input.btn:first-child {
background-color: #999!important;
    max-width: 180px;
    font-size: 1rem;
}

.form-horizontal input[name="_return2"]{
background-color: #999!important;
    max-width: 180px!Important;
    font-size: 1rem;
}

.form-horizontal input.btn {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
}

.form-horizontal .row .col-md-6 .row.mb-3{
margin-bottom: 0.4rem!important;
}
.form-horizontal .row .col-md-6 .row.mb-3 .col-3{
    padding-left: 20px!important;
}
.form-horizontal .row .col-md-6 .row.mb-3 .col-8{
    padding-left: 20px!important;
}

.form-horizontal .row .col-md-6 .row.mb-3 .col-6{
    padding-left: 20px!important;
}

.form-horizontal .row .col-md-6 h5.mb-3 {
    margin-top: 1rem;
    padding-left: 0!Important;
}

.form-horizontal .text-right a{
color:#ccc;
}
.form-horizontal .text-right a;hover{
color:#999;
}


/* 必須共通 */
code {
    font-size: 75%!Important;
    color: #ea4335!Important;
    font-weight: normal;
    word-wrap: break-word;
}



/* 施設画像 */
.hotelImageWrapper{
    padding:0;
    margin:0;
    margin-bottom:20px;
}
.hotelImageMain{
    padding:0px 2px 0px 0px;
    margin:0;
}
.hotelImageMain div{
    height: 324px;
    background-color:#dcdcdc;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    padding:0;
    margin:0;
}
.hotelImageMain img{
    width: 100%;
    height: 324px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.hotelImageSub{
    padding:0px 0px 0px 2px;
    margin:0;
}
.hotelImageSub1{
    padding:0px 2px 2px 0px;
    margin:0;
}
.hotelImageSub1 div{
    height: 160px;
    background-color:#dcdcdc;
    padding:0;
    margin:0;
}
.hotelImageSub2{
    padding:0px 0px 2px 2px;
    margin:0;
}
.hotelImageSub2 div{
    height: 160px;
    background-color:#dcdcdc;
    padding:0;
    margin:0;
    border-top-right-radius: 12px;
}
.hotelImageSub3{
    padding:2px 2px 0px 0px;
    margin:0;
}
.hotelImageSub3 div{
    height: 160px;
    background-color:#dcdcdc;
    padding:0;
    margin:0;
}
.hotelImageSub4{
    padding:2px 0px 0px 2px;
    margin:0;
}
.hotelImageSub4 div{
    height: 160px;
    background-color:#dcdcdc;
    padding:0;
    margin:0;
    border-bottom-right-radius: 12px;
}
.hotelImageSub img{
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.hotelImageSub2 img{
    border-top-right-radius: 12px;
}
.hotelImageSub4 img{
    border-bottom-right-radius: 12px;
}
.thumIcon {
    position: absolute;
    color: white;
    bottom: 0px;
    right: 14px;
}
.grid-item {
    float: left;
    width:50%;
    padding:2px;
}
.daterangepicker{
    z-index:1000;
}


/* GoogleMap */
.googleMapIframe{
    width:100%;
    height:350px;
}


/* キャンセルページ */
.cancel-page .lead {
    font-size: 18px;
}

/* フォーム */
.daterangepicker .calendar-table th {
    font-weight: normal;
}
.accordion-003,.accordion-004,.accordion-005,.accordion-006 {
    max-width: 100%;
}
.accordion-003 summary,.accordion-004 summary,.accordion-005 summary,.accordion-006 summary {
    padding: 0.4em 0.6em;
}

.accordion-006 .btn-sm {
    border: none;
}
.gt_float_switcher img {
width:24px!Important;
}
.gt_float_switcher{
font-size: 16px!Important;
}