html {
    height: 100%;
}
p {
    display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center; /*上下中央揃え*/
}
.link-no {
    text-decoration: none;
    color:#000000
}
.outer {
}


h1 {
    text-align: center;
    font-family: 'Yellowtail', cursive;
    display: inline-block;
/*    border-top: double 3px #364e96; /*上線*/
/*    border-bottom: double 3px #364e96; /*下線*/ 
    letter-spacing: 3px;
    margin: 0 10%;
    margin-bottom: 10px;
}
.line{

}
.card {
    width: 80%;
    height: auto;
    margin: 15px auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px #ccc;
    padding: 3px 0;
}
.card-text {
  color: #777;
  font-size: 1.8rem;
  font-family:'Yellowtail', cursive;
  line-height: 1.5;
  padding: 0 0 0 2rem;
}
.back-img {
    text-align:center;
}
.details{
    padding:0 0.5rem 0 1rem;
    text-indent: 1em;
}