@charset "utf-8";

#sp_menu{
	display:none;
}

@media screen and (max-width:769px){
*{
	position:relative;
	box-sizing:border-box;
}

#go_top{
	display:block;
}

body,html{
	width:100%;
	min-width:100%;
}

*{
}

a,body,input,select,textarea{
}

/* header */

#head_item{
	width:100%;
	margin:0 auto;
}

#head_item #contact {
	display:none;
}

/* title gl_menu */

#title{
	padding:5px 0 0;
	width:70%;
	float:left;
	position:relative;
}

#title h1{
	float:left;
}

#title #tel{
	float:left;
	font-size:80%;
	margin-left:3px;
}

#bn_set {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 2em;
    padding: 10px;
}

@media screen and (max-width:500px){
#title h1{
	float:none;
}

#title h1 a{
	width:100%;
	height:0;
	padding-top:12%;
	background-size:100%;
}

#title #tel{
	float:none;
	margin-right:0;
}

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


#gl_menu{
	display:none;
}

#sp_menu {
    display: block;
}

/* main */

#main{
}

/* top_contents */

#main .top_box_single{
	width:100%;
}

#main .top_box_single img{
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#main .top_box_single #news img.alignleft{
	float:left
}

/* plan_btn */
#plBtn{
	display: none;
}

@media screen and (max-width:500px){
#main .top_box_single #carender{
	display: block;
	overflow-x: scroll;
	table-layout:fixed; 
	font-size:75%;
}

#main .top_box_single #carender td,#main .top_box_single #carender th{
	white-space: nowrap;
	padding:3px 8px;
}

#main .top_box_single #carender{
     overflow: auto;
}

#main .top_box_single #carender::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 5px;
}

#main .top_box_single #carender::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #317383;
    border-radius: 10px;
}
#main .top_box_single #carender::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #a3d0db;
}
#main .top_box_single #carender::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #a3d0db;
}


}

/* contents slider */
.swiper-container{
	overflow: hidden;
}

.swiper-slide .res_card{
	padding:10px;
	overflow:hidden;
}

.swiper-slide .res_main_image{
	float:none;
	width:98%;
	padding:1%;
}
.swiper-slide .res_profile{
	float:none;
	width:98%;
	padding:1%;
}

.swiper-button-next,.swiper-button-prev{
	display:none;
}


/* main */

#main h3.single{
	width:98%;
	padding:1%;	
}

#main hr{
	width:100%;
}

#main .top_box_single{
	width:98%;
}

#main .top_box_heaf{
	width:100%;
}

#main .flame .top_box_heaf{
	width:100%;
}

#main .top_box_single_2{
	width:98%;
	padding:1%;
}

#main .top_box_single #news .date img{
	display:none;
}

#main .flame .al_left,#main .flame .al_right{
	float:none;
	margin:0 auto 13px;
}

@media screen and (max-width:500px){
#main a.reserve{
	width:75%;
	padding: 10px 4%;
}
}

/* cont */
#cont{
	padding:1%;
	width:96%;
}

#cont h2{
	font-size:150%;
	line-height:1.5em;
}

#cont h3{
	font-size:120%;
}

#cont h4{
	font-size:100%;
	line-height:1.5em;
}

#cont ul{
	padding:0 10px;
	margin-left:10px;
}

#cont ol{
	padding:0 10px;
	margin-left:0px;
}

#cont blockquote{
	padding:10px 10px 10px 20px;
}

#cont table.large_table{
	display: block;
	overflow-x: scroll;
	table-layout:fixed; 
	font-size:75%;
}

#cont table.large_table td,#cont table.large_table th{
	white-space: nowrap;
	padding:3px 8px;
}

#cont table.large_table {
     overflow: auto;
}

#cont table::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 5px;
}

#cont table::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #317383;
    border-radius: 10px;
}
#cont table::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #a3d0db;
}
#cont table::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #a3d0db;
}

#cont table:not(.large_table):not(#carender){
	width:calc(100% - 16px) !important;
	height:auto !important;
}

#cont table:not(.large_table):not(#carender) td{
	display:block;
	width:100% !important;
	height:auto !important;
	overflow:hidden;
}


/* room calender */

#cont #carender{
	width:98%;
	margin:1%;
}

#carender tr th{
}

#cont #carender tr td{
	width:20%;
	text-align:center;
}

#cont #carender .free{

}

#cont #carender .few{
	background-color:#ffe9d2;
}

#cont #carender .smokeonly{
	background-color:#d2edff;
}

#cont #carender .full{
	background-color:#fdb774;
}

@media screen and (max-width:500px){
#cont #carender{
	display:table;
	overflow-x: scroll;
	table-layout:fixed; 
	font-size:75%;
}

#cont #carender td,#cont #carender th{
	white-space: nowrap;
	padding:3px 6px;
}

}


#cont a.roominfo,#cont a.reserve{
	float:none;
	margin:8px auto !important;
}

@media screen and (max-width:500px){
#cont a.roominfo{
	width:75%;
	padding: 10px 4%;
}

#cont form input[type=text],
#cont form input[type=password],
#cont form input[type=tel],
#cont form input[type=email],
#cont form textarea,
#cont form select{
	width:96%;
	margin:1%;
	padding:1%;
	border:1px solid #ccc;
	border-radius:10px;
}

#cont form .col4,#cont form .col3 {
    width: 96%;
    margin:1%;
    padding:1%;
    float: none;
}

iframe {
    max-width: 100%;
    height: auto;
}
}

/* footer */

#foot_wrap{
}

#footer{
	width:98%;
}

.bunner{
	float:none;
}

.foot_contact{
	padding:1%;
	width:98%;
	height:68px;
}

.foot_contact p{
	text-align:left;
}

}