#app {
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center;
  background-size: cover;
  -webkit-transition: background-image 1s;
  transition: background-image 1s;
}





#app.bg1 {
  background-image: url(/wp-content/uploads/2022/06/IMG_0710-1024x683.jpg);
}
#app.bg2 {
  background-image: url(/wp-content/uploads/2022/06/IMG_0740-1024x683.jpg);
}
#app.bg3 {
  background-image: url(/wp-content/uploads/2022/06/IMG_0692-1024x683.jpg);
}
#app.bg4 {
  background-image: url(<br />
<b>Warning</b>:  Illegal string offset 'sizes' in <b>/home/level4/daiwabetsuin.or.jp/public_html/wp-content/themes/oceanwp-child-theme-master/variable_css.php</b> on line <b>37</b><br />
<br />
<b>Warning</b>:  Illegal string offset 'large' in <b>/home/level4/daiwabetsuin.or.jp/public_html/wp-content/themes/oceanwp-child-theme-master/variable_css.php</b> on line <b>37</b><br />
4);
}

#app .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  margin: 0;
}

#app .list-item {
  margin: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

#app .list-item a {
  display: block;
  padding: 0px;
  color: #fff;
  width: 100%;
  height: 100%;
}

#app .list-item a:hover {
  color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}



/*---------------------------------------
JS画像切り替え info
---------------------------------------*/
# .sub-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

# .sub-img div.list_img {
  margin-right: 2%;
  width: calc(96% / 3);
  list-style: none;
}

# .sub-img div.list_img:nth-child(3n) {
  margin-right: 0;
}

# .sub-img div.list_img img {
  border: 2px solid transparent;
  -webkit-transition: border .5s;
  transition: border .5s;
}

# .sub-img img {
  cursor: pointer;
  width: 100%;
}

# .sub-img li.current img {
  border: 0px solid red;
  -webkit-transition: border .5s;
  transition: border .5s;
}

/*---------------------------------------
JS画像切り替え home
---------------------------------------*/
#honzan .sub-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

#honzan .sub-img div.list_img {
  margin-right: 2%;
  width: calc(96% / 3);
  list-style: none;
}

#honzan .sub-img div.list_img:nth-child(3n) {
  margin-right: 0;
}

#honzan .sub-img div.list_img img {
  border: 2px solid transparent;
  -webkit-transition: border .5s;
  transition: border .5s;
}

#honzan .sub-img img {
  cursor: pointer;
  width: 100%;
}

#honzan .sub-img li.current img {
  border: 0px solid red;
  -webkit-transition: border .5s;
  transition: border .5s;
}