/* CSS Document */

/*reset and intialize*/
@charset "utf-8";
ul, ol, dl {
	list-style: none;
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
img{
	max-width:100%;
}
h2>img{
	max-width:100%;
}
.content>img{
	max-width:100%;
}
a img {
	border: none;
	vertical-align: bottom;
}
label img {
	vertical-align: bottom;
	max-width:100%;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #999999;
}
/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, article, figure {
	display: block;
	margin: 0;
}
/* paddingやborderも含めて幅を指定できる */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
*{

}
form{
	margin:0;
}
table {
	border-collapse: collapse;
}
article>section {
	position:relative;
}

article>aside {
	margin: 10px 0 0px 0;
}
html {
	touch-action: manipulation;
}
body {
	font-size: 1rem;
	font-family: 'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000000;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*Chrome,Safari*/
	-ms-text-size-adjust: 100%; /*EgdeMobile*/
	-moz-text-size-adjust: 100%; /*firefox*/
}


.main{
	color: #363c25;
	font-size: 0.8em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic",sans-serif;

}

input, select {
	padding: 8px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #cccccc;
}

/*----------------------------------------------
	align
----------------------------------------------*/
.r {
	text-align: right !important;
}
.c {
	text-align: center !important;
}
.l {
	text-align: left !important;
}
.vtop {
	vertical-align: top;
}
.vmdl {
	vertical-align: middle;
}
.vbtm {
	vertical-align: bottom;
}
.dtbl {
	display: table;
}
* html .dtbl {
	position: relative;
}
*+html .dtbl {
	position: relative;
}
.tcm {
	display: table-cell;
	vertical-align: middle;
}
* html .tcm {
	position: absolute;
	top: 50%;
}
*+html .tcm {
	position: absolute;
	top: 50%;
}
.tct {
	display: table-cell;
	vertical-align: top;
}
.tcb {
	display: table-cell;
	vertical-align: bottom;
}
/*----------------------------------------------
	liststyle
----------------------------------------------*/
.list_disc {
	list-style: disc;
	padding-left: 12px;
}
.list_none {
	list-style: none;
}
/*----------------------------------------------
	font
----------------------------------------------*/
.fb {
	font-weight: bold;
}
.f_white {
	color: #ffffff;
}
.f_black {
	color: #000000;
}
.f80 {
	font-size: 80%;
}
.f90 {
	font-size: 90%;
}
.f100 {
	font-size: 100%;
}
.f110 {
	font-size: 110%;
}
.fs {
	font-size: smaller;
}
.fss {
	font-size: small;
}
.fxs {
	font-size: x-small;
}
.fxxs {
	font-size: xx-small;
}
.ln150 {
	line-height: 150%;
}
.lh200 {
	line-height: 200%;
}
.nw {
	white-space: nowrap;
}
/*----------------------------------------------
	padding
----------------------------------------------*/
/*----------------------all */
.pa0 {
	padding: 0px;
}
.pa5 {
	padding: 5px;
}
.pa10 {
	padding: 10px;
}
.pa15 {
	padding: 15px;
}
.pa20 {
	padding: 20px;
}
.pa30 {
	padding: 30px;
}
/*----------------------top */
.pt3 {
	padding-top: 3px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
/*----------------------left */
.pl3 {
	padding-left: 3px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}
.pl70 {
	padding-left: 70px;
}
/*----------------------right */
.pr3 {
	padding-right: 3px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
.pr50 {
	padding-right: 50px;
}
.pr70 {
	padding-right: 70px;
}
/*----------------------bottom */
.pb3 {
	padding-bottom: 3px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
/*----------------------------------------------
	margin
----------------------------------------------*/
.m0a {
	margin: 0 auto;
}
.ma0 {
	margin: 0px;
}
.ma5 {
	margin: 5px;
}
.ma10 {
	margin: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mb50 {
	margin-bottom: 50px;
}
.fll {
	float: left;
}
.flr {
	float: right;
}
.clear:after {
	content: "";
	clear: both;
	display: block;
}
.dib {
	display: inline-block;
}
/*----------------------------------------------
	line-height
----------------------------------------------*/
.lh0 {
	line-height: 0px;
}
.lh150p {
	line-height: 150%;
}
.lh200p {
	line-height: 200%;
}
/*----------------------------------------------
	LayOut
----------------------------------------------*/
.wall {
	width: 950px;
}
.w10p {
	width: 10%;
}
.w15p {
	width: 15%;
}
.w20p {
	width: 20%;
}
.w25p {
	width: 25%;
}
.w30p {
	width: 30%;
}
.w35p {
	width: 35%;
}
.w50p {
	width: 50%;
}
.w60p {
	width: 60%;
}
.w70p {
	width: 70%;
}
.w80p {
	width: 80%;
}
.w90p {
	width: 90%;
}
.w100p {
	width: 100%;
}
.w200 {
	width: 200px;
}
.w950 {
	width: 950px;
	margin: 0 auto;
}
.w960 {
	width: 960px !important;
	margin: 0 auto;
	max-width:100%
}
.w780 {
	width: 780px;
	margin: 0 auto;
}
.w700 {
	width: 700px;
	margin: 0 auto;
}
.w900 {
	width: 900px;
	margin: 0 auto;
}
.w450 {
	width: 450px;
}
.w480 {
	width: 480px;
}
.w320 {
	width: 320px;
}
.w510 {
	width: 510px;
}
.w710 {
	width: 710px;
}
.w240 {
	width: 240px;
}
.w500 {
	width: 500px;
}
.w460 {
	width: 460px;
}
.w470 {
	width: 470px;
}
.w550 {
	width: 550px;
}
.w400 {
	width: 400px;
}
.w630 {
	width: 630px;
}
.w310 {
	width: 310px;
}
.h100p {
	height: 100%;
}
.h50p {
	height: 50%;
}
.fl {
	text-align: left;
	float: left;
}
.fr {
	text-align: left;
	float: right;
}
/*----------------------------------------------
	util
----------------------------------------------*/
.ef{
	opacity:0.7;
}
.pageTop {
	width: 100%;
}
.pageTopContents {
	width: 100%;
	margin: 0 auto;
	text-align: right;
	font-size: small;
}
.top {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	font-size: small;
}
.abu {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.potision_relative {
	position: relative;
}
.list {
	padding: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.list ul {
	width: 100%;
	list-style: none outside none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
}
.list ul li {
	float: left;
	padding: 5px;
	position: relative;
}
#btn_list li {
	padding: 5px 0 0 0;
}
#btn_search:hover {
	opacity: 0.8;
}
.delta_list li {
	background: url("../img/img_all/bk_list.png") left top no-repeat;
	padding:0 20px 20px 25px !important;
	color:rgba(23, 34, 117, 1);
}
.delta_cont {
	color:#000000;
	font-size:95%;
}
#link {
	font-size: 90%;
	margin-bottom: 20px;
}
#link ul {
	float: left;
	list-style-type: disc;
	margin-left: 50px;
}
#link a {
	color: #FFFFFF;
}
#link a:hover {
	color: #cccccc
}
#link:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.a_btn >img{
	margin:2%;
	width:auto !important;
}
.b_gray{
	background:#e8e8e8;
}
/* ========ここからスタイル(Flexデザイン)======== */
#about{
}
article{
	width:100%;	
}
aside{
	padding:10px 0;
	color:#FFFFFF;
	font-size:90%;	
}
.container{
	width:100%;
	max-width:1080px;
	margin:0 auto;	
}
article h2{
	color:#FFFFFF;
	font-size:28px;
	padding:5px 0;
	font-weight:normal;
}
article h3{
	font-weight:normal;	
}
.content h3{
	font-size:24px;
	padding:5px 0;
	font-weight:normal;
}
.content img {
	max-width:100%;
	display:block;
	margin:auto;
}
.subtitle{
	font-size:70%;
	font-weight:normal;	
	padding-left:10px;
}
.slide_container{
	display:block;
	margin:0 auto 0 auto;
	position:relative;
}
.sub_top{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 50vh 0 0;
}
.subtop_container{
	display:block;
	position:relative;
	overflow:hidden;
}
.subtop_image{
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}
.page_title{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	left:0;
	text-align:center;
	line-height:1.5vw;
	color:#FFFFFF;
	font-size:3vw;
	height:90px;
}
.page_title img{
	max-width:100%;
}
.page_title>span{
	font-size:1.5vw;
	line-heigt:1.5vw;
}
.image_logo{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	max-width:450px;
}
header{
	
}
.header_container {
	position:relative;
}

