@charset "utf-8";
/*　スライドアニメーション　*/
.text-ani_1 {
  width:max-content;
  margin:10px;
  border-radius:0.5em;    /*角丸*/
  background:#08f;        /*背景色*/
  overflow:hidden;
}

.text-ani_1 p {
  margin:0;
  font-size:1em;         /*文字サイズ*/
  color:#fff;
           /*文字の色*/
  animation: flowing 20s linear infinite;    /*アニメーション*/
  transform:translateX(90%);                /*最初の位置*/
}

@keyframes flowing {
100% {
  transform:translateX(-30%);    /*終了の位置*/
    }
}

/*アイキャッチ*/
.eyecatch {
  margin:10px;
}
.eyecatch img {
    max-width:max-content;
  }


/*設備タイトル*/


/*外枠*/
.box_li {
  /* width:750px; */
  display:block;
  /* vertical-align:top; */
  border-radius: 10px 10px 10px 10px;
  padding: 10px;
  background: rgba(245,255,245,0.8);
  background-size: 30px;
  font-weight: bold;
  box-shadow: 5px 5px 8px #555, 0px 0px 4px rgba(0,0,0,0.2) inset;
  margin:10px 0;
}

@media screen and (max-width: 770px) {
  .box_li { width:auto; } /*770pxより小さいときは可変サイズになる*/
  .box_li iframe { width:auto; }
}

/*中枠*/
.photo-tile li {
  margin:2px;
  transition: box-shadow 0.2s;
  display:inline-block;
  vertical-align:top;
  border-radius: 5px;
  padding: 5px;
  background: rgba(245,255,245,0.8);
  background-size: 30px;
  font-weight: bold;
  box-shadow: 4px 4px 3px rgba(0,0,0,0.6), 0px 0px 4px rgba(0,0,0,0.2) inset;
  transition: color 0.2s;
}
.photo-tile li:hover {
	box-shadow: 5px 6px 8px rgba(0,0,0,0.4), 0px 0px 4px rgba(0,0,0,0.2) inset;
	color: #5ad;
}
/*3列*/
.bx3_li1 {
  width:230px;
}
@media screen and (max-width: 770px) {
  .bx3_li1 { width:auto; height:auto; } /*770pxより小さいときは可変サイズになる*/
}
/*2列*/
.bx2_li1 {
  width:350px;
}
@media screen and (max-width: 770px) {
  .bx2_li1 { width:auto; height:auto; } /*770pxより小さいときは可変サイズになる*/
}
/*4列*/
.bx4_li1 {
  width:170px;
}
@media screen and (max-width: 770px) {
  .bx4_li1 { width:45%; height:auto; } /*770pxより小さいときは1/2サイズになる*/
}
@media screen and (max-width: 400px) {
  .bx4_li1 { width:auto; height:auto; } /*400pxより小さいときは可変サイズになる*/
}
/*タイトル*/
.item-info {
	padding:0;
	text-align: center;
	margin:0;
}

.item-photo img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border-radius: 2px;
}
.item-text {
	padding:0.3em;
	margin:0;
	text-align: left;
	line-height:1.2;
}

@media screen and (max-width: 770px) {
  .bx3_li_next { width:4%; height:auto; } /*770pxより小さいときは可変サイズになる*/
}