@charset "UTF-8";

/*----------------------------------------------------
☆Reset
----------------------------------------------------*/

html {
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
p,
img {
	margin: 0;
	padding: 0;
}

body {
	color: #444;
	font-family:'Hannari',Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	min-width:1100px;
}

body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a,
a:link,
a:hover,
a:focus {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

a:hover {
	opacity: 0.5;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


ul,
ol {
	list-style-type: none;
}

::selection {
	background-color: #faed85;
	color: #444; /* Safari */
}

::-moz-selection {
  background-color: #faed85;
  color: #444; /* Firefox */
}

body #wrap{
	overflow: hidden;
}

body #contents{
	margin-top:121px;
}

.nolink{
	opacity: 1!important;
	cursor: default!important;
}
/*----------------------------------------------------
☆header
----------------------------------------------------*/
#header{
  width:100%;
  border-top:2px solid #faed85;
  background-color:#fff;
  position:fixed;
  z-index:2;
  height:116px;
}
#header .header{
  width:1080px;
  margin: 0 auto;
}

.header .logo{
  float: left;
  width: 258px;
  padding-top: 35px;
  padding-bottom: 25px;
}

.header .logo img{
  width: 100%;
}

.header .menu{
  float: right;
}
.header .menu .menutop{
  margin-bottom: 30px;
  float: right;
}

.header .menu .menutop a{
  display: block;
  background-color:#faed85;
  padding:13px 21px 18px 53px;
  border-radius: 0px 0px 4px 4px;
  font-size: 16px;
  letter-spacing: 2px;
  position: relative;
	font-family: 'Hannari', serif;
	/* font-family: 'Noto Sans Japanese', serif; */
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header .menu .menutop a span{
  margin-top: -5px;
  display: block;
}

.header .menu .menutop a:before{
  display: block;
  content: "";
  background: url('../../cmn/cmn_img/contact.png') no-repeat;
  width: 20px;
  height: 16px;
  margin-top:-8px;
  background-size: contain;
  position: absolute;
  top:46%;
  left: 20px;
}
.header .menu .menulist li{
	float: left;
	border-right:1px solid #ddd;

}
.header .menu .menulist li a span{
  position: relative;
}
.header .menu .menulist li a span::after {
  position: absolute;
  bottom: -17px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.header .menu .menulist li a span:hover::after {
  transform: scale(1, 1);
}
.header .menu .menulist li:nth-last-of-type(1){
	border-right:none;
}

.header .menu .menulist li a{
  padding: 0 21px 26px 21px;
  letter-spacing: 2px;
  font-size: 16px;
  font-family: 'Hannari', serif;
	/* font-family: 'Noto Sans Japanese', serif; */
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
  opacity:1;
}

.header .menu .menulist li a:after{
  content: none;
}

.header .menu .menulist li:nth-of-type(1) .point:hover:after,
.header .menu .menulist li:nth-of-type(5) .point:hover:after{
	content: "";
	position: absolute;
  z-index: 1;
	bottom: -49%;
  margin-top: -7px;
	left: 50%;
 	margin-left: -14px;
	border: 14px solid transparent;
	border-top: 14px solid #fff;
  -webkit-transition:initial;
  transition:initial;
}


.header .menu .menulist li:nth-last-child(1) a{
  padding: 0 0 4px 17px;
  border-right:none;
}

.header .mmenu{
  background:#eeeeee;
  width: 100%;
  position: fixed;
  top: 116px;
  padding: 0;
  left: 0;
	display: none;
}

.header .mmenu .mmenu_inr{
	padding:20px 0;
  width: 1110px;
  margin: 0 auto;
  position:relative;
}
/*
.header li:nth-last-of-type(2) .mmenu .mmenu_inr{
	padding:20px 0;
  width: 1335px;
  margin: 0 auto;
  position:relative;
}
 */

.header .mmenu .mmenu_inr h2{
  display: inline-block;
	padding-left:5px;
	padding-bottom:15px;
  border-bottom: 1px solid #444;
  font-family: 'Hannari', serif;
/* font-family: 'Noto Sans Japanese', serif; */
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 4px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom:15px;
}
.header .mmenu .mmenu_inr .inrBox.Box01 li{
	float:left;
	margin-right:20px;
	border-right:none;
}

.header .mmenu .mmenu_inr .inrBox.Box02 li{
	float:left;
	margin-right:10px;
	border-right:none;
}
.header .mmenu .mmenu_inr .inrBox.Box02  li a{
	display:inline-block;
	width:215px;
	padding:10px 10px;
	border-right: none;
  border-radius: 4px;
	position: relative;
  margin-bottom: 5px;
  line-height: 16px;
  background-color: #fff;
  border-radius: 5px;
}


.header .mmenu .mmenu_inr .inrBox.Box02  li.non{
  width:216px;
  float: left;
	cursor:pointer;
	margin-bottom:5px;
  position: relative;
  background-color: #555;
  border-radius: 10px;
  vertical-align: bottom;
  /* line-height: 50px; */
  margin-right: 7px;
  color: #fff;
  position: relative;
}

.header .mmenu .mmenu_inr .inrBox.Box02  li.non h4{
  line-height: 1.6;
  text-indent:0px;
  padding-left:10px;
}

.header .mmenu .mmenu_inr .inrBox.Box02  li{
  width:216px;
  float: left;
	cursor:pointer;
	margin-bottom:5px;
  position: relative;
  /* background-color: #fff; */
  border-radius: 10px;
  vertical-align: bottom;
  /* line-height: 50px; */
  margin-right: 7px;
}

.header .mmenu .mmenu_inr .inrBox.Box02  li a:hover:after{
  content: none;
}
.header .mmenu .mmenu_inr .inrBox.Box02 li:nth-last-of-type(1){
  margin-right: 0;
  margin-bottom:5px;
}

.header .mmenu .mmenu_inr .inrBox.Box02  li:after{
    content:" ";
    display:block;
    clear:both;
}
.header .mmenu .mmenu_inr .inrBox.Box02 li .img{
	width:70px;
	overflow:hidden;
  float: left;
}

.header .mmenu .mmenu_inr .inrBox.Box01  li a{
	display:block;
	width:200px;
	padding-left:0;
	border-right: none;
	padding-right:0;
	padding-bottom: 0px;
	border-bottom: 1px dotted #555;
}

.header .mmenu .mmenu_inr .inrBox.Box01  li a:hover:after{
  content: none;
}

.header .mmenu .mmenu_inr .inrBox.Box01  li{
	width:200px;
	cursor:pointer;
}
.header .mmenu .mmenu_inr .inrBox.Box01 li .img{
/* 	width:200px;
	height:100px;
	overflow:hidden;
	border-radius: 5px; */
  display: none;
}
/* .header .mmenu .mmenu_inr .inrBox li p img{
	width:100%;
} */
.header .mmenu .mmenu_inr .inrBox li p img{
	width:100%;
}

.header .mmenu .mmenu_inr .inrBox li .txt{
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	letter-spacing:1px;
}
.header .mmenu .mmenu_inr .inrBox.Box02{
  line-height:
}
.header .mmenu .mmenu_inr .inrBox.Box01 li:nth-last-of-type(1){
	margin-right:0;
}


.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility{box-sizing: border-box;}





.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility h3{
  font-family: 'Hannari', serif;
/* font-family: 'Noto Sans Japanese', serif; */
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:18px;
  padding-top: 10px;
  border-top: 1px dotted #555;
  margin-top:10px;
  margin-bottom:10px;
  text-indent: 20px;
  position: relative;
}

.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility:nth-of-type(1) h3{
  padding-top: 0;
  border-top: none;
  margin-top:0;
}
.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility h3 a{padding:0;}
.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility h3:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    color: #444;
    top: 11px;
    left: -20px;
  font-size: 22px;
}

.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility:nth-of-type(1) h3:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    color: #444;
    top: 1px;
    left: -20px;
  font-size: 22px;
}



