@charset "utf-8";



#container {}
.boxbgg78zdi9{background-color: #625545;width: 100%;text-align: center;}

.boxmenu444 a{color: #ffffff !important;text-decoration: none;}
.boxmenu444 #boxm_1{background-image: url("/images/bg1.jpg");}
.boxmenu444 #boxm_2{background-image: url("/images/bg2.jpg");}
.boxmenu444 #boxm_3{background-image: url("/images/bg3.jpg");}
.boxmenu444 #boxm_4{background-image: url("/images/bg4.jpg");}
.boxmenu444 #boxm_5{background-image: url("/images/bg5.jpg");}
.boxmenu444 a{display: block;}
.boxmenu444 a span.subtit007,.boxmenu444 a span.subtit006,.boxmenu444 a span.yazi5out{display: block;}
.boxmenu444 a .yazi5out{margin-left: -40px;}
.boxmenu444 a .yazi5{position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;text-decoration: none;}
.boxmenu444 a .yazi5::before,.boxmenu444 a .yazi5::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.boxmenu444 a .yazi5::before{width: 48px;height: 48px;-webkit-border-radius: 50%;border-radius: 50%;background:rgba(255,255,255,0.5);border: 1px solid #ac976d;}
.boxmenu444 a .yazi5::after{left: 20px;top: -10px;box-sizing: border-box;width: 12px;height: 12px;border: 12px solid transparent;border-left: 12px solid #fff;margin-top: 0px;}

@media screen and (min-width: 769px) {
.mainph{z-index: -1;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}

.boxmenu444{display: -webkit-flex;display: flex;width: 1200px;margin-left: auto;margin-right: auto;margin-top: 30px;}
.boxmenu444 a{background-repeat: no-repeat;background-position: center top;width: 240px;height: 425px;display: -webkit-flex;display: flex;  -webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-direction: column;flex-direction: column;}
.boxmenu444 a .subtit007{font-size: 2.4rem;margin-bottom: 15px;}
.boxmenu444 a .subtit006{font-size: 1.8rem;margin-bottom: 50px;}

}
@media screen and (min-width: 1800px) {
.mainph{width: 1800px;margin-left: auto;margin-right: auto;}
.boxbgg78zdi9{margin-top: 910px;}

}
@media screen and (max-width: 1799px) {
.mainph{width: 100%;}
.mainph img{width: 100%;height: auto;}
.boxbgg78zdi9{margin-top: 800px;}
}
@media screen and (max-width: 1600px) {
.boxbgg78zdi9{margin-top: 650px;}

}

@media screen and (min-width: 1200px) {
.tab-panel{width: 1200px;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 1199px) {
.tab-panel{width: 100%;}

}
@media screen and (min-width: 769px) {




.panel-group{}
.tab-group{display: flex;justify-content: center;width: 400px;margin-left: auto;margin-right: auto;}
.tab{flex-grow: 1;padding:5px;list-style:none;border:solid 1px #c9bc9c;background:#c9bc9c;text-align:center;  cursor:pointer;margin-top: -40px;}
.panel{display:none;}
.tab.is-active{background:#af8222;color:#ffffff;transition: all 0.2s ease-out;}
.panel.is-show{display:block;}
.panel-group{margin-top: -20px;z-index: 100000;background-color: #ffffff;}
.booking,#booking{padding: 50px 0 30px 0;}

}


@media screen and (max-width: 768px) {

.mainph{margin-top: -60px;}
.boxbgg78zdi9{margin-top: 10px;}

.btnlinkresspindex a{display: block;background:#af8222;color:#ffffff !important;padding: 10px;margin: 10px;font-weight: 900;text-align: center;font-size: 1.6rem;}
.btnlinkresspindex a:link{color:#ffffff !important;}
.btnlinkresspindex a:visited{color:#ffffff !important;}

.boxmenu444{width: 98%;margin-left: auto;margin-right: auto;}
.boxmenu444 a{background-repeat: no-repeat;background-position: center top;width: 100%;padding: 20px;margin-bottom: 20px;margin-top: 30px;}
.boxmenu444 a .subtit007{font-size: 2.0rem;margin-bottom: 15px;}
.boxmenu444 a .subtit006{font-size: 1.6rem;margin-bottom: 50px;}

}

.bgboxv01{background-image: url("/images/bgboxv01.jpg");}
.bgboxv02{background-image: url("/images/bgboxv02.jpg");}
.bgmark{background-color: #ebe7d5;background-image: url("/images/bgmark.png");background-repeat: no-repeat;background-position: right -10px;}
.bgboxv01,.bgboxv02,.infoindex,.bgmark{text-align: center;padding: 80px 0;}



.tab00s {padding-bottom: 40px;margin: 0 auto;}
.tab_item {width: calc(100%/5);font-size: 1.6rem;padding-top: 10px;padding-bottom: 10px;background-color: #c9bc9c;text-align: center;border-right: 1px solid #efefef;color: #ffffff;display: block;float: left;text-align: center;font-weight: 900;transition: all 0.2s ease;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 40px 0 40px 0;clear: both;overflow: hidden;}


#n_100:checked ~ #n_100_content,#n_200:checked ~ #n_200_content,#n_300:checked ~ #n_300_content,#n_400:checked ~ #n_400_content,#n_500:checked ~ #n_500_content {  display: block;}

.tab00s input:checked + .tab_item {color: #fff;position: relative;background: #af8222;}
.tab00s input:checked + .tab_item:before {position: absolute;bottom: -10px;left: 40%;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #af8222 transparent transparent transparent;}
.boxboxbbb p{padding: 10px;text-align: left;border: 1px solid #ccc;}
@media screen and (min-width: 769px) {
.tab00s {width: 1260px;}
.importantinfo{width: 980px;margin-left: auto;margin-right: auto;}
.importantinfo .importantinfo01,.importantinfo .importantinfo02{}
.importantinfo .importantinfo01 .infomationbox{}
.boxboxbbb p{text-align: center;}
.importantinfo .importantinfo01new{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.importantinfo .importantinfo01new .infolnew99,.importantinfo .importantinfo01new .infornew99{width: 450px;}
.importantinfo .importantinfo01new .infomationbox{width: 430px;}
.importantinfo .importantinfo01new .infomationbox li .text{width: 400px;}

}
@media screen and (max-width: 768px) {
.tab_item {width: calc(100%/2);font-size: 1.4rem;border-bottom: 1px solid #efefef;}
.boxboxbbb{margin-top: 30px;}
}


/*  くるくる  */
.fairbox {margin-bottom: 50px;}
.fairbox .fairbox_inn{margin-left: 10px;margin-right: 10px;}
.fairbox .fairbox_inn a{text-decoration: none;display: block;}

.fairbox .fairbox_inn span.tit{background-color: #c29313;color: #ffffff;padding: 3px;}

.fairbox .fairbox_inn span{display: block;text-align: center;width: 100%;}
.fairbox .fairbox_inn .fairbox_inn_ph img{width: 100%;height: auto;}
.fairbox .fairbox_inn .fairbox_inn_ph{width: 100%;height: 280px;overflow: hidden;}

.fairbox .slick-prev.slick-arrow{top: 40%;left: 3%;position: absolute;z-index: 100;}
.fairbox .slick-next.slick-arrow{top: 40%;right: 3%;position: absolute;z-index: 100;}
.fairbox li:not(.slick-active){opacity: 1;background-color: none;}

@media screen and (min-width: 1261px) {
.fairbox{width: 1261px;margin-left: auto;margin-right: auto;}
}

@media screen and (max-width: 768px) {
.fairbox .slick-prev.slick-arrow{top: 20%;left: 10%;position: absolute;z-index: 100;}
.fairbox .slick-next.slick-arrow{top: 20%;right: 10%;position: absolute;z-index: 100;}
.fairbox{margin: 20px auto 0 auto !important;padding-bottom: 10px !important;}
.fairbox .fairbox_inn span.tit{background-color: #c29313;color: #ffffff;padding: 5px;}
.fairbox .fairbox_inn span.date{margin: 5px 0;}
}

@media screen and (max-width: 500px) {
.fairbox .slick-prev.slick-arrow img,.fairbox .slick-next.slick-arrow img{width: 40px;height: auto;}
.fairbox .slick-prev.slick-arrow{top: 40%;left: 5%;position: absolute;z-index: 100;}
.fairbox .slick-next.slick-arrow{top: 40%;right: 5%;position: absolute;z-index: 100;}

.fairbox .fairbox_inn span{width: 100%;line-height: 1.2;}
.fairbox .fairbox_inn .fairbox_inn_ph img{width: 100%;height: auto;}
.fairbox .fairbox_inn .fairbox_inn_ph{width: 100%;height: auto;overflow: hidden;}
.fairbox .fairbox_inn .fairbox_inn_txt{font-size: 1.1rem;}
}

@media screen and (max-width: 1260px) {
.fairbox{width: 100%;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 1058px) {
.fairbox .slick-prev.slick-arrow{top: 30%;left: 10%;position: absolute;z-index: 100;}
.fairbox .slick-next.slick-arrow{top: 30%;right: 10%;position: absolute;z-index: 100;}
.fairbox{margin: 20px auto 0 auto !important;padding-bottom: 10px !important;}
.fairbox .fairbox_inn span.tit{background-color: #c29313;color: #ffffff;padding: 5px;}
.fairbox .fairbox_inn span.date{margin: 5px 0;}
.fairbox{width: 100%;margin-left: auto;margin-right: auto;}
.fairbox .fairbox_inn span{display: block;text-align: center;width: 100%;}
.fairbox .fairbox_inn .fairbox_inn_ph img{width: 100%;height: auto;}
.fairbox .fairbox_inn .fairbox_inn_ph{width: 100%;height: auto;overflow: hidden;}
}

/*  ホテル予約検索  */
.tab-A #booking-accommodation input{
padding: 5px 5px;
}
.tab-A #booking-accommodation select{
padding: 10px 5px;
}
.tab-A #booking-accommodation .nitteiarea .datearea .chkbox,
.tab-A #booking-accommodation .nitteiarea .ninzuarea .chkbox {
	margin: 10px 0 0 0;
}
.chkbox input[type=checkbox] {
	width:			16px;
	height:			16px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	margin: -4px 0 0 5px;
}
.chkbox label {
	padding:0 0 0 5px;
	font-size:		1.4rem;
	line-height:		1.6rem;
	letter-spacing: 0.01em;
}


.tab-A #booking-accommodation{
width: 940px;
display: -webkit-flex;
display: flex;
margin: 0 auto;
}
.tab-A #booking-accommodation #booking-accommodation-01 .nitteiarea{
width: 630px;
display: -webkit-flex;
display: flex;
text-align: left;
}
.tab-A #booking-accommodation #booking-accommodation-01 h3{
text-align: left;
font-size: 1.6rem;
}

.tab-A #booking-accommodation .nitteiarea .checkinnarea,
.tab-A #booking-accommodation .nitteiarea .datearea,
.tab-A #booking-accommodation .nitteiarea .ninzuarea {
margin: 0 20px;
}
.tab-A #booking-accommodation .nitteiarea .ninzuarea .normal {
letter-spacing: 0;
}
.tab-A #booking-accommodation .nitteiarea .ninzuarea select.sec {
margin: 0 0 0 15px;
}
.tab-A #booking-accommodation #booking-accommodation-02{
padding: 28px 0 0 10px;
text-align: left;
}
.tab-A #booking-accommodation #booking-accommodation-02 .btn input[type=button] {
padding: 10px 100px;
text-align: center;
background-color: #af8222;
color: #fff;
font-weight: 800;
border: 1px solid #af8222;
cursor: pointer;
font-size: 1.6rem;
letter-spacing: 0.2em;
}

.tab-A #booking-accommodation #booking-accommodation-02 .btn input[type=button]:hover {
background-color: #fff;
color: #af8222;
}

.tab-A #booking-accommodation #booking-accommodation-02 .linkbox {
display: -webkit-flex;
display: flex;
}
.tab-A #booking-accommodation #booking-accommodation-02 .linkbox p {
letter-spacing: 0.01em;
margin: 0 15px 0 0;
}

.tab-A #booking-contact {
width: 900px;
margin: 15px auto 0 auto;
text-align: left;
}
.tab-A #booking-contact h4 {
font-weight: 800;
}
.tab-A #booking-contact h4 a {
text-decoration: none;
}
.tab-A #booking-contact .boxjrm00 .boxjrm_in {
display: -webkit-flex;
display: flex;
}
.tab-A #booking-contact .boxjrm00 .boxjrm_in p {
letter-spacing: 0.01em;
margin: 0 15px 0 0;
}
.tab-A #booking-contact h4 a:hover,
.tab-A #booking-accommodation #booking-accommodation-02 .linkbox p a:hover,
.tab-A #booking-contact .boxjrm00 .boxjrm_in p a:hover {
text-decoration: underline;
}

/*  レストラン予約検索  */
.tab-B #booking-restaurant input{
padding: 5px 5px;
}
.tab-B #booking-restaurant select{
padding: 10px 5px;
}
/*
.chkbox {
}

.chkbox label {
	padding-left:		18px;
	font-size:		1.6rem;
	line-height:		1.6rem;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

.chkbox label:before {
	content:		'';
	width:			16px;		
	height:			16px;	
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
border: 1px solid #575757;
	border-radius:		5px;
}

.chkbox input[type=checkbox] {
	display:		none;
}

.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';	 
	font-size:		1.6rem;	
	color:			#fff;	
	background-color:	#06f;
}
*/
.chkbox input[type=checkbox] {
	width:			16px;
	height:			16px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	margin: -4px 0 0 5px;
}
.chkbox label {
	padding:0 0 0 5px;
	font-size:		1.4rem;
	line-height:		1.6rem;
	letter-spacing: 0.01em;
}