#header{
	position:sticky;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	padding:5px 3px;
	border-bottom:1px solid #CCCCCC;
	background:#FEFEFE;
	z-index:999;
}

#head_logo{
}
#head_logo .container{
	max-width:960px;
}
.menu_nav{
	display:block;
	margin:0 auto;
	--z-index:999;
	color:#FFFFFF;
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	font-size:18px;
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
	background:rgba(0,0,0,0.5);
}
.menu_nav a{
	width:140px;
	height:80px;
	text-align:center;
}
.menu_nav a:last-child{
}
.menu_nav a>span:nth-of-type(n){
	font-size:16px;
	color:#FFFFFF;
	display:block;
	text-shadow:0 0 10px 10px #222222;
}
.menu_nav a>span:nth-of-type(2n){
	font-size:12px;
	color:#2D1E00;
	display:none;
}
.menu_nav a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
.menu_nav .container{
	width:100%;
	max-width:1240px;
}
.menu_2{
	padding:20px 0;
}
.menu_2>div{
	margin:10px 30px; 
}


.header_nav h2{
	font-family: "YuGothic", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	color:#000000;
}

.menu_nav2{
	margin:0 0 15px 0;
}
.menu_nav2>div{
	padding:0 5px;
}
footer{
	background:#971414;
	color:#FFFFFF;
	text-align:left;
	padding:30px 0;
}
footer a{
	color:#FFFFFF !important;
}
footer a:hover{
	color:#cccccc !important;
}
footer p{
	padding:0;
	margin:0 10px !important;
}
#headimage{
	display:block;
	margin:0 auto;
	width:100%;	
	line-height:0;
}
#headimage>img{
	width:100%;	
}
#headimage img{
	width:100%;
}
#headimage2{
	display:block;
	margin:0 auto;
	width:100%;	
	line-height:0;
}
#headimage2>img{
	width:100%;	
}
#headimage2 img{
	width:100%;
}

