@import url("/RichWidgets/Theme.LondonFixed.css?11");

.Header {
    background: #fafafa;
}

.Menu_TopMenuActive {
    background: #fafafa;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #3498DB; /*primary-color*/
}

.AppSwitcherList,
.Application_Menu .Menu_DropDownButton,
.Header_Menu,
.Application_Menu {
    background: #3498DB; /*primary-color*/
}

.Menu_TopMenu a, 
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited {
    background:transparent;
}

.ButtonDefault,
.Button.Is_Default {
    background: #3498DB; /*primary-color*/
    border: 1px solid #3498DB; /*primary-color*/
    color: #fafafa;
}

.AppSwitcherLink, 
.AppSwitcherLink:link, 
.AppSwitcherLink:visited {
    border:none;
}

.AppSwitcherLink, 
.AppSwitcherLink:link, 
.AppSwitcherLink:visited,
.Menu_TopMenu a:link, 
.Menu_TopMenu a:visited, 
.Menu_TopMenu a {
    color: #fafafa ;
    border-bottom-color: #fafafa;
}

.Menu_DropDownArrow {
    border-top-color:#fafafa ;
}

.Application_Menu a.Menu_SubMenuItem, 
.Application_Menu a.Menu_SubMenuItem:hover, 
.Application_Menu a.Menu_SubMenuItem:link, 
.Application_Menu a.Menu_SubMenuItem:visited {
    background-color: #3498DB; /*primary-color*/
    border-bottom: none;
    color: #fafafa ;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Application_Menu a.Menu_SubMenuItemActive:link, 
.Application_Menu a.Menu_SubMenuItemActive:visited,
.Application_Menu a.Menu_SubMenuItem:hover {
    color: #fafafa;
}

a, 
a:link, 
a:visited {
  color: #3498DB; /*primary-color*/
}

a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before {
    background: #3498DB; /*primary-color*/
}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username, 
a.Login_Info_Username:link, 
a.Login_Info_Username:visited,
.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.MenuSlider_Toggler,
.Menu_TopMenuActive:hover a,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited { 
    color: #3498DB; /*primary-color*/
}

.EditableTable tr.RowControlGroup a {
    color: #3498DB; /*primary-color*/
}

@media screen and (max-width: 1023px) { 
    .Responsive .Login_Info_Logout:before {
         color: #fafafa ;
    }
}
/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="4gjjaqUN8Uq6z80MPMYkow"] { display:inline-block; height:50px; width:50px; }
[data-style-key="9FCDDVW470ihCXq7QuAm0g"] { display:inline-block; height:50px; width:50px; }
[data-style-key="RM5QvCRR+k2mjUG5MPmwmw"] { display:inline-block; height:50px; width:50px; }
[data-style-key="bbfCJMh1fE2MPKV7azZjVQ"] { display:inline-block; height:50px; width:50px; }
/*** Generated classes from Style Editor in OutSystems 10 ***/

/* 関連ツアー　***/
.relationTtl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display:block;
    margin-top: 50px;
    border-top: 1px solid #ccc;
    padding-top: 40px;
}
.relationTtl--txt{
    border-bottom: 4px solid #3d7bae;
    padding-bottom: 10px;
    display: inline-block;
}
.relationList br {
    display: none;
}
.relationListWrap {
    margin: 24px 0;
}
.relationList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 0px;
}
.relationList__box {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
}
.relationList__box:hover{
    opacity: .8;
}
.relationList__box .description{
    padding:16px;
}
.relationList__box .name{
    font-size: 15px;
    font-weight: bold;
}
.relationList__box .price{
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .relationListWrap {
        overflow-y: hidden;
    }
    .relationList {
        display: block;
        grid-template-columns: inherit;
        grid-template-rows: inherit;
        grid-column-gap: inherit;
        grid-row-gap: inherit;
        overflow-x: scroll;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
    }
    .relationList:has(.relationList__box:nth-of-type(2)){
      width: 620px;
    }
    .relationList:has(.relationList__box:nth-of-type(3)){
      width: 940px;
    }
    .relationList:has(.relationList__box:nth-of-type(4)){
        width: 1250px;
    }
    .relationList__box {
        float: left;
        width: 300px;
        margin: 0 16px 0 0;
        /* background: #EFEFEF; */
    }
    .relationList .relationList__box:last-of-type{margin-right: 0;}
}