@charset "utf-8";

@media (max-width: 575.98px) {
  th , td , button  {
     font-size: 0.8rem;
   }
   .sort-style{
      font-size: 0.7rem !important;
      padding-left:3px !important;
      padding-right:3px !important;
   }
  }


body header {
border-bottom-width: 2px;
}
.top_memo {
font-size: 11px !important;
font-weight: 100 !important;
color: white;
}
.bt_wide {
width: 100%;
}

.bg-header {
background-color: rgba(0,0,0,0.7);
}

.text-shadow{
   text-shadow: 1px 1px 1px rgb(0, 0, 0);
   margin: 0 0.5rem;
   color:white;
}

.img-fullsize{
   max-width: 100%;
   height: auto;
}

.breadcrumb.small{
font-size: 0.75rem;
padding-top: 0.2rem;
}

.container-fluid {
   margin-right: auto;
   margin-left: auto;
   }

.icon-box {
   background-color: rgba(237, 77, 77, 0.9);
   padding: 0 0.2rem;
   margin: 0 2px;
}

.icon-box p{
   color:white;
   margin-bottom: 5px;

}

.icon-box a {
   text-decoration: none;
   opacity: 0.6;
   transition: 0.5s ;
}

.icon-box a:hover  {
   opacity: 1.0;
}




.icon-box-text {
   text-align: center;
   font-size: 0.75rem;
}

.badge-icon{
   background-color: #46b8da !important;
   color:white;
   font-size: 0.70rem;
   border: #3b9cba solid 1px;
}

.nav-link{
   padding-left:0.5rem !important;
   margin: 0 0.5rem;
   
}
.navbar-toggler {
   border-color: rgba(255,255,255,.6) !important;
}

.nav-link:hover {
   color: rgba(255,255,255,1) !important;
   background-color: #1d789f;
   border-radius: 5px;
}

.nav-item .active{
   border-top: #444 1px solid ;
   border-bottom: #666 1px solid ;
   background-color: #1d789f;
   border-radius: 5px;
}

.footer-bg{
   background-color: #bbb;
   padding: 5rem 0;
}


#sp_footer_menu {
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

#sp_footer_menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp_footer_menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 16px;
   border-right: 1px solid #fff;
}

#sp_footer_menu li:first-child{
   background: #38b435;
}

#sp_footer_menu li:last-child{
   background: #f3a324;
}

#sp_footer_menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:0.5rem 0;
   text-decoration: none;
}

.footer-nav ul{
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;  

}

.footer-nav li{
   font-size: 0.9em;
   margin :0.5rem 0;
}

.footer-nav li a{
   text-decoration: none;
   display: block;
}


.footer-nav li a:link,
.footer-nav li a:active,
.footer-nav li a:visited{
   color:black;
   border :solid 1px #ccc; 
   background-color: white;
   padding: 0.2rem 0 0.2rem 0.4rem;
   transition: 0.3s;
}
.footer-nav li a:hover{
background-color: #333;
color: white;
}

p.link-non a{
   text-decoration: none;
}
p.link-non a:link,
p.link-non a:active,
p.link-non a:visited,
p.link-non a:hover {
   color:white;
   text-decoration: none;
}

p.link-non a:hover {
   color:yellow;
}

.slider-for img
{
   width:100% ; 
   height:60vw; 
   object-fit: scale-down !important;
   max-height: 400px ;
   min-height: 200px ;
}



.slider-nav img
{
   height:20vw !important; 
   max-height: 50px !important;
   min-height: 30px !important;
	border:3px solid white;
   opacity: 0.7 !important;
}
.slider-nav img:hover
{
   opacity: 1 !important;
   border:3px solid rgb(86, 190, 255);
   transition: .3s opacity linear;
}
.slider-nav .slick-current img{
	border:3px solid rgb(100, 100, 100);
   opacity: 1 !important;
}

.slick-prev,
.slick-next
{ 
    /* スライド画像の後ろに隠れないようにする */
    z-index: 100 !important;
}

.slick-prev::before,
.slick-next::before {

     font-size: 18px !important; 
     color: rgb(28, 150, 181) !important;
}

.search-bg{
background-color: rgba(255, 255, 255, 0.6) !important;

}

.card-box a:link, .card-box a:visited, .card-box a:hover, .card-box a:active {
   text-decoration: none !important;
   color:darkslategray !important;
}

.card-box .card {
   transition:box-shadow 0.3s, transform 0.3s;
}

.card-box .card:hover {
   box-shadow:0 6px 14px rgba(0, 0, 0, 0.24);
   transform:translate(0, -2px);
}
.hover-no a:link, .hover-no a:visited, .hover-no a:active {
   text-decoration: none !important;
   color:inherit !important;
}
.hover-no a:hover {
   text-decoration: none !important;
   color:inherit !important;
   opacity: 0.8;
}

.f-icon {
   color: #333 !important;
   background-color: #eee !important;
   border: #bbb solid 1px;
   padding: 0.4em 1em !important ;
   margin:2px !important;
   font-size: 0.70rem !important;
}
.sort-style {
   font-size: 0.8rem !important;
   padding: 0.1rem 0.3rem !important;
}
.sort-style-text {
   font-size: 0.7rem !important;
   margin-bottom: 0;
   text-align: center;
}