.tab-B #booking-restaurant{
width: 980px;
display: -webkit-flex;
display: flex;
margin: 0 auto;
}
.tab-B #booking-restaurant #booking-restaurant-01{
width: 490px;
display: -webkit-flex;
display: flex;
}
.tab-B #booking-restaurant #booking-restaurant-01 h3,
.tab-B #booking-restaurant #booking-restaurant-02 h3{
text-align: left;
font-size: 1.6rem;
}

.tab-B #booking-restaurant #booking-restaurant-01,
.tab-B #booking-restaurant #booking-restaurant-01 .nitteiarea,
.tab-B #booking-restaurant #booking-restaurant-01 .ninzuarea,
.tab-B #booking-restaurant #booking-restaurant-02{
margin: 0 15px 0 0;
}

.tab-B #booking-restaurant #booking-restaurant-03{
padding: 28px 0 0 10px;
}
.tab-B #booking-restaurant #booking-restaurant-03 .btn input[type=button] {
padding: 10px 40px;
text-align: center;
background-color: #af8222;
color: #fff;
font-weight: 800;
border: 1px solid #af8222;
cursor: pointer;
font-size: 1.6rem;
letter-spacing: 0.2em;
}

.tab-B #booking-restaurant #booking-restaurant-03 .btn input[type=button]:hover {
background-color: #fff;
color: #af8222;
}