.fleft{
	justify-content: flex-start;	
	-webkit-justify-content: flex-start;	
}
.fright{
	justify-content: flex-end;	
	-webkit-justify-content: flex-end;	
}
.fcenter{
	justify-content: center !important;	
	-webkit-justify-content: center !important;	
}
.fbet{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.faround{
	justify-content: space-around !important;	
	-webkit-justify-content: space-around !important;	
}

.ftop{
	align-items: flex-start;	
	-webkit-align-items: flex-start;	
}
.fbottom{
	align-items: flex-end ;	
	-webkit-align-items: flex-end ;	
}
.fmiddle{
	align-items: center;	
	-webkit-align-items: center;	
}
.fbase{
	align-items: baseline ;	
	-webkit-align-items: baseline ;	
}
.ffix{
	align-items: stretch ;	
	-webkit-align-items: stretch ;	
}

.fatop{
	align-content: flex-start;	
	-webkit-align-content : flex-start;	
}
.fabottom{
	align-content: flex-end;	
	-webkit-align-content : flex-end;	
}
.fab{
	align-content: space-between;	
	-webkit-align-content : space-between;	
}
.faa{
	align-content: space-around;	
	-webkit-align-content : space-around;	
}
.ft{
	-webkit-align-self: flex-start;
	align-self: flex-start;
}
.fc{
	-webkit-align-self: center;
	align-self: center;
}
.fb{
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.fs{
	-webkit-align-self: stretch;
	align-self: stretch;
}
.fba{
	-webkit-align-self: baseline;
	align-self: baseline;
}
.flex_flex>*{
	flex:1 1 auto;

}
.flex_r{
	flex-flow:row-reverse;
	-webkit-flex-flow:row-reverse;
}

.flex {
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.flex_nowrap{
	display: flex;
	display: -webkit-flex;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
}
.flex_nowrap_res{
	display: flex;
	display: -webkit-flex;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
}
.flex_nowrap_r{
	display: flex;
	display: -webkit-flex;
	flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-flow:row-reverse;
	-webkit-flex-flow:row-reverse;
}
.fcol{
	-webkit-flex-direction: column;
	flex-direction: column;

}
.flex2x{
}
.flex2x>div{
}
.flex2x>div>a,.flex3x>div>a{
	width:100%;
}
.flex2x>div>a>img,.flex3x>div>a>img,.flex3x2x>div>a>img{
}
.flex2x>div>img,.flex3x>div>img,.flex3x2x>div>img{
	width:100%;
}
.flex3x{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex3x>div{
	width:33% ;
	padding:10px 0;
}
.flex3x>li{
	width:33% ;
	padding:10px 0;
}
.flex3x2x>div{
	width:33% ;
	padding:10px 0;
}
.flex3x2x>li{
	width:33% ;
	padding:10px 0;
}
.fcont{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.fcont>div:first-child{
	width:68%;
	padding:0;
}
.fcont>div:last-child{
	width:30%;
	padding:0;
}

.flist>div{
	padding:5px;
}
.flist>li{
	padding:5px;
}
.nav_list>li{
	padding:10px;
}

.hidden{
	display:none !important;
}
.dblock{
	display:block !important;
}
.dflex{
	display:flex !important;
}

#head_logo{
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#head_logo .logo{
	width:100%;
	flex:1 1 auto;
	padding:0 10px;
}
#head_logo .tel{
	padding:0 10px;
}

#img_cont>div p{
	padding:5px 5px 60px 5px;	
}


h2, h3{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;

}
.pop1{
	text-align:left;	
	color:#2D1E00;
	margin:0 auto 10px auto;
}
.pop2{
	text-align:right;	
	color:#000000;
	margin:0 auto 10px auto;
}
.pop3{
	text-align:center;	
	color:#2D1E00;
	margin:0 auto 10px auto;
}
.pop4{
	text-align:center;	
	color:#2D1E00;
	margin:0 auto 10px auto;
}
h2[class="title"]{
	text-align:center;	
	color:#000000;
	padding:5px 0;
	margin:30px 0;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	width:100%;
	font-weight:bold;
}
.txt{
	text-align:center
}
.iframe {
  position: relative;
  height: 0;
  padding-top: 51.61%;
  width:100%;
  border:1px solid rgba(77, 120, 40, 0.8);
}
.iframe>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
}
.accessby{
	max-width:800px;	
	margin:0 auto;
	padding:30px 0;
}
.accessby ul{
	padding:20px 0;	
}
.accessby li{
	padding:20px 0;	
}
.news p{
	padding:25px 0;	
}
#img_cont img{
	max-width: 100%;
	max-height: 200px;
}
.anti_visible_flex{
	display:none !important;
}
#search_bar{
	height:36px;
}
#search_bar div{
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	margin:5px 0;
	line-height:26px;
}
#search_bar div>*{
	display:inline-block;
}
#search_bar input[type="image"]:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
#sp_menu{
	flex:0 1 auto;
}
.footer_nav{
	margin:10px;
}
.footer_nav li{
	text-align:center;
	padding:0 10px;
	border-left:1px solid #FFFFFF;
}
.footer_nav li:last-child{
	border-right:1px solid #FFFFFF;
}
.footer_cont{
	width:100%;
	padding:0 10px;
}
#menu{
}
#head_logo logo{
	width:27% !important;
}
#head_logo tel{
	width:23% !important;
}

#room_cont h3 ,#room_cont p{
	text-align:left;
}
#room_cont p{
	padding:10px 0 !important;
}


.btn_topics{
	display:inline-block;
	margin:10px 0;
	padding:5px 20px;
	border:1px solid #999999;
}

.btn_topics:hover{
	border:1px solid #aaaaaa !important;
}

#ryokan_list li{
	margin:10px;
}
.side_btn{
	position:fixed;
	right:250px;
	z-index:999;
	margin:auto;
	top:0;
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
}
.side_btn li{
	margin:0;
}
	
#foot_menu{
	height:600px;
}

#foot_menu .container {
	position:absolute;
	bottom: 50px;
	left:0;
	right:0;
}
.bnn_cake{
	padding:20px 0 !important;
	background:rgba(207,183,135,0.5);
	text-align:center;
}
.bnn_cake h3{
	color:#FFFFFF;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.8));
	letter-spacing:5px;
}
.bnn_cake .flist a{
	margin:0 20px;
}
.ptxt{
	text-align:center;
}

#topBtn {
	background: #3b3b3b;
	color: #fff;
	position: fixed;
	left: 20px;
	bottom: 20px;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.pick_font{
	text-align:center;
}