.sort-by-button-group{
padding-right: 0;
padding-left: 0 ;
}

.phone-num{
   text-align: justify;
   width: 2rem;
   display: inline-block;
}

.contact-text-shadow{
   /*text-shadow: 1px 1px 1px rgba(255,255,255,1);*/
   color: #000;
   line-height: 1.4rem !important;
}

.contact-tytle{
   font-weight:normal ;
   /*text-shadow: 2px 1px 2px rgba(0,0,0,0.9); */
   color:#222;
}

.error_msg {
   color: red;
   font-size: 0.8rem;
 }

.item-box {
   transition:box-shadow 0.3s; 
/*   transition:box-shadow 0.3s, transform 0.3s;  */
/*   transition: 0.3s; */
}
.item-box a{
   text-decoration: none !important;
   color: inherit !important;
}
.item-box:hover{
   box-shadow:0 6px 14px rgba(0, 0, 0, 0.3);
   transform:translate(0, -3px);
}

.bt_look{
font-size: 0.7rem !important;
padding: 0.15rem 0.5rem !important;
vertical-align: top;
}



 #smartwizard.sw-theme-arrows .sw-container {
   min-height: 200px
 }
 #smartwizard.sw-theme-arrows .step-content {
   padding: 10px 0;
   border: 0 solid #d4d4d4;
   background-color: #FFF;
   text-align: left
 }
 #smartwizard.sw-theme-arrows .sw-toolbar {
   background: #fff;
   border-radius: 0!important;
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 0!important
 }
 #smartwizard.sw-theme-arrows .sw-toolbar-top {
   border-bottom-color: #fff!important
 }
 #smartwizard.sw-theme-arrows .sw-toolbar-bottom {
   border-top-color: #fff!important;
   border-bottom-color: #ddd!important
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor {
   display: block;
   border: 0 solid #ccc!important;
   padding: 0;
   background: #f5f5f5;
   border-radius: 5px;
   list-style: none;
   overflow: hidden;
   margin-top: 20px
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor li+li:before {
   padding: 0
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li {
   float: left
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li {
   color: #bbb;
   text-decoration: none;
   padding: 10px 0 10px 45px;
   position: relative;
   display: block;
   float: left;
   border-radius: 0;
   outline-style: none;
   background: #ddd
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li:after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
   border-left: 30px solid #ddd;
   position: absolute;
   top: 50%;
   margin-top: -50px;
   left: 100%;
   z-index: 2
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li:before {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
   border-left: 30px solid white;
   position: absolute;
   top: 50%;
   margin-top: -50px;
   margin-left: 1px;
   left: 100%;
   z-index: 1
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li:first-child {
   padding-left: 15px
 }

 #smartwizard.sw-theme-arrows>ul.step-anchor>li:hover2 {
   color: #bbb;
   text-decoration: none;
   outline-style: none;
   background: #ffc107;
   border-color: #ffc107
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li:hover:after2 {
   border-left-color: #ffc107
 }

 #smartwizard.sw-theme-arrows>ul.step-anchor>li.clickable>a:hover {
   color: #4285f4!important;
   background: #46b8da!important
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li.active {
   border-color: #5bc0de!important;
   color: #fff!important;
   background: #5bc0de!important
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li.active:after {
   border-left: 30px solid #5bc0de!important
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li.done {
   border-color: #5cb85c!important;
   color: #fff!important;
   background: #5cb85c!important
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li.done:after {
   border-left: 30px solid #5cb85c
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li.danger {
   border-color: #d9534f!important;
   color: #d9534f!important;
   background: #fff!important
 }
 #smartwizard.sw-theme-arrows>ul.step-anchor>li.disabled, .sw-theme-arrows>ul.step-anchor>li.disabled:hover {
   color: #eee!important
 }

.top-icon-box {
   background-color: rgba(0, 0, 0, 0.65);
   transition: 0.5s ;
   padding:  0;
}
.top-icon-box.active {
   background-color: rgba(0, 127, 255, 1);
}
.top-icon-box.active a{
   opacity: 1.0;
}
.top-icon-box p{
   color:white;
   margin-bottom: 5px;
}

.top-icon-box a{
   text-decoration: none;
   opacity: 0.6;
   transition: 0.5s ;
}
.top-icon-box a:hover{
   opacity: 1;
   transition: 0.5s ;
}
.top-icon-box:hover  {
   background-color: rgba(0, 127, 255, 1);
   opacity: 1.0;
   transition: 0.5s ;
}

.top-icon-box-text {
   text-align: center;
   font-size: 0.65rem !important;
   padding: 0 0;
}

.item-check-span span{
   margin : 0.3rem 1rem 0 0.3rem;
   display: inline-block;
}



.background-rent::before {
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: linear-gradient(0deg,  rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0)),
       url('../images/rent-bg.jpg');
   background-size:cover;
   background-position:center center;

 }

 .background-shop::before {
   content:"";
   display:block;
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-image: linear-gradient(0deg,  rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.0)),
       url('../images/rentshop-bg.jpg');
   background-size:cover;
   background-position:center center;

 }