/* CSS Document */

/* index.css */

#main-right-area {
  float:left;
  padding:0px 0px 0px 0px;
  width:520px;
  }
@media (max-width:768px) {
#main-right-area {
  float:none;
  overflow:hidden;
  padding:10px 10px 10px 10px;
  width:100%;
  }
 }

.index-main-right {
  background:url("index-main-sakura-middle-3b.png");
  }
@media (max-width:768px) {
.index-main-right {
  background: url("index-main-sakura-middle-2020.png");
  background-size: contain; /* 背景領域に収まる最大サイズに拡大縮小 */
  background-repeat: no-repeat;
  }
 }

.index-main-textarea-1, .index-main-textarea-2, .index-main-textarea-3 {
  margin:0;
  overflow:hidden;
  padding:0;
  width:520px;
  }
@media (max-width:768px) {
.index-main-textarea-1, .index-main-textarea-2, .index-main-textarea-3 {
  width:95.0%;
  }
 }

.index-main-textarea-1 {
  /* border: solid 1px red; */
  font-size: 22px;
  height: 390px;
  /* height: 300px; */
  line-height: 1.75;
  padding: 1.25em 0.0em 0.0em 2.0em;
  }
@media (max-width:768px) {
.index-main-textarea-1 {
  font-size: 4.3vw;
  height: auto;
  line-height: 1.75;
  padding: 0.5em 0.0em 0.25em 1.0em;
  }
 }

.index-news {
  font-size: 22px;
  line-height: 1.35;
  margin-top: 0.0em;
  margin-right: 0.5em;
  text-align: right;
  }
@media (max-width:768px) {
.index-news {
  font-size: 4.8vw;
  margin: 1.0em 0.5em 0.5em;
  padding: 0.5em auto;
  text-align: center;
  }
 }

.index-main-textarea-2 {
  height:150px;
  }

.index-main-textarea-3 {
  width: auto;
  height: 50px;
  overflow: hidden;
  padding-top: 0.25em;
  padding-right: 0.5em;
  }
@media (max-width:768px) {
.index-main-textarea-3 {
  height: auto;
  padding: 0.5em auto;
  width:95.0%;
  }
 }

.index-camera {
  background:url("index-camera-base.png");
  color:#ffffff;
  display:table-cell;
  font-weight:bold;
  height:30px;
  letter-spacing:0.75em;
  text-align:center;
  vertical-align:middle;
  width:570px;
  }

.index-camera a {
  color:#ffffff;
  }

.index-camera a:hover {
  color:#ff9900;
  }

.index-comment {
  line-height:1.5;
  margin-top:0.25em;
  margin-right:0.5em;
  }

.live-camera-area {
  background-color:#546930;
  margin-top:-2.75em;
  margin-left:1.5em;
  width:128px;
  overflow:hidden;
  }

.index-content-block {
  border-top: solid 1px #825F5C;
  margin: 0 auto;
  padding-top: 0.2em;
  text-align: center;
  width: 95.0%;
  }
.index-content-photo {
  width: 100%;
  }
.index-content-title {
  color: #825F5C;
  }
.index-content-text {
  color: #888;
  line-height: 1.2em;
  }
.points {
  color: #9c315d;
  font-size: 4.3vw;
  margin: 0.75em 0 1.5em;
  text-align: center;
  }

.index-contact-title {
  }
@media (max-width:768px) {
.index-contact-title {
  background:#ffffff url("body_background_1.jpg");
  border-radius: 10px;
  color: #fff9e0;
  font-size: 4.3vw;
  margin:0.0em 3.0em 0.5em;
  padding: 1.0em 1.25em;
  text-align: center;
  }
 }