/**************************************************************************************************/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px;
  background: rgba(0,0,0,0.2);
  border-bottom:1px solid #FFFFFF;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.dropmenu:hover::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: 0px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 10px;
  background: rgba(0,0,0,0.4);
  border-bottom:1px solid #FFFFFF;
  text-align: left;
}
.dropmenu li:hover > a{
  background: rgba(0,0,0,0.4);
}
.dropmenu li a:hover{
  background: rgba(0,0,0,1);
}
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}

.headdrop{
	position:absolute;
	top:0px;
	right:10%;
	z-index:200;
	width:60%;
	max-width:200px;
}

.headlang{
	position:absolute;
	top:0px;
	right:0;
	left:0;
	margin:auto;
	display:block;
	z-index:200;
	width:100%;
	max-width:1200px;
	text-align:right;
}
.lang{
	margin:20px auto;
	padding:10px;
	border:1px solid #FFFFFF;
	width:100%;
	max-width:700px;
}

.lang_list li:after{
	content:"｜";
	margin:0 20px;
}
.lang_list li:last-child:after{
	content:"";
	margin:0;
}
#inline_content .lang{
	color:#000000;
}
#inline_content .lang a{
	color:#000000;
}
#inline_content .lang a:hover{
	color:#666666;
}
#inline_content2 .lang{
	color:#000000;
}
#inline_content2 .lang a{
	color:#000000;
}
#inline_content2 .lang a:hover{
	color:#666666;
}
#inline_content .lang, #inline_content2 .lang{
	margin:0;
	padding:5px;
}
#inline_content span, #inline_content2 span{
	text-align:center;
	display: block;
	margin:auto;
}
#inline_content .lang_list li:after, #inline_content2 .lang_list li:after{
	margin:0;
}


.inline_content .lang{
	color:#000000;
}
.inline_content .lang a{
	color:#000000;
}
.inline_content .lang a:hover{
	color:#666666;
}
.inline_content .lang{
	margin:0;
	padding:5px;
}
.inline_content span{
	text-align:center;
	display: block;
	margin:auto;
}
.inline_content .lang_list li:after{
	margin:0;
}


/**************************************************************************************************/
#btn_top {
	height:70px;
	width:70px;
	position: absolute;
	bottom: 60px;
	right: 0;
	z-index: 100;
}
.btn_plan{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	padding:5px 20px;
	border:1px solid #FFFFFF;
}
.btn_plan:hover{
	border:1px solid #cccccc;
}
.btn_plan2{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	padding:10px 20px;
	background:#CC9900;
}
.btn_plan2:hover{
	opacity:0.8;
}
.btn_plan3{
	padding:5px;
	background:rgba(255,255,255,0.2);
	border:1px solid rgba(255,255,255,0.3);
	width:60%;
	display:block;
	text-align:center;
	margin: auto;
}
.btn_plan3:hover{
	opacity:0.8;
}
.btn_plan4{
	padding:5px;
	border:1px solid rgba(0,0,0,1);
	width:60%;
	display:block;
	text-align:center;
	margin: auto;
}
.btn_plan4:hover{
	opacity:0.8;
}
.btn_detail,.btn_detail2{
	display:inline-block;
}


.btn_detail{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	padding:10px 30px;
	margin:10px 0;
	border:1px solid #FFFFFF;
	font-size:17px;
	line-height:17px;
	color:#FFFFFF !important;
}
.btn_detail:hover{
	border:1px solid #CCCCCC;
	color:#CCCCCC !important;
}
.btn_detail2{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	padding:0px 30px;
	border:1px solid #FFFFFF;
	margin:10px 0;
}
.btn_detail2:hover{
	border:1px solid #cccccc;
}
.btn_detail3{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	padding:10px 10px;
	margin:10px;
	border:1px solid #000000;
	color:#000000 !important;
	font-size:17px;
	line-height:17px;
	display:inline-block;
}
.btn_detail3:hover{
	color:#999999 !important;
	border:1px solid #999999;
}
.btn_detail4{
	font-family:'Hiragino Kaku Gothic ProN','游ゴシック', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,'Yu Gothic',"Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic", sans-serif;
	padding:5px 40px;
	display:block;
	margin:10px auto;
	border:1px solid #000000;
	color:#000000 !important;
	font-size:17px;
	width:100%;
	max-width:320px;
	text-align:center;
}
.btn_detail4:hover{
	color:#999999 !important;
	border:1px solid #999999;
}
.btn_detail5{
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	padding:5px auto;
	display:block;
	margin:20px auto;
	border:1px solid #000000;
	color:#000000 !important;
	font-size:17px;
	width:80%;
	max-width:320px;
	text-align:center;
	line-height:2;
}
.btn_detail5:hover{
	color:#999999 !important;
	border:1px solid #999999;
}
.btn_detail6{
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	padding:10px auto;
	display:block;
	margin:2.5%;
	border:1px solid #000000;
	color:#000000 !important;
	font-size:17px;
	width:200px;
	max-width:45%;
	text-align:center;
	line-height:2;
}
.btn_detail6:hover{
	color:#999999 !important;
	border:1px solid #999999;
}
.btn_up{
	position:fixed;
	bottom:0;
	right:0;
	z-index:998;
}
.delta_nav div{
	padding:0 15px;
}

.delta{
	padding-left:16px;
	background:url(../img/img_all/delta.png) left center no-repeat ;
}

#uyh a {
	display: inline-block;
	padding: 10px;
	margin: 5px 10px;
	border: 1px solid #000000;
	background: #cf0000;
	font-weight: bold;
	color: #ffffff;
}
/*ロゴ*/
#logo{
	font-weight:800;
	font-style:italic;
	color:#004696;
}
/* ヘッダー日付の部分*/
.header_contents input,.header_contents select{
	padding: 8px 16px;
	margin: 0 ;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #999999;
	font-size:20px;
	flex:0 1 auto;
}
.header_contents a{
	padding: 8px 16px;
	margin: 0 ;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #999999;
	font-size:14px;
	flex:0 0 auto;
}
.header_contents span{
	font-size:12px;
	padding:0 5px;
	text-align:right;
}
.header_contents{
	padding-right:50px;
}
#header_submit{
	display:none;
}

