@charset "utf-8";
/*
Theme Name: LIQUID CORPORATE Child
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author: LIQUID DESIGN
Author URI: https://lqd.jp/
Template: liquid-corporate
Version: 9999
*/
/* Child Styles */


/*追従アイコン*/
#fade{
    visibility:hidden!important;
    transition:all ease .3s!important;
    }
#fade.visible{
    visibility:visible!important;
    opacity:1;
}

/*空室が無い場合（全部屋満室）は非表示*/
.kuu_nasi #fade.visible{
    display: none;
}

.col_3{
	position:fixed;
	bottom:0;
	right:80px;
	z-index:9998;
}
.iconInner{
    display:flex;
    padding: 0px;
}	 
.iconInner li{
    list-style:none;
    margin:0 0;
    position: relative;
    width: 160px;
}
.iconInner li a{
    display:block;
    text-decoration:none;
    text-align:center;
    width: 100%;
    height: 100%;
}
.iconInner li a:hover{
    transform: translateY(-5px);
}
.iconInner li img{
    width: 30%;
}
.iconText{
	display:inline-block;
	font-size:1.2rem;
    background:rgba(255,255,255,.8);
	padding:.2em .8em;
	border-radius:20px;
	font-weight:bold;
	margin:5px 0;
}
 
 @media screen and (max-width: 767px) {
    .col_3{
        bottom:30px;
    }
    .iconInner{
        justify-content:center;
        width: 100%;
    }
    .iconInner li{
        width: calc(100% / 3);
    }
    .iconInner li img{
        width: 25%;
    }
    .iconText{
        font-size:.825rem;
        font-size:12px;
        width:100px;
        width:90%;
        padding:.2em 0;
    }
 }


.overray1 {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 999;
    top: 0px;
    left: 0px;
    display: none;
}
.overray1.open {
    display: block;
}
.overray1 .ray_inbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    height: auto;
    max-width: 600px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}
.overray1 .ray_inbox table {
    border-collapse: collapse;
    width: 100%;
}
.overray1 .ray_inbox table th,
.overray1 .ray_inbox table td {
    border: 1px solid #ccc;
    padding: 15px 5px;
    text-align: center;
}
.overray1 .ray_inbox table th {
    background-color: #efefef;
}
.overray1 .ray_inbox table td a {
    color: #00a5d4;
}
.overray1 .ray_inbox table td a:hover {
    text-decoration: underline;
}
.overray1 .ray_inbox table td span {
    font-weight: bold;
    font-size: 22px;
}
.overray1 .ray_inbox table td .batu {
    color: #e97aa0;
}
.overray1 .ray_inbox table td .maru {
    color: #00a5d4;
}
@media screen and (max-width: 767px) {
    .overray1 .ray_inbox {
        width: 92%;
        padding: 10px;
    }
}