.header .mmenu .mmenu_inr .inrBox.Box01  h3{
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
  font-weight: 500;
  font-size:16px;
  margin-top:10px;
  margin-bottom:10px;
  text-indent: 10px;
  position: relative;
  letter-spacing: 1px;
}

.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility h4{
  float:left;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
  font-weight: 500;
  font-size:11px;
  position: relative;
  letter-spacing: 1px;
  display: inline-block;
  /* line-height:56px; */
  /* text-indent: 10px; */
}
.header .mmenu .mmenu_inr .inrBox.Box02 .img{
  width: 100px;
  margin: 0 auto;
}
.header .mmenu .mmenu_inr .inrBox.Box02 .img img{
  width: 100%;
  border-radius: 10px 0px 0px 10px;
  vertical-align: bottom;
}
.header .mmenu .mmenu_inr .inrBox.Box01  h3:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    color: #444;
    top: -3px;
    left: -10px;
  font-size: 20px;
}

.header .mmenu .mmenu_inr .inrBox.Box02 .inrfacility li a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  font-size: 16px;
}






.header .mmenu .mmenu_inr .inrBox:after {
    content:" ";
    display:block;
    clear:both;
}

.header .mmenu .mmenu_inr .inrBox .inrfacility{
	width:100%;
	box-sizing:border-box;
}
.header .mmenu .mmenu_inr .inrBox .inrfacility:after {
    content:" ";
    display:block;
    clear:both;
}