input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}

input[type="date"], select {
	padding: 8px 16px;
	display: block;
	margin: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 200px;
	max-width: 90%;
	font-size: 16px !important;
	line-height: normal;
	border: 1px solid #000000;
	height: 42px;
}
/* 表部分 */
#data, article>section{
	position:fixed;
	top:55px;
	left:0;
	right:0;
	bottom:0;
	height:calc(100vh - 55px);
	overflow:scroll;
}
.data, hr{
	--white-space: nowrap;
	min-width: min-content;
}
.head{
	display:inline-block;
	border:1px solid #000000;
	min-height:50px;
	white-space: nowrap;
	text-align:center;
	position:relative;
	font-weight:bold;
	background:#CEE5FF;
}


span[class*="num_"]{
	min-width:0 !important;
	min-height:0 !important;
	font-size:12px !important;
	line-height:10px !important;
	position:absolute;
	bottom:3px;
	left:0;
	right:0;
}
.data span{
	min-width:5rem;
	max-width:5rem;
	min-height:50px;
	--white-space: nowrap;
	text-align:center;
	margin:1px;
	
	display: flex;
	display: -webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	
	align-items: center;	
	-webkit-align-items: center;
	
	justify-content: center !important;	
	-webkit-justify-content: center !important;	
}
.data p{
	vertical-align: middle;
}

.sat{
	background-color:#c1e0ff;
}
.sub{
	background-color:#ffv0cb;
}
#data{
	position:relative;
	
}
#data #head{
	background:#FFFFFF;
	position: sticky;
	position: -webkit-sticky;
	top:0;
	z-index:99;
}
.data .chead{
	background:#FFFFFF;
	position: sticky;
	position: -webkit-sticky;
	left:0;
	z-index:98;
}
.data .chead>span,.data .chead>select{
	background:#CEE5FF;
}
.data .chead>span:nth-of-type(1),.data .chead>span:nth-of-type(2){
	font-weight:bold;
}
/* 表のマウスカーソル部分 */
#data span:hover{
	background-color: #91d0cf!important;
}
#data .data:hover div:nth-of-type(1) span{
	background-color: #91d0cf!important;
} 

.headcolor{
	background-color: #91d0cf!important;
}
/*部屋タイプ*/
.head select{
	--padding: 8px 0;
	margin: 0 ;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #999999;
	height:100%;
	min-width:0;
}


/*仮押さえリンク*/
span[class*="cel"] a{
	display:block;
	width:100%;
	height:100%;
}

span[class*="cel"] a p{
	display:block;
}


#inline_content input:not([type="checkbox"]),#inline_content select{
	padding: 8px 16px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #999999;
	width:100%;
	font-size:24px;
}
#inline_content input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
#inline_content label[for="qk_qk"],#inline_content label[for="rd_rd"],#inline_content label[for="st_st"]
{
    font-size:24px;
    margin: 5px 10px 0 10px;
}
#inline_content h2{
	font-family: "YuGothic", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	color:#000000;
}
#inline_content2 input:not([type="checkbox"]),#inline_content2 select{
	padding: 8px 16px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #999999;
	width:100%;
	font-size:24px;
}
#inline_content2 input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
#inline_content2 label[for="qk_qk"],#inline_content2 label[for="rd_rd"],#inline_content2 label[for="st_st"]
{
    font-size:24px;
    margin: 5px 10px 0 10px;
}
#inline_content2 h2{
	font-family: "YuGothic", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align:center;
	color:#000000;
}
.inline_content {
	width:400px;
	max-width:100%;
}

.inline_content input:not([type="checkbox"]), .inline_content select {
	padding: 8px 16px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #999999;
	width: 100%;
	font-size: 24px;
}
.inline_content label {
	padding-left: 0.5em;
	width: 80%;
	display: inline-block;
}

.inline_content textarea{
	width:100%;
	height:100px;
	font-size:16px;
}

.inline_content input[type=checkbox] {
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
}

.inline_content h2 {
	font-family: "YuGothic", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align: center;
	color: #000000;
}



/*  アイコン  */
.homeSpan1,.homeSpan2{
	height:40px; 
	width:40px; 
	display:block; 
	position:relative;
} 

.homeSpan1{
	width:40px; 
	height:40px; 
	display:block;
}

.homeSpan1:before{
	content:''; 
	height:20px; 
	width:24px; 
	display:block; 
	border:3px #333 solid; 
	border-top:0; 
	position:absolute; 
	top:15px; 
	left:5px;
}

.homeSpan1:after{
	content:''; 
	height:8px; 
	width:6px; 
	display:block; 
	position:absolute; 
	top:25px; 
	left:15px; 
	border:2px solid #333;
}

.homeSpan2:before{
	content:''; 
	height:12px; 
	width:5px; 
	display:block; 
	position:absolute; 
	top:3px; 
	left:28px; 
	background:#333;
}

.homeSpan2:after{
	content:''; 
	height:24px; 
	width:23px; 
	border-top:5px #333 solid; 
	border-right:5px #333 solid; 
	position:absolute; 
	top:4px; 
	left:6px; 
	transform:scale(1,0.8) rotate(-45deg);-webkit-transform:scale(1,0.8) rotate(-45deg);-moz-transform:scale(1,0.8) rotate(-45deg);-o-transform:scale(1,0.8) rotate(-45deg);-ms-transform:scale(1,0.8) rotate(-45deg);
}


