/* 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;
}

html {
  scroll-behavior: smooth;
}


/*floatの解除*/
.clear {
  clear: both;
}

.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);
}


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;}

/*====================================================================
slick
====================================================================*/

    .slider{
        width:100%;
        margin:0 auto;
    }
    .slider img{
        width:100%;
    }
    .slider .slick-slide{
        height:auto!important;
    }
    .slider .slick-arrow{
        z-index:2!important;
    }
    .slider .slick-next{
        right:0!important;
    }
    .slider .slick-prev{
        left:0!important;
    }

.slider {
  position: relative; /* オーバーレイを重ねるため */
  overflow: hidden;
}

.slider::before,
.slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  z-index: 1;
  pointer-events: none; /* スライダー操作の邪魔をしないように */
}

.slider::before {
  left: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.5), transparent);
}

.slider::after {
  right: 0;
  background: linear-gradient(to left, rgba(0,0,0,0.5), transparent);
}

/* Slickが勝手に出すデフォルト矢印を完全に消す */
.slider .slick-prev::before,
.slider .slick-next::before {
  display: none;
  content: none;
}

/* カスタム矢印のスタイル */
.my-prev,
.my-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10;
}

.my-prev {
  left: 10px;
}

.my-next {
  right: 10px;
}

.my-prev img,
.my-next img {
  width: 30px;
  height: auto;
}

/*
#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:425px;
  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;
}
*/

.logo { text-align: center; background-color: #FFFFFF;}
.logo img{ margin-top:30px; margin-bottom: 30px;}

#contentWrap{
	background-color: #ebebeb;	
}

#cp {
  background-image: url(../images/bg.gif);
  background-repeat: repeat-x;
height: 265px;
}

.cp_s {width: 1000px; margin: 0 auto; padding: 44px 0 0 0;
}

#btn {width: 1000px; margin: 0 auto 60px; 
}

#hotel{width: 1000px; margin: 0 auto;}
	
.box_s {width:324px; 
	position: relative; float: left; height: 483px; margin-bottom: 31px;
}

.icon {position: absolute;
top: -1px; left: 5px;}


.sl_s {
position: absolute;
top: 47px;
  width: 324px; /* 必要に応じてサイズ調整してね */
  height: 184px;
  overflow: hidden;
}

.sl_s img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: fadeLoop 9s infinite;
}

.sl_s img:nth-child(1) {
  animation-delay: 0s;
}
.sl_s img:nth-child(2) {
  animation-delay: 3s;
}
.sl_s img:nth-child(3) {
  animation-delay: 6s;
}

@keyframes fadeLoop {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}