/*----------------------------------------------------
☆breadChumbs
----------------------------------------------------*/

#breadChumbs {
	background: #f3f3f3;
	margin: 0 auto;
  height: 40px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#breadChumbs p {
	color: #000;
	font-size: 11px;
	line-height: 40px;
	margin: 0 auto;
	width: 1080px;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
}

#breadChumbs p a {
	color: #000;
}

#breadChumbs p a.currentPoint {
	color: #000;
	text-decoration: none;
}


/*----------------------------------------------------
☆top
----------------------------------------------------*/
#top{
  width: 100%;
  max-width: 2000px;
}

#top .top{
  height: 260px;
  background: url('../../cmn/cmn_img/top_bk.jpg') top center;
  background-size: cover;
  position: relative;
}

#top .top h1,
#top .top p{
  font-size: 30px;
  text-align: center;
  letter-spacing: 5px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  font-family: 'Hannari', serif;
/* font-family: 'Noto Sans Japanese', serif; */
	font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#top .top p{width:100%;}

/*----------------------------------------------------
☆main
----------------------------------------------------*/

#maincontents{
  width:1080px;
  margin:80px auto 120px;
}

/*----------------------------------------------------
☆tab
----------------------------------------------------*/

#business .tabs,#facility .tabs { display:block; overflow:hidden; clear:both; width:100%;}
#business .tabs li:nth-last-child(1),#facility .tabs li:nth-last-child(1){margin-right:0;}
#business .tabs li::after,
#facility .tabs li::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 20px solid #faed85;
  border-left: 20px solid transparent;

}
#business .tabs li,#facility .tabs li {
  float:left;
  display:block;
  background:#fff;
  width: 32%;
  height: 60px;
  text-align:center;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius:4px;
  font-family: 'Hannari', serif;
/* font-family: 'Noto Sans Japanese', serif; */
  font-size:20px;
  letter-spacing: 2px;
  line-height:50px;
  position: relative;
  margin-right:2%;
}
#business .tabs li.active,
#facility .tabs li.active,
#business .tabs li:hover,
#facility .tabs li:hover {background:#faed85; border: 1px solid #444;opacity: 1;position: relative;cursor:pointer;}
#facility .tabs li.active::after,#facility .tabs li.active:hover::after,
#business .tabs li.active::after,#business .tabs li.active:hover::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 20px solid #000;
  border-left: 20px solid transparent;

}

/*----------------------------------------------------
☆footer
----------------------------------------------------*/

#footer{
  width:100%;
  background-color:#f3f3f3;
}
#footer .footer{
  width:1080px;
  margin: 0 auto;
}
.footer .ft{
  padding-top: 80px;
  padding-bottom: 55px;
  border-bottom: 1px solid #ddd;
}

.footer .ftl{
  float: left;
}

.footer .ftr{
  float: right;
}
.footer .ftr .fadd{
  float: left;
}
.footer .ftr h2{
  font-size: 16px;
  margin-bottom: 10px;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
  letter-spacing: 1px;
}

.footer .ftr p{
  font-size: 14px;
  line-height: 1.8;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
  letter-spacing: 1px;
}

.footer .ftr .fbtn{
  float:right;
}

.footer .ftr .fbtn a{
  margin-left: 30px;
  display: inline-block;
  text-decoration: none;
  padding:20px 35px;
  background: #fff;/*ボタン色*/
  color: #000;
  border-bottom: solid 3px #dddddd;
  border-radius: 3px;
  font-size: 15px;
  text-indent: 20px;
  position: relative;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
}

.footer .ftr .fbtn a:hover {/*ボタンを押したとき*/
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);/*下に動く*/
  border-bottom: solid 3px #fff;
	opacity: 1;
}

.footer .ftr .fbtn a:before{
  display: block;
  content: "";
  background: url('../../cmn/cmn_img/arrow.png') no-repeat;
  width: 6px;
  height: 10px;
  margin-top:-5px;
  background-size: contain;
  position: absolute;
  top:50%;
  left:35px;
}

/* footer bottom */

.footer .fb{
  padding-top: 30px;
  padding-bottom: 80px;
}

.footer .fb .fbR{
  float: left;
}

.footer .fblink li{
  float: left;
  padding:0 20px;
  border-right: 1px solid #3c3c3c;
  font-size: 13px;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
}

.footer .fblink li:nth-child(1){
  padding-left:0;
}

.footer .fblink li:nth-last-of-type(1){
  border-right:none;
}
.footer .fb .fbL{
  float:right;
  font-size:11px;
	/* font-family: 'Noto Sans Japanese', sans-serif; */
	font-family: 'Hannari', serif;
}