/*  ログアウト  */
.logoutSpan1{
	height:40px; 
	width:40px; 
	display:block; 
	position:relative;
} 

.logoutSpan1{
	height:36px; 
	width:36px; 
	border:2px solid #333; 
	border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
}

.logoutSpan1:before{
	content:''; 
	height:16px; 
	width:16px; 
	display:block; 
	background:#333; 
	position:absolute; 
	top:8px; 
	left:8px;
}

/*  ユーザー名  */
.tanto_name {
	font-size: 14px;
	padding: 5px 1px;
}

/* egmenu*/
#menu ul {
   overflow:hidden;
   margin:0 auto;
   padding:9px 10px ;
   list-style:none;
   max-width:1024px;
}

#menu li {
   float:left;
   margin:0px 30px 0px 0px;
   display:block;
   padding:5px 10px;
   font-weight:bold;
   color:#fff;
   outline:none;
   position : relative;
   line-height:30px;
   background:#aaaaaa;
   color:#333333;
 }

#menu li:before {
	 content:"";
	 position: absolute;
	 left: 100%;
	 top: 0px;
	 width: 0;
	 height: 0;
	 border-top: 20px solid transparent;
	 border-left: 20px solid #aaaaaa;
	 border-bottom: 20px solid transparent;
 }


#menu .maeno {
	background: #c8dba1;
	color: #000000;
}

#menu .imano {
	background: #778951;
	color: #FFFFFF;
}

#menu .maeno a {
	color: #000000;
}

#menu .imano a {
	color: #FFFFFF;
}


#menu .maeno:before {
	border-top: 20px solid transparent;
	border-left: 20px solid #c8dba1;
	border-bottom: 20px solid transparent;
}

#menu .imano:before {
	border-top: 20px solid transparent;
	border-left: 20px solid #778951;
	border-bottom: 20px solid transparent;
}


#menu .imano
{
	color:#FFFFFF;
}
#menu .imano a
{
	color:#FFFFFF;
}
/* eg */
#header h1 {
	text-align: center;
}
.copyright{
	text-align:center;
}
#footMenu ul {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 3px;
}

#footMenu li > a {
	display: block;
	padding: 5px;
	color: #FFFFFF !important;
	text-align: center;
}
#footMenu li {
	width: 25%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #778951;
}
.cap_font{
	color:red;
}
.plan {
	border: 1px solid #778951;
	margin: 10px auto;
	font-size: 1rem;
}
.plan > h3 {
	color: #FFFFFF !important;
	padding: 4px;
	background: #778951;
	font-size:1.5rem;
}
.plan h4{
	font-size:1.2rem;
}
.plan_img {
	width: calc(35% - 10px);
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 0px;
}
.plan_img > img{
}
.plan_detail {
	width: 65%;
	padding:5px;
}
.plan_detail > p{
	padding:3px 5px;
	font-size:1rem;
}
.plan_detail_img {
	width: 600px;
	max-width: 95%;
	margin: auto;
	line-height: 0px;
}
.plan_detail_img > a {
	width: calc(50% - 2px );
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 1px;
}
.pcont {
	margin: 5px;
	padding: 5px;
	border: 1px solid #c9c9c9;
	background: #FFFFFF;
	border-radius: 5px;
	font-size: 1rem;
	border-left: 4px solid #00acae;
}
.pcont>h6{
	font-size: 1.3rem;
	color:#635852;
}
.pcont dl {
	display: table;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	line-height: 20px;
}
.pcont dl > dt {
	display: table-cell;
	box-sizing: border-box;
	padding-left: 15px;
	width: 160px;
	color: #778951;
	font-weight: bold
}
.pcont dl > dd {
	display: table-cell;
	width: 670px;
	line-height: 1.8;
}
.detail_1ran {
	width: 70%;
}
.pfoot {
	font-size: 0.8rem;
	padding: 3px 5px;
}
.btn {
	color: #635852;
	border: 1px solid #635852;
	border-radius: 0.5em;
	display: inline-block;
	margin: 0.25em 0;
	padding: 0.25em 0.5em;
	text-decoration: none;
}

.btn:hover {
	color: #ffffff;
	background-color: #635852;
	text-decoration: underline;
}
.btn3
{
   padding:2px 5px;
   background-color:#eeeeee;
   border:1px solid #000000;
}

.btn3:hover
{
   padding:2px 5px;
   background-color:#ffffff;
   border:1px solid #000000;
}
.btn3_disabled
{
   padding:2px 5px;
   background-color:#efefef;
   border:1px solid #cccccc;
   color:#aaaaaa;
}
.btn_search {
	padding: 8px 16px;
	display: block;
	margin: auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 200px;
	max-width: 90%;
	font-size: 16px !important;
	line-height: normal;
	border: 1px solid #6e4e03;
	height: 42px;
	text-align: center;
	background: #cb8d01;
	color: #FFFFFF !important;
}
.btn_search:hover{
	opacity:.8;
}
 #menu {
	 margin:20px auto;
}

.search_nav {
	background: #efefef;
	border: 1px solid #CCCCCC;
	width: 800px;
	max-width: 100%;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
}

.navnav {
	width: 640px;
	max-width: 100%;
	margin: 20px auto;
}
.navnav>a{
    padding: 8px 16px;
    display: block;
    margin: auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 200px;
    max-width: 90%;
    font-size: 16px !important;
    line-height: normal;
    border: 1px solid #000000;
    height: 42px;
    text-align: center;
}
.navnav>a:hover {
	opacity: .8;
}
.navnav>a:nth-of-type(2n){
/*    color: #00acae;
    background-color: #fff;
    border: 1px solid #00acae;
*/
    color: #fff;
    background-color: #00acae;
    border: 1px solid #00898b;

}
.navnav>a:nth-of-type(2n+1){
    color: #fff;
    background-color: #00acae;
    border: 1px solid #00898b;
}

