/* CSS Document */

/* riu.css */

#main {
  overflow: hidden;
  }

@media (max-width:768px) {
#content-title {
  font-size:8.3vw;
  text-align:center;
  }
.content-title-sub {
  font-size:7.3vw;
  }
 }

.riu-entry {
  border-bottom:dashed 1px #999;
  font-size:1.0em;
  margin:1.0em auto 2.0em;
  padding-bottom:1.0em;
  width:80%;
  }
@media (max-width:768px) {
.riu-entry {
  margin: 0.0em auto 0.0em;
  padding-bottom: 2.0em;
  width: 90%;
  }
 }

.riu-sub-title {
 font-size:1.3em;
 /* font-weight:bold; */
 margin:1.0em 1.0em 1.0em 2.5em;
 }
@media (max-width:768px) {
.riu-sub-title {
  font-size: 5.8vw;
  margin: 1.0em auto;
  text-align: center;
  }
 }

.riu-text {
  font-size:18px;
  line-height:1.75em;
  margin-top: 1.0em;
  margin-left: 1.0em;
 }
@media (max-width:768px) {
.riu-text {
  font-size:4.3vw;
  margin-top: 0.0em;
  margin-left: 0.25em;
  }
 }

.riu-photo-area {
 float:right;
 font-size:12px;
 line-height:1.75em;
 margin:0.5em 1.0em 0.0em 1.0em;
 width:200px;
 text-align:right;
 }
@media (max-width:768px) {
.riu-photo-area {
 float: none;
 font-size: 3.3vw;
 line-height: 1.75em;
 margin: 0.5em auto;
 width: 75.0%;
 text-align: right;
  }
 }

.riu-photo {
 width:100%;
 }

.floatleft {
 float:left;
 text-align:left;
 }

.toblog {
 color:#224e45;
 }