@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.jpg?d=04061748);
}

@media print,screen and (min-width:641px) {
  .sec {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  .sec {
    padding-top:2.5em;
    padding-bottom:3em;
  }
}


/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

.info-list {
  max-width:880px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.6;
  text-align:left;
  list-style:none;
}

.info-list li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(105,75,55,0.15);
}

.info-list .date {
  width:9em;
  font-weight:300;
  font-size:0.9em;
}

.info-list .ttl {
  width:-webkit-calc(100% - 9em);
  width:calc(100% - 9em);
}

.info-list a {
  display:block;
  position:relative;
  padding-right:1.5em;
}

.info-list a:before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  margin:auto;
  vertical-align:middle;
  width:0;
  height:0;
  border-style:solid;
  border-width:0.5rem 0 0.5rem 0.65rem;
  border-color:transparent transparent transparent #9bcd5f;
}

.info-list a[target="_blank"]:after {
  content:"";
  width:1em;
  height:1em;
  background:url(../../image/icon/gLink.svg) no-repeat center center;
  background-size:auto 1rem;
  display:inline-block;
  vertical-align:middle;
  margin-bottom:0.2em;
  margin-left:0.25em;
}

.info-list a,
.info-list a:visited,
.info-list a:hover,
.ua-pc .info-list a:hover { text-decoration:none; }

@media print,screen and (min-width:481px) {
  .info-list li {
    padding-top:1em;
    padding-bottom:1em;
  }
  
  .info-list .date {
    padding-top:0.1em;
  }
  
  .info-list .date,
  .info-list .ttl {
    padding-left:0.5em;
    padding-right:0.5em;
  }
  
  .info-list a:before {
    right:-0.5em;
  }
}

@media screen and (max-width:480px) {
  .info-list li .date,
  .info-list li .ttl {
    width:100%;
  }
  
  .info-list li {
    padding-bottom:0.75em;
  }
  
  .info-list li:not(:first-of-type) {
    padding-top:0.75em;
  }
  
  .info-list a {
    padding-right:2em;
  }
  
  .info-list a:before {
    right:0.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

.info-hd {
  text-align:left;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  line-height:1.4;
}

.info-hd .date {
  font-size:0.77em;
  font-weight:500;
  white-space:nowrap;
}

.info-hd .date span {
  font-weight:600;
  padding-left:0.25rem;
  padding-right:0.25rem;
}

.info-hd .ttl {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  color:#55a555;
  font-weight:500;
}

.info-detail,
.info-back {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .info-hd {
    padding-bottom:40px;
  }
  
  .info-hd .date {
    text-align:center;
    padding-right:3rem;
  }
  
  .info-hd .date span {
    font-size:1.66em;
  }

  .info-hd .ttl {
    padding-left:3rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-left:1px solid rgba(105,75,55,0.1);
  }
  
  .info-detail {
    padding:5.5%;
    box-shadow:0 0 20px 0 rgba(155,110,80,0.15);
  }
  
  .info-back {
    padding-top:50px;
  }
}

@media screen and (max-width:640px) {
  .info-hd {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:2em;
  }
  
  .info-hd .date,
  .info-hd .ttl {
    width:100%;
  }
  
  .info-hd .date span {
    font-size:1.33em;
    font-weight:500;
  }
  
  .info-hd .date br {
    display:none;
  }
  
  .info-hd .date span:first-of-type {
    margin-left:0.25rem;
  }
  
  .info-hd .ttl {
    padding-top:0.25em;
    padding-bottom:0.8em;
    border-bottom:1px solid rgba(105,75,55,0.15);
  }
  
  .info-detail {
  }
  
  .info-back {
    padding-top:2.5em;
  }
}