.navnav2 {
	width: 95%;
	max-width: 95%;
	margin: auto;
}
.navnav2>a{
    padding: 8px 16px;
    display: block;
    margin: 5px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    max-width: 90%;
    font-size: 16px !important;
    line-height: normal;
    border: 1px solid #000000;
    text-align: center;
}
.navnav2>a:hover {
	opacity: .8;
}
.navnav2>a:nth-of-type(2n){
    color: #fff;
    background-color: #00acae;
    border: 1px solid #00898b;

}
.navnav2>a:nth-of-type(2n+1){
    color: #fff;
    background-color: #00acae;
    border: 1px solid #00898b;
}

.plan_cont{
	padding:5px;
}
.plan_cont > p{
	text-align: left;
    line-height: 2;
    margin: 10px auto;
}

.plan_cont > h2,.plan_cont > h3{
	text-align: center;
    line-height: 2;
    margin: 10px auto;
}

.cont_yakkan{
	text-align:center !important;
}

dl.cont_detail {
	display: table;
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	line-height: 20px;
}
dl.cont_detail > dt {
	display: table-cell;
	box-sizing: border-box;
	padding-left: 15px;
	width: 160px;
	color: #778951;
	font-weight: bold
}
dl.cont_detail > dd {
	display: table-cell;
	width: 670px;
	line-height: 1.8;
}
.cont_detail a.btn {
	display: block;
	font-size: 18px;
	max-width: 100%;
	width: 400px;
	font-weight: bold;
	margin:5px;
}
.cont_detail > dd > .cont_detail > dt {
	color: #00898b;
}

#contMain_tblNaiyo {
	width: 100%;
	border-collapse: collapse;
}

#contMain_tblNaiyo th {
   padding:5px;
   font-size:16px;
   color:#000000;
   text-align:left;
   border:1px solid #dddddd;
   background:#eeeeee;
   font-weight:normal;
}

#contMain_tblNaiyo td {
   padding:5px;
   font-size:16px;
   text-align:left;
   border:1px solid #dddddd;
}

.pcont_heya > select {
	display:inline-block;
	width:200px;
	max-width:30%;
	margin:5px 0;
}
.pcont_heya > span {
	display: inline-block;
	width: calc(70% - 10px);
	padding:5px;
}

/*カレンダー*/
#jq-incalendar {
	width: 400px;
	height: 500px;
	max-width: 100%;
}
#jq-incalendar > table {
	width: 100%;
}

#jq-incalendar > h5 {
	text-align: center;
	font-size: 1.4rem;
}
.calbtn{
	margin:10px auto;
}
#jq-incalendar .btn3, #jq-incalendar .btn3_disabled {
	width: 20%;
	text-align:center;
}
#jq-incalendar td, #jq-incalendar th {
	border:1px solid #FFFFFF;
	text-align:center;
}
#jq-incalendar td {
	height: 60px;
}

#jq-incalendar th {
	height: 40px;
}

th.calsun {
	background: #da798d;
	color: #FFFFFF;
}

th.calday {
	background: #CCCCCC;
	color: #FFFFFF;
}

th.calsat {
	background: #5b8bbd;
	color: #FFFFFF;
}
td.calsun {
	background: #fff4f4;
	color: #e9254d;
}

td.calday {
}

td.calsat {
	background: #f5faff;
	color: #4b7fcd;
}


.calTable {
	width: calc(100% - 6px);
	margin: 3px;
	border: 1px solid rgba(200, 200, 200, 1);
}

#jq-incalendar2 > h5 {
	text-align: center;
	font-size: 1.4rem;
}

.calbtn {
	margin: 10px auto;
}

.calbtn .btn{
	width:200px;
}

#jq-incalendar2 .btn3, #jq-incalendar2 .btn3_disabled {
	width: 20%;
	text-align: center;
}

#jq-incalendar2 .calTable > div > div {
	text-align: center;
	width: calc(100% / 7);
	font-size: 12px;
}
#jq-incalendar2 .calTable > div:not(:last-child) {
	border-bottom: 1px solid rgba(200, 200, 200, 1);
}
#jq-incalendar2 .calTable > div > div:not(:last-child) {
	border-right: 1px solid rgba(200, 200, 200, 1);
}
.cal_point {
	cursor: pointer;
}
.calTable .calsun {
	background: #fff4f4;
	color: #e9254d;
}

.calTable .calday {
}

.calTable .calsat {
	background: #f5faff;
	color: #4b7fcd;
}

.calTable .calH .calsun {
	background: #da798d;
	color: #FFFFFF;
}

.calTable .calH .calday {
	background: #CCCCCC;
	color: #FFFFFF;
}

.calTable .calH .calsat {
	background: #5b8bbd;
	color: #FFFFFF;
}


/* Mobile */
@media screen and (max-width:640px){
	.visible_flex2{
		display:none !important;
	}
	.container>.fcont{
		   -webkit-flex-direction: column;
	    flex-direction: column;
			align-items: center;	
		-webkit-align-items: center;	
	}
	.fcont>div{
		   width:100% !important;
		   padding:20px 0;
	}
	header{
	}
	#data{
		top:85px;
		height:calc(100vh - 85px);
	}
	article>section{
		top:85px;
		height:calc(100vh - 85px);
	}
}

