@charset "UTF-8";

article * { box-sizing: border-box; }
article img { max-width: 100%; height: auto;
  vertical-align: bottom;/* 画像下のスペースを消す */ }
.link-txt { text-decoration: underline; }

/************************************************/
.mainArea { width: 100%; padding: 1rem 1rem 2rem; background: #ffebeb; position: relative; }
.mainArea:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%;
    border-style: solid; border-width: 1.5rem 5rem 0 5rem;
    border-color: #ffebeb transparent transparent transparent;
    transform: translateX(-50%) translateY(100%); }

/************************************************/
.secondArea,
.fourthArea { width: 100%; padding: 3rem 1rem 2rem; position: relative; }
.secondArea:before,
.fourthArea:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%; z-index: 5;
    border-style: solid; border-width: 1.5rem 5rem 0 5rem; border-color: #fff transparent transparent transparent; transform: translateX(-50%) translateY(100%); }

/************************************************/
.thirdArea,
.fifthArea { width: 100%; padding: 3rem 1rem 2rem; background: #ffebeb; position: relative; }
.thirdArea:before { content: ''; position: absolute; bottom: 0; width: 0; height: 0; left: 50%;  z-index: 5;
    border-style: solid; border-width: 1.5rem 5rem 0 5rem; border-color: #ffebeb transparent transparent transparent; transform: translateX(-50%) translateY(100%); }

/************************************************/
.camBlock { margin-bottom: 2rem; }
.camBlock .end-txt { font-size: 1.3rem; font-weight: bold; text-align: center; color: #EF3232; margin-bottom: 2rem; }
.camBlock .periodBox { margin: 0 auto; }
.camBlock .periodBox .cam-txt { margin-bottom: 1rem; text-align: center; line-height: 1.2; }
.camBlock .periodBox .cam-txt span { display: block; margin-bottom: 0.5rem; font-weight: bold; color: #a648a6; }
.camBlock .periodBox .camNote { font-size: 0.8rem; }
.camBlock .camBox { text-align: center; line-height: 1.2; font-size: 1.3rem; font-weight: bold; color: #a648a6; }

/************************************************/
.mainBlock { line-height: 1.2; background: #fff; border: 1px dotted #a648a6; padding: 1rem; }
.mainBlock figure { margin-bottom: 0.5rem; }
.mainBlock .note { font-size: 0.8rem; text-align: center; }
.mainBlock .note a { text-decoration: underline; }

/************************************************/
.anchorBox { display: flex; justify-content: space-between; margin-bottom: 1rem; }
.anchorBox a { position: relative; display: block; flex: 0 0 32%; padding: 1rem 0.5rem; margin-bottom: 1rem; text-align: center;
    background: #a648a6; color: #fff; font-size: 1.2rem; font-weight: bold; border-radius: 0.3rem; border: 1px solid #a648a6; }
.anchorBox a img { vertical-align: baseline; margin-right: 0.3rem; width: 1.2rem; height: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(110deg) brightness(108%) contrast(101%); }
.anchorBox a:before { content: ''; position: absolute; bottom: -5px; width: 0; height: 0; left: 50%;
    border-style: solid; border-width: 0.7rem 0.7rem 0 0.7rem; border-color: #D8A6D8 transparent transparent transparent; transform: translateX(-50%) translateY(100%); }
.anchorBox a:hover { background: #fff; color: #a648a6; }
.anchorBox a:hover img { filter: none; }
@media ( max-width: 680px ){
    .anchorBox { display: block; margin-bottom: 0; }
    .anchorBox a { text-align: left; }
    .anchorBox a:before { top: 25%; bottom: 0; right: 0; left: auto; }
}

/************************************************/
.sectionTitle { position: relative; padding-bottom: 1rem; margin-bottom: 1rem; text-align: center; font-size: 1.3rem; font-weight: bold; color: #a648a6; }
.sectionTitle:before { content: ''; position: absolute; display: inline-block; bottom: 0; width: 5rem; height: 0.3rem; left: 50%;
  -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #a648a6; border-radius: 1rem;
}
.sectionTitle.dept { font-size: 2rem; }

/************************************************/
.btnBlock { display: flex; justify-content: space-between; }
.btnBlock a { display: block; padding: 1rem 0.5rem; font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center;
    border: 1px solid #c7c7c7; border-radius: 4rem; background: #a648a6; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16); flex: 0 0 32%; }
.btnBlock a:hover { opacity: .8;}
.btnBlock .note { font-size: 0.8rem; margin-top: 0.5rem; }
@media ( max-width: 680px ){
    .btnBlock { display: block; }
    .btnBlock a { margin-bottom: 1rem; }
}

/************************************************/
.secondArea .titleBlock, .fourthArea .titleBlock { background: #ffebeb; }
.thirdArea .titleBlock { background: #fff; }

.lowerArea { display: flex; flex-wrap: wrap; justify-content: space-between; }

.titleBlock.first, 
.titleBlock.lower { display: flex; position: relative; border-radius: 1rem; padding: 1.5rem 1rem; margin-bottom: 2rem; }
.titleBlock.lower { flex: 0 0 49%; }
.titleBlock.first:before { content: ''; display: block; position: absolute; width: 3rem; height: 3rem; top: -1rem; right: 0;
    background: url(../images/crown.svg) no-repeat; background-size: contain; transform: rotate(15deg); }
.titleBlock.first .thumBox { flex: 0 0 35%; margin: 0 1rem 0 0; text-align: center; }
.titleBlock.lower .thumBox { flex: 0 0 8rem; margin: 0 1rem 0 0; text-align: center; }

.infoBox { flex: 1 1 auto; }
.titleName, .authorName, .genreName, .starRating { margin-bottom: 0.5rem; line-height: 1.2; }
.titleName a { font-size: 1.5rem; font-weight: bold; text-decoration: underline; color: #a648a6; }
.authorName a { font-size: 1.2rem; text-decoration: underline; }
.genreName  a { font-size: 1rem; text-decoration: underline; }
.starRating a { display: flex; align-items: center; }
.starRating .star { margin-right: 0.2rem; }
.starRating .star img { width: 1.2rem; margin-right: 0.1rem; }
.starRating .count { font-size: 1rem; line-height: 2rem; }
.starRating .count span { text-decoration: underline; }
.btnBox { text-align: right; }
.btnBox a { display: inline-block; padding: 1rem 2rem; font-size: 1.2rem; font-weight: bold; text-align: center;
    border: 1px solid #c7c7c7; border-radius: 4rem; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16); flex: 0 0 32%; }
.btnBox a:hover { opacity: .8;}


@media ( max-width: 680px ){
    .titleBlock.first { display: block; }
    .titleBlock.first .thumBox { margin: 0 0 1rem; }
    .titleBlock.first .btnBox { text-align: center; }
}
@media ( max-width: 767px ){
    .lowerArea { display: block; }
}

/************************************************/
.storyIntroduction { position:relative; margin-bottom: 1.5rem; }
.storyIntroduction .readmore_Area { padding-bottom:1.5rem; }
.storyIntroduction .readmore_Area .storytext { line-height:1.2; }

/*▼▼reedmoreの個数だけ増やす▼▼*/
.storyIntroduction input#readmore_button-r1 { display:none; }
.storyIntroduction .readmore_button-r1 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r1:not(:checked) ~ .readmore_button-r1:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r1:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r1:checked ~ .readmore_button-r1:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r2 { display:none; }
.storyIntroduction .readmore_button-r2 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r2:not(:checked) ~ .readmore_button-r2:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r2:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r2:checked ~ .readmore_button-r2:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r3 { display:none; }
.storyIntroduction .readmore_button-r3 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r3:not(:checked) ~ .readmore_button-r3:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r3:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r3:checked ~ .readmore_button-r3:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r4 { display:none; }
.storyIntroduction .readmore_button-r4 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r4:not(:checked) ~ .readmore_button-r4:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r4:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r4:checked ~ .readmore_button-r4:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r5 { display:none; }
.storyIntroduction .readmore_button-r5 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r5:not(:checked) ~ .readmore_button-r5:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r5:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r5:checked ~ .readmore_button-r5:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r6 { display:none; }
.storyIntroduction .readmore_button-r6 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r6:not(:checked) ~ .readmore_button-r6:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r6:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r6:checked ~ .readmore_button-r6:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r7 { display:none; }
.storyIntroduction .readmore_button-r7 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r7:not(:checked) ~ .readmore_button-r7:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r7:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r7:checked ~ .readmore_button-r7:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r8 { display:none; }
.storyIntroduction .readmore_button-r8 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r8:not(:checked) ~ .readmore_button-r8:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r8:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r8:checked ~ .readmore_button-r8:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r9 { display:none; }
.storyIntroduction .readmore_button-r9 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r9:not(:checked) ~ .readmore_button-r9:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r9:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r9:checked ~ .readmore_button-r9:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-r10 { display:none; }
.storyIntroduction .readmore_button-r10 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-r10:not(:checked) ~ .readmore_button-r10:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-r10:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-r10:checked ~ .readmore_button-r10:after { display:block; content:"Close"; }
/*▲▲reedmoreの個数だけ増やす▲▲*/

/*▼▼reedmoreの個数だけ増やす▼▼*/
.storyIntroduction input#readmore_button-a1 { display:none; }
.storyIntroduction .readmore_button-a1 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a1:not(:checked) ~ .readmore_button-a1:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a1:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a1:checked ~ .readmore_button-a1:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a2 { display:none; }
.storyIntroduction .readmore_button-a2 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a2:not(:checked) ~ .readmore_button-a2:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a2:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a2:checked ~ .readmore_button-a2:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a3 { display:none; }
.storyIntroduction .readmore_button-a3 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a3:not(:checked) ~ .readmore_button-a3:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a3:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a3:checked ~ .readmore_button-a3:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a4 { display:none; }
.storyIntroduction .readmore_button-a4 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a4:not(:checked) ~ .readmore_button-a4:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a4:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a4:checked ~ .readmore_button-a4:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a5 { display:none; }
.storyIntroduction .readmore_button-a5 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a5:not(:checked) ~ .readmore_button-a5:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a5:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a5:checked ~ .readmore_button-a5:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a6 { display:none; }
.storyIntroduction .readmore_button-a6 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a6:not(:checked) ~ .readmore_button-a6:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a6:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a6:checked ~ .readmore_button-a6:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a7 { display:none; }
.storyIntroduction .readmore_button-a7 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a7:not(:checked) ~ .readmore_button-a7:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a7:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a7:checked ~ .readmore_button-a7:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a8 { display:none; }
.storyIntroduction .readmore_button-a8 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a8:not(:checked) ~ .readmore_button-a8:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a8:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a8:checked ~ .readmore_button-a8:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a9 { display:none; }
.storyIntroduction .readmore_button-a9 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a9:not(:checked) ~ .readmore_button-a9:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a9:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a9:checked ~ .readmore_button-a9:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-a10 { display:none; }
.storyIntroduction .readmore_button-a10 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-a10:not(:checked) ~ .readmore_button-a10:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-a10:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-a10:checked ~ .readmore_button-a10:after { display:block; content:"Close"; }
/*▲▲reedmoreの個数だけ増やす▲▲*/

/*▼▼reedmoreの個数だけ増やす▼▼*/
.storyIntroduction input#readmore_button-b1 { display:none; }
.storyIntroduction .readmore_button-b1 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b1:not(:checked) ~ .readmore_button-b1:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b1:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b1:checked ~ .readmore_button-b1:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b2 { display:none; }
.storyIntroduction .readmore_button-b2 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b2:not(:checked) ~ .readmore_button-b2:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b2:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b2:checked ~ .readmore_button-b2:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b3 { display:none; }
.storyIntroduction .readmore_button-b3 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b3:not(:checked) ~ .readmore_button-b3:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b3:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b3:checked ~ .readmore_button-b3:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b4 { display:none; }
.storyIntroduction .readmore_button-b4 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b4:not(:checked) ~ .readmore_button-b4:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b4:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b4:checked ~ .readmore_button-b4:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b5 { display:none; }
.storyIntroduction .readmore_button-b5 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b5:not(:checked) ~ .readmore_button-b5:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b5:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b5:checked ~ .readmore_button-b5:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b6 { display:none; }
.storyIntroduction .readmore_button-b6 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b6:not(:checked) ~ .readmore_button-b6:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b6:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b6:checked ~ .readmore_button-b6:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b7 { display:none; }
.storyIntroduction .readmore_button-b7 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b7:not(:checked) ~ .readmore_button-b7:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b7:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b7:checked ~ .readmore_button-b7:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b8 { display:none; }
.storyIntroduction .readmore_button-b8 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b8:not(:checked) ~ .readmore_button-b8:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b8:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b8:checked ~ .readmore_button-b8:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b9 { display:none; }
.storyIntroduction .readmore_button-b9 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b9:not(:checked) ~ .readmore_button-b9:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b9:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b9:checked ~ .readmore_button-b9:after { display:block; content:"Close"; }

.storyIntroduction input#readmore_button-b10 { display:none; }
.storyIntroduction .readmore_button-b10 { -webkit-text-decoration-line:underline; -webkit-text-decoration-skip-ink:none; -webkit-font-feature-settings:"palt"; display:block; position:absolute; right:0; bottom:0; 
    width:6.5rem; font-feature-settings:"palt"; text-align:right; text-decoration:underline; text-decoration-line:underline; text-decoration-skip-ink:none; text-underline-position:under; cursor:pointer; }
.storyIntroduction input#readmore_button-b10:not(:checked) ~ .readmore_button-b10:after { display:block; content:"Read more"; }
.storyIntroduction input#readmore_button-b10:not(:checked) ~ .readmore_Area .storytext { height:2.4rem; overflow:hidden; }
.storyIntroduction input#readmore_button-b10:checked ~ .readmore_button-b10:after { display:block; content:"Close"; }
/*▲▲reedmoreの個数だけ増やす▲▲*/


/**
 * ***************************************
 * 応募規約
 * ***************************************
 */
.entry-agreement { padding: 3rem 1rem; }
.entry-agreement table { width: 100%; border-collapse: collapse; }
.entry-agreement th { background: #FFFDD3; }
.entry-agreement th, td { padding: 0.5rem; text-align: left; border: 1px solid #c7c7c7; line-height: 1.2; }
.entry-agreement table a { text-decoration: underline; }
.txt-red { color: #EF3232; }