body.story{
max-width:520px;
margin:0 auto;
text-align: center;
font-size:14px;
}


@media (max-width: 800px) {

  body.story{
    max-width:800px;
    margin:0 auto;
    text-align: center;
    font-size:14px;
    }
    
}


._jabow{
  font-family: 'Noto Serif JP', serif;
  font-weight:700;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  text-align: left;
  font-size:18px;
  line-height: 180%;
  color:#ffffff;
}

._jabo{
  font-family: 'Noto Serif JP', serif;
  font-weight:700;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  text-align: left;
  font-size:16px;
  line-height: 180%;
}

._jare{
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  text-align: left;
  line-height: 180%;
}

._en{
  font-family: adobe-caslon-pro, serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
}

.marker-yellow {
  background: linear-gradient(transparent 80%, #f8f8a8 0%);
  }

  .marker-green {
    background: linear-gradient(transparent 80%, #e0f4db 0%);
    }

.horizontal-tb-txt{
  text-align:left ;
  display: inline-block;
}



.vertical-rl-txt{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align:left ;
  display: inline-block;
}



.story-header{
  width:100%;
}

.story-01{
  max-width:800px;
  margin:0 auto;
  text-align: center;
  padding:24% 12%;
}

.story-01-txt-box{
  max-width:800px;
  margin:0 auto;
  text-align: center;
  padding:24% 12% 12% 12%;
}



dl.story-txt-min{
  width:100%;
 margin:0 0 15% 0;
 padding:0;
 text-align:left ;
}

dl.story-txt-min dt{
  margin:0 0 25px 0;
  padding:0;
  font-size:20px;
  line-height:100%;
}

dl.story-txt-min dt small{font-size:12px; letter-spacing: 0.1em;}

dl.story-txt-min dd{
  margin:0;
  padding:0;
}



.story-02-txt{
  margin:0;
  padding:0;
}

.story-03-txt{
  width:90%;
  margin:0 auto;
  padding:0;
  text-align: center;
}

.story-02{
  margin:0;
  padding:0px 12%;
}


.story-03{
  width:100%;
  height:auto;
  overflow:hidden;
  position: relative;
  margin:24% 0 0 0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align:left;
  justify-content: space-between;
  align-content: stretch;
  position: relative;
}

.story-03-box_l{
  width:45%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0;
  text-align:left;
  position: absolute;
  left:0;
  z-index:1;
}

.story-03-box_r{
  width:60%;
  height:100%;
  overflow:hidden;
  padding:0px;
  margin:12% 0 0 0;
  text-align:right;
  left: 85%;
  top:0;
  position: relative;
  transform: translateX(-85%);
  z-index:-1;
}



.story-04{
  margin:0;
  padding:0px;
}



.story-05{
  width:100%;
  height:auto;
  overflow:hidden;
  position: relative;
  margin:12% 0 24% 0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align:left;
  justify-content: space-between;
  align-content: stretch;
}

.story-05-box_l{
  width:34%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0 0 0 6%;
  z-index:1;
}

.story-05-box_r{
  width:48%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:12% 0 0 12%;
}



.story-06{
  width:100%;
  height:auto;
  overflow:hidden;
  position: relative;
  margin:12% 0 24% 0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align:left;
  justify-content: space-between;
  align-content: stretch;
}

.story-06-box_l{
  width:24%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0 0 0 12%;
  z-index:1;
}

.story-06-box_r{
  width:30%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0 6% 0 28%;
}


.story-07{
  margin:0;
  padding:0px 30% 24% 6%;
}


.story-08{
  margin:0;
  padding:0 6%;
}

.story-09{
  width:100%;
  height:100%;
  margin:24%0 0 0;
  padding:12% 0;
  background-size: cover;
  background-image: url(/images/story/12.jpg);
  background-repeat: no-repeat;
}

.story-09-box{
  padding:6% 15%;
  margin:0;
}

.story-09-box-txt{
  max-width:800px;
  margin:0 auto;
  text-align: center;
  padding:12% 0;
}


.story-10{
  margin:0;
  padding:24% 18%;
}


.story-11-txt{
  width:50%;
  margin:0 auto;
  padding:0 0 24% 0;
  text-align: center;
}


.story-12{
  margin:0;
  padding:24% 6%;
}


.story-13-txt{
  width:20%;
  margin:0 auto;
  padding:0;
  text-align: center;
}



.story-14{
  width:100%;
  height:auto;
  overflow:hidden;
  position: relative;
  margin:24% 0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  align-items:center;
  flex-wrap: wrap;
  text-align:left;
  justify-content: space-between;
  align-content: stretch;
}

.story-14-box_l{
  width:6%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0 0 0 12%;
  z-index:1;
}

.story-14-box_r{
  width:70%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0 0 0 6%;
}


.story-15{
  margin:0;
  padding:0 18% 24% 18%;
}


.story-16{
  margin:0;
  padding:12% 30%;
}


.story-17{
  width:40%;
  margin:0;
  padding:0 0 12% 18%;
}

.story-18{
  width:40%;
  margin:0;
  padding:0 0 0 40%;
}


.story-19-txt{
  max-width:800px;
  margin:0 auto;
  padding:0 0 12% 0;
  text-align: center;
}

.story-20-txt{
  width:40%;
  margin:0 auto;
  padding:24% 0;
  text-align: center;
}


.story-21{
  margin:0;
  padding:0 0 12% 18%;
}

.story-22{
  margin:0;
  padding:0 18% 12% 0;
}
.story-23{
  margin:0;
  padding:0 18% 24% 18%;
}

.story-24-txt{
  width:60%;
  margin:0 auto;
  padding:24% 0;
  text-align: center;
}


.story-25-txt{
  max-width:800px;
  margin:0 auto;
  padding:24% 0;
  text-align: center;
}


.story-24{
  margin:0;
  padding:0 0 24% 0;
}


.story-25{
  margin:0;
  padding:24% 12%;
}


.story-26{
  margin:0;
  padding:24% 0 0 0;
}





table.contents-list {
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 12%;
  font-size:12px;
  border-collapse: collapse;
  }
  table.contents-list td, 	table.contents-list th {
  padding:3% 0;
  }
  table.contents-list th {
  width:50%;
  font-weight:normal;
  }