@media screen and (max-width: 640px) {
	#main {
		padding:5px;
	}
	#main>p{
		font-size:0.8rem;
	}
	.ptxt{
		text-align:left;
	}
	footer{
		font-size: 3vw !important;
	}
	#head_logo .logo{
	width:100%;
	}
	#footer .logo{
	max-width:380px;
	width:100%;
	}
	.footer_image{
		margin:0 10px;;
	}
	h2{
		font-size:20px !important;
		
	}
	h3{
		font-size:18px !important;
		
	}
	.container>.flex2x,.container>.flex3x{
		   -webkit-flex-direction: column;
	    flex-direction: column;
			align-items: center;	
		-webkit-align-items: center;	
	}
	.flex2x>div{
		   width:100% !important;
	}
	.container>.fcont{
		   -webkit-flex-direction: column;
	    flex-direction: column;
			align-items: center;	
		-webkit-align-items: center;	
	}
	.fcont>div{
		   width:100% !important;
		   padding:20px 0;
	}
	.container>.flex3x{
		width:100% !important;
		margin:0 auto;	
	}
	.container .flex3x>div{
		width:100% !important;
	}
	.container .flex3x>li{
		width:50%;
		font-size:5vw;
		padding:0;
	}
	.container .flex3x>li img{
		width:100%;
	}
	.container>.flex3x2x{
		width:100% !important;
		margin:0 auto;	
	}
	.container .flex3x2x>div{
		width:50% !important;
		font-size:5vw;
	}
	.container .flex3x2x>li{
		width:50%;
		font-size:5vw;
		padding:0;
	}
	.container .flex3x2x>li img{
		width:100%;
	}
	.footer_menu a{
	  display: block;
	  padding: 1em ;
	  text-decoration: none;
	  transition: background-color .6s;
	  background-color: rgba(101, 101, 101, 0.5);
	}

	.footer_menu a:hover {
	  background-color: rgba(71, 70, 101, 0.5);
	}
	.footer_menu>div{
	  border-top:1px solid #FFFFFF;
	}
	.footer_menu>div:last-child{
	  border-bottom:1px solid #FFFFFF;
	}
	#foot_menu{
		display:none;
	}

	#btn_top, #btn_top>img {
		height:60px !important;
		width:60px !important;
	}
	#img_cont h3{
		text-align:center;	
	}
	.content p{
		padding:10px 10px;	
	}

	.accessby ul{
		padding:10px 0;	
	}
	.accessby li{
		padding:10px 0;	
	}
	.room_flex>div{
		width:50% !important;
	}
	.room_flex img{
		max-width:100%;
	}

		
	#foot_menu{
		height:auto;
	}
	#foot_menu .container {
		position:relative;
		bottom: auto;
		left:auto;
		right:auto;
	}
	.nav_list>li{
		padding:3px;
	}
	.txt{
		text-align:left
	}
	.bnn_cake .flist a{
		margin:10px 20px;
	}
	.data span{
		min-width:3rem;
		max-width:3rem;
		min-height:30px;
		font-size:14px;
	}
	.header_contents input,.header_contents select{
		padding: 8px 5px;
	}
	.header_contents a{
		padding: 8px 5px;
	}
	
	span[class*="num_"]{
		font-size:10px !important;
		line-height:8px !important;
	}


	/*egmenu*/
	#menu ul {
	   overflow:hidden;
		max-width:100%;
	   margin:0 auto;
	   padding:10px;
	   list-style:none;
	   	display: flex;
		display: -webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
	}

	#menu li {
	   flex:1 1 auto;
	   margin:3px 5px;
	   display:block;
	   padding:5px 10px;
	   font-weight:bold;
	   color:#fff;
	   outline:none;
	   position : relative;
	   background:#aaaaaa;
	   color:#2d2c2c;
	   border-radius:13px ;
	   width:40%;
	   line-height:normal !important;
	 }

	#menu li:after
	{
		content:" ＞";
	}


	#menu .imano,#menu .maeno {
	}
	#menu li:before {
		 content:"";
		 position: absolute;
		 left: 100%;
		 top: 0px;
		 width: 0;
		 height: 0;
		 border-top: none !important;
		 border-left:  none !important;
		 border-bottom:  none !important;
	 }       

	#menu .imano:before,#menu .maeno:before {
		 border-top: none !important;
		 border-left:  none !important;
		 border-bottom:  none !important;
	}

	#menu .imano
	{
	}
	.search_nav {
		width: calc(100% - 10px);
		margin: 5px;
		padding: 5px;
	}
	.search_nav>div>div{
		width:100%;
		margin:5px 0;
	}
	.search_nav input,.search_nav select{
		width:100%;
		margin:auto;
	}
	.navnav > a {
		width: auto;
	}
	.plan_cont > p {
		text-align: left;
	}

	.plan_img,.plan_detail{
		width:100%;
	}
	.pcont .btn{
		width:100%;
		text-align:center;
	}
	.detail_1ran {
		width: 100%;
	}
	.pcont dl {
		display: block;
		padding: 10px 0;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		line-height: 20px;
	}
	.pcont dl > dt {
		display:block;
		text-align:left;
		width: 100%;
		color: #778951;
		margin:0;
		padding-left:5px;
		font-weight: bold
	}
	.pcont dl > dd {
		display: block;
		width: 100%;
		padding:5px 5px 5px 10px;
		margin:0;
		line-height: 1.8;
	}

	dl.cont_detail {
		display: block;
		padding: 10px 0;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		line-height: 20px;
	}
	dl.cont_detail > dt {
		display:block;
		text-align:left;
		width: 100%;
		color: #778951;
		margin:0;
		padding-left:5px;
		font-weight: bold
	}
	dl.cont_detail > dd {
		display: block;
		width: 100%;
		padding:5px 5px 5px 10px;
		margin:0;
		line-height: 1.4;
		font-size:14px;
	}
	.cont_detail a.btn {
		width:100%;
		margin: 5px auto;
	}
	#footMenu li{
		width:50%;
	}
	.cont_yakkan {
		text-align: left !important;
	}
}