/* CSS Document */

/* event.css */

#main {
  overflow: hidden;
  }

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

.points {
  color:#9c315d;
  font-size:22px;
  margin:0.5em 0 1.5em;
  text-align:center;
  }
@media (max-width:768px) {
.points {
  font-size: 4.3vw;
  margin: 0.25em 0 1.5em;
  }
 }

.points-line {
 color:#9c315d;
 font-size:22px;
 vertical-align:-5%;
 }

.event-entry {
 border-bottom:dashed 1px #999;
 font-size:1.0em;
 margin:1.0em auto 2.0em;
 ma-rgin-left:3%;
 padding-bottom:1.0em;
 width:80%;
 }
@media (max-width:768px) {
.event-entry {
  font-size:4.3vw;
  margin:1.0em auto 2.0em;
  padding-bottom:1.0em;
  width:90%;
  }
 }

.event-leader {
  font-size:1.0em;
  margin:2.5em auto 2.0em;
  padding-bottom:1.0em;
  width:80%;
  }
@media (max-width:768px) {
.event-leader {
  margin:0.0em auto 2.0em;
  padding-top:1.5em;
  padding-bottom:1.0em;
  width:90%;
  }
 }

@media (max-width:768px) {
.photo600 {
  width: 95.0%;
  }
 }

.event-entry-logyear {
 border-top:solid 3px #999;
 /* border-top:double 4px #999; */
 border-bottom:solid 1px #999;
 /* border-bottom:double 4px #999; */
 color:#9c315d;
 font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
 font-size:1.25em;
 letter-spacing:0.75em;
 margin:2.0em auto;
 width:80%;
 }

.event-date {
  float:left;
  }
@media (max-width:768px) {
.event-date {
  float: none;
  font-size: 4.3vw;
  }
 }

.event-title {
  clear:both;
  b-order-bottom: solid 0.1em #fff;
  color: #732A1E;
  font-family: "EB Garamond","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif; /* EB Garamond 使用 */
  font-size:1.5em;
  font-weight: 600;
  }
@media (max-width:768px) {
.event-title {
  font-size: 5.8vw;
  line-height: 1.2em;
  margin-top: 0.25em;
 }
 }

.event-text {
  font-size:18px;
  line-height:1.5em;
  margin-top:0.5em;
  margin-left:2.0em;
  }
@media (max-width:768px) {
.event-text {
  font-size: 4.3vw;
  margin-left: 1.5em;
  }
 }

.event-text-fs16 {
 font-size:16px;
 line-height:1.5em;
 margin-top:0.5em;
 margin-left:3.0em;
 }
@media (max-width:768px) {
.event-text {
  font-size: 3.8vw;
  margin-left: 1.5em;
  }
 }

.event-photo-area {
 float:right;
 font-size:12px;
 line-height:1.75em;
 margin:0.5em 1.0em 0.0em 1.0em;
 width:120px;
 text-align:right;
 }
@media (max-width:768px) {
.event-photo-area {
  float:none;
  margin:1.0em auto 1.5em;
  width:50.0%;
  }
.event-photo-area-mini {
  float:none;
  margin:1.0em auto 1.5em;
  width:30.0%;
  }
 }

.event-photo {
 width:100%;
 }

.event-text-table {
 border:solid 0.0px #999;
 cellspacing:0;
 cellpadding:0.5em;
 font-size:16px;
 line-height:1.5;
 margin-top:0.5em;
 margin-left:1.0em;
 width:36.0em;
 }
@media (max-width:768px) {
.event-text-table {
  cellspacing:0;
  cellpadding:0.5em;
  font-size: 3.8vw;
  line-height:1.5;
  margin-top:0.5em;
  margin-left:0.0em;
  width:97.5%;
  }
 }

.event-text-td1 {
 padding:0.0em;
 text-align:left;
 vertical-align:top;
 width:4.5em;
 }

.toblog {
 color:#224e45;
 }

.trans {
 font-size:12px;
 font-style:italic;
 }

.label-trek {
 background-color:#ef9f43;
 color:#ffffff;
 font-size:12px;
 font-weight:bold;
 overflow:hidden;
 padding:0.1em 0.5em;
 width:13.0em;
 }

.label-muse {
 background-color:#3d9ad3;
 color:#ffffff;
 font-size:12px;
 font-weight:bold;
 overflow:hidden;
 padding:0.1em 0.5em;
 width:9.0em;
 }

#trek-notice-list li {
 list-style:none;
 margin-bottom:0.25em;
 }

#trek-notice-list li:before {
 content:"○";
 font-size:0.8em;
 margin-left:-1.0em;
 margin-right:0.2em;
 }
.sleeping {
 text-align:center;
 }

.page-selector {
  font-size: 18px;
  margin-bottom:2.0em;
  text-align:center;
  }
@media (max-width:768px) {
.page-selector {
  font-size: 4.3vw;
  margin-bottom:2.0em;
  }
 }

.page-selector a:link, .page-selector a:visited {
  color:#B1632A;
  text-decoration:underline;
  }
@media (max-width:768px) {
.page-selector a:link, .page-selector a:visited {
  color:#ffffff;
  text-decoration:none;
  }
 }

.page-selector-button {
  }
@media (max-width:768px) {
.page-selector-button {
  background:#ffffff url("body_background_1.jpg");
  border-radius: 10px;
  font-size: 4.3vw;
  padding: 1.0em 1.25em;
  text-align: center;
  }
 }