.footer .fb .fbL small{
  line-height: 16px;
	font-size: 12px;
  letter-spacing: 1px;
}





/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が750px以下の場合*/

@media only screen and (max-width: 768px) {
  body{
    min-width: initial;
    width: 100%;
  }
  body #contents{
	margin-top:50px;
}
  /*----------------------------------------------------
  ☆header
  ----------------------------------------------------*/
  #top .top h1{font-size: 29px;width: 100%;top:50%;}
  #header{
    border-top:none;
    border-bottom: 1px solid #f3f3f3;
    height: 50px;
  }
  #header .header{
    width:100%;
  }
  .header .logo{
    width: 153px;
    padding:0;
    margin: 8px 0 0 10px;
  }
  .header .logo img{
    height: 100%;
  }
  #header .spbtn{
    display: block;
    float: right;
    font-size: 10px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    padding:8px;
    background-color: #faed85;
    position: relative;
  }
  .btn-icon{
    display: block;
    position: absolute;
    top: 36%;
    left: 50%;
    width: 30px;
    height: 2px;
    margin: -1px 0 0 -15px;
    background: #000;
    transition: .2s;
  }
  .btn-icon:before, .btn-icon:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
    background: #000;
    transition: .3s;
  }
  .btn-icon:before{
    margin-top: -9px;
  }
  .btn-icon:after{
    margin-top: 7px;
  }
  .btn-menu{
    display: block;
    margin-top: 26px;
    text-align: center;
		/* font-family: 'Noto Sans Japanese', sans-serif; */
		font-family: 'Hannari', serif;
    font-weight: 700;
    font-size: 10px;
  }

  .spmenu li a{
    display: block;
		/* font-family: 'Noto Sans Japanese', sans-serif; */
		font-family: 'Hannari', serif;
    border-left: 2px solid #faed85;
    border-bottom: 1px dotted #ebb747;
    padding: 15px 10px;
    font-size: 14px;
    position: relative;
  }
  .spmenu li a:after{
    display: block;
    content: "";
    background: url('../../cmn/cmn_img/arrow.png') no-repeat;
    width: 6px;
    height: 10px;
    margin-top:-5px;
    background-size: contain;
    position: absolute;
    top:50%;
    right:30px;
  }

  /*----------------------------------------------------
  ☆main
  ----------------------------------------------------*/
  #maincontents{
    width:100%;
    margin:30px auto ;
  }

  /*----------------------------------------------------
  ☆top
  ----------------------------------------------------*/
	#breadChumbs{font-size: 10px;padding:5px 0 5px 10px;height: initial;width: 100%;box-sizing: border-box;}
	#breadChumbs p{line-height: initial;display:block;width: 100%;}
  #top{max-width: initial;}
	#top .top{
    height: 0;
    padding-top: 51.87%;
    background-image: url('../../cmn/cmn_img/sp_top_bk.jpg')bottom center;
    background-size: cover;
    position: relative;
  }




  /*----------------------------------------------------
  ☆tab
  ----------------------------------------------------*/
	#business .tabs,#facility .tabs { width:100%;margin:0 auto;}
	#business .tabs li, #facility .tabs li{
		display:block;
		background:#fff;
		height: initial;
		font-size:18px;
		letter-spacing: 2px;
		line-height:50px;
		float:none;
		width:100%;
		margin-bottom: 10px;
	}
	.tab_content li:nth-of-type(1){margin-right: 0;}

  /*----------------------------------------------------
  ☆restaurant
  ----------------------------------------------------*/

  /*----------------------------------------------------
  ☆access
  ----------------------------------------------------*/

  /*----------------------------------------------------
  ☆room
  ----------------------------------------------------*/


  /*----------------------------------------------------
  ☆footer
  ----------------------------------------------------*/
  #footer .footer{
    width:92%;
    margin: 0 auto;
  }
  .footer .fb .fbR{
    float: none;
  }
  .footer .fblink{width: 294px;margin: 0 auto;}
  .footer .fblink li{
    padding:0 10px;
    border-right: 1px solid #3c3c3c;
    font-size: 12px;
		/* font-family: 'Noto Sans Japanese', sans-serif; */
		font-family: 'Hannari', serif;
  }

  .footer .fblink li:nth-child(1){
    padding-left:0;
  }
  .footer .fblink li:nth-child(3){
    padding-right:0;
  }
  .footer .fb .fbL{
    clear: both;
    float:none;

  }
  .footer .fb .fbL small{
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    padding: 20px 0;
  }
  .footer .fb{
    padding-top: 30px;
    padding-bottom: 0;
  }

}