/* shift jis
/
/ 書式設定
----------------------------------*/

body{
	margin: 0;
	padding:0;
	border: 0 none;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	position:relative;
}



/*floatの解除*/
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
img {vertical-align:bottom;}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a {display: block;}

p {font-size: 14px; line-height: 1.5em;}
.left {float: left;}
.right {float: right;}
.font9 {font-size: 9px;}
.sp {display: none;}

/*footer部分
-------------------------------*/
#footer {
	background:#FFFFFF;
	width:100%;
	min-width: 990px;
}


 #footer p.pr {
	text-align:center;
	color:#000;
	height:35px;
	line-height:30px;
	width:990px;
	font-weight:bold;
	font-size:14px;
	margin:0 auto;
}
#footer:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


/* content
-------------------------------*/
#contentWrap {width: 100%; margin: 0 auto;}
#main {width: 100%; margin: 0 auto;}
#main .title01 { width: 990px; margin: 0 auto; text-align: left;}


#slider {
  overflow:hidden;
  position:relative;
  width:100%;
}
#slider .bx-wrapper {
	width: 990px;
	margin:auto;
	overflow: visible;
	box-shadow: none;
	border: 0;
}
#slider .bx-wrapper .bx-viewport {
	border: none;
	box-shadow:none;
	left: 0;
	overflow: visible !important;
}
#slider .bx-controls {
  left:50%;
  margin-left:-495px;
  position:absolute;
  top:0;
  width:990px;
  z-index:100;
}
#slider .bx-controls-direction {
  max-width:100%;
  min-width:990px;
  position:absolute;
  top:16px;
}
#slider .bx-controls-direction a {
  background-color:rgba(0, 0, 0, 0.4);
  display:block;
  height:500px;
  position:absolute;
  width:100%;
  z-index:999;
}
#slider .bx-controls-direction a:hover {
  background-color:rgba(255, 255, 255, 0.2);
  	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#slider a.bx-prev {
  left:-990px;
  text-align:right;
  background-image: url(../images/prev.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
#slider a.bx-next {
  right:-990px;
  text-align:left;
  background-image: url(../images/next.png);
  background-repeat: no-repeat;
  background-position: 5% 50%;
}
#slider .result {
  border:1px solid #F1F1F1;
  font-size:12px;
  margin:30px;
  padding:30px;
}
#slider .result span {
  display:block;
  margin-top:1em;
}
#slider .result p {
  font-size:14px;
  font-weight:bold;
  margin-bottom:1em;
}
#slider .result .slide {
  float:none !important;
  position:static !important;
  width:300px !important;
}

#contentWrap .content {width: 990px; margin: 0 auto;}
#contentWrap #cover01 {width: 100%; margin: 0 auto; background: #FFFFFF; padding: 0 ; text-align: center;}

#contentWrap #cover01 .t{ padding:45px 0 0 0;}
#contentWrap #cover01 h2 {font-size: 30px; font-weight: bold; color: #66411F; display: inline-block; position: relative; line-height: 1.5em;}
#contentWrap #cover01 h2:before {
	content: '';
	position: absolute;
	top:3px;
	left: -150px;
	width: 138px;
	height: 40px;
	background:url(../images/line01.png);
}
#contentWrap #cover01 h2:after {
	content: '';
	position: absolute;
	top:3px;
	right: -150px;
	width: 138px;
	height: 40px;
	background:url(../images/line02.png);
}
#contentWrap #cover01 .box01 { width: 900px; margin: 30px auto ;}
#contentWrap #cover01 .point {width: 230px; padding: 0 35px; text-align: center;}
#contentWrap #cover01 .point h3 {font-size: 18px; font-weight: bold; color: #66411F; line-height: 1.5em; padding: 5px 0;}
#contentWrap #cover01 .point p {text-align: left;}
#contentWrap #cover01 .btnTxt {margin: 0 auto 15px; font-size: 16px; font-weight: bold; color: #333333; display: inline-block; position: relative;}
#contentWrap #cover01 .btnTxt:before {
	content: '';
	position: absolute;
	top: -6px;
    left: -40px;
	width: 15px;
	height: 26px;
	background:url(../images/line03.png);
}
#contentWrap #cover01 .btnTxt:after {
	content: '';
	position: absolute;
	top: -6px;
    right: -40px;
	width: 15px;
	height: 26px;
	background:url(../images/line04.png);
}
#contentWrap #cover01 .btn {margin: 0 auto;}
#contentWrap #cover01 .btn a:hover img {opacity: 1; filter: alpha(opacity=100);}


#contentWrap #bg_orange {width: 100%; margin: 0 auto; background: #F5DFCA; padding: 45px 0 ; text-align: center;}


#contentWrap #cover02 {width: 100%; margin: 0 auto; background: url(../images/bg.jpg) ; padding: 0 0 70px;}
#contentWrap #cover02 .box02 {width: 100%; margin: 0 auto 20px; position: relative;}
.title02 {width: 262px; text-align: right; padding-top: 80px;} 
.title03 {
	position: absolute;
	right: 8px;
	bottom: 0;
}
.map {width: 592px; text-align: left;}
.linkBox {width: 100%; margin: 0 auto; padding: 0 3px;}
.linkBox li {width: 240px; float: left; margin: 0 3px 6px; background-color: #fff;}
.linkBox li a{display: block;}


#contentWrap #cover02 h2 {font-size: 30px; font-weight: bold; color: #66411F; display: inline-block; position: relative; line-height: 1.5em; }
#contentWrap #cover02 h2:before {
	content: '';
	position: absolute;
	top:3px;
	left: -150px;
	width: 138px;
	height: 40px;
	background:url(../images/line01.png);
}
#contentWrap #cover02 h2:after {
	content: '';
	position: absolute;
	top:3px;
	right: -150px;
	width: 138px;
	height: 40px;
	background:url(../images/line02.png);
}
#contentWrap #cover02 .t{ padding:45px 0 0 0; text-align:center;}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff3e7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 50px;
  border-bottom: 3px solid #fd861b;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 15px 0 0 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tokyo:checked ~ #tokyo_content,
#chubu:checked ~ #chubu_content,
#kansai:checked ~ #kansai_content,
#chugoku:checked ~ #chugoku_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #fd861b;
  color: #fff;
}


/*新規ホテル*/
.new_box { padding:20px 0 20px 0;}
.new_img {width:479px;}
.new_t {width:488px;}
.new_box p { font-size:1.1em; text-align:left; padding: 0 0 10px 0;}