@media (max-width:992px) {


    #navi { 
        flex-wrap: wrap !important;
        display:none;
    }
    #navi .navi_cell { 
        width:49% !important;
    }
    #navi .navi_cell.date{ 
        width:100% !important;
    }
    
    .view_sp {
         display: block !important;
    }
	#container {
		width:96%;
	}
	header.box_gnav {
		padding:0;
	}
	#maincontent {
		padding-top:15px;
	}
	#maincontent h3.left_h{
		flex-wrap: wrap;
	}
	#maincontent  > h3 > div{
		width:100%;
	}

	.box_gnav .h_logo > div:first-child {
		display: grid !important;
		grid-template-columns:1fr;
		gap: 2px;	
	}
	.box_gnav .h_logo > div p.img_h_logo {
		grid-column: 1/3; 
		text-align: center;
		width: 100%;
		margin-top: 0.5em;
		grid-row: 3;
	}
		
	.box_gnav h1.txt_seo {
		width:100%;
		font-size:0.9em;
		padding: 2px;
    	box-sizing: border-box;
		grid-row: 2;
	}
	.box_gnav .login {
    	box-sizing: border-box;
		/* grid-column: 2/3;  */
		grid-row: 1;
		justify-self: end; /* 右寄せにする */
	}
    .box_gnav .box_h_btn {
		width: 4em;
		position: absolute;
		right: 0.5em;
		bottom: 0;
	}
    
	.box_gnav .h_logo > div p.img_h_logo img {
		max-width: 178px;
		width: 40%;
	}

	.sp_flex_table {
        width: 100%; /* テーブル全体を100%に */
    box-sizing: border-box; /* パディングやボーダーを含めて幅を計算 */
        border: 0;
    }

	.search_result .row .plan_left.main_slider,
	.search_result .row .plan_right {
		width:100%;
	}
	.search_result .row .option .option_title {
		width:45%;
	}
	.search_result .row .option .option_value{
		width:54%;
	}
	.search_result .room_row {
		grid-template-columns:1fr;
		width:100%;
	}
	.search_result .room_row > div{
		grid-column: 1;
		grid-row-start:unset;
		grid-row-end:unset;
	}
	.room_row .img {
		grid-column: 1;
		grid-row: 1;
	}
	.search_result .room {
		margin-right:0;
	}

	.float_price {
		position: fixed;          /* 最下部に固定 */
		bottom: 0;
		left: 0;
		top:unset;
		right:unset;
		width: 100%;              /* 横幅は100% */
		height: 40px;             /* 初期状態の高さ */
		background-color: #f8f9fa;
		border-top: 2px solid #ddd;
		transition: height 0.3s ease;  /* 高さのトランジション効果 */
		overflow-x:auto;
	}
	.search_result.topping_search {
		width:100%;
	}

	.flex_cell50 {
		width:100%;
	}

	.modal_confirm {
		width:98%;
		min-width: unset;
	}
    

	/* //スマホでフレキシブルになる-テーブル */
    .sp_flex_table thead {
        display: none; /* ヘッダーは隠す */
    }
    
    .sp_flex_table tr {
		display: flex;
		flex-direction: column;
		width: 100%; /* trの横幅を100%に */
		margin-bottom: 10px;
		border-bottom: 4px solid #ddd !important;
		box-sizing: border-box; /* ボーダーや余白を含めて幅を100%に */
    }
    
    .sp_flex_table td {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        text-align: left;
    }
    
    .sp_flex_table td::before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        width: 40%;
    }
    
    .sp_flex_table td:last-child {
        border-bottom: 0;
    }
}