/* style.css */
.mynaviBanner { display: flex; }
.mynaviBanner .left { margin: 0 15px 0 0; }
.mynaviBanner .left P { line-height: 20px; font-size: 90%; }

._5fundewakaru .desc .summary { position: relative; }
._5fundewakaru .desc .summary .etcTxt { position: absolute; right: 15px; bottom: 10px; }

.shisetsu_shoukai .group .teams { flex-wrap: wrap; padding-top: 0px !important; }
.shisetsu_shoukai .group .teams LI { margin-top: 7px !important; white-space: nowrap; }
.shisetsu_shoukai .group .inner H6 .movieLink { margin: 0 0 0 10px; }
.shisetsu_shoukai .group .inner H6 .movieLink::after { content: "\f1c8"; margin: 0 0 0 2px; font-family: "Font Awesome 5 Free"; color: #000f63; }
.shisetsu_shoukai .group .inner H6 .movieLink A { text-decoration: underline; font-size: 80%; color: #000f63; }

.senpai .senpaiTitle { margin-bottom: 10px; padding: 3px 10px 0; background-image: none; background-color: #007add; border-width: 0; font-size: 110%; color: #FFF; }
.senpai .intro { display: flex; align-items: center; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #AAA; }
@media only screen and (max-width: 768px) { .senpai .intro { flex-wrap: wrap; } }
.senpai .intro IMG { width: 30%; }
@media only screen and (max-width: 768px) { .senpai .intro IMG { width: 50%; }
  .senpai .intro IMG:nth-of-type(1) { order: 2; }
  .senpai .intro IMG:nth-of-type(2) { order: 3; } }
.senpai .intro P { width: 40%; margin: 0; padding: 0 15px; font-size: 120%; }
@media only screen and (max-width: 768px) { .senpai .intro P { width: 100%; order: 1; } }
.senpai .list { display: flex; justify-content: space-between; list-style: none; }
.senpai .list LI { width: calc((100% / 5) - 20px); cursor: pointer; }
@media only screen and (max-width: 768px) { .senpai .list LI { width: calc((100% / 5) - 5px); } }
.senpai .list LI IMG { width: 100%; height: 50%; border-radius: 50%; border: 1px solid red; }
.senpai .list LI .icon { width: 100%; height: 0; margin: 0 0 5px 0; padding-top: 100%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }
.senpai .list LI .name { text-align: center; }
.senpai .notice { text-align: center; }
.senpai .details .item { margin: 0 0 20px 0; padding: 0; }
.senpai .details .item:nth-of-type(1) { border: 2px solid #f18c3e; }
.senpai .details .item:nth-of-type(1) H4 { background-color: #f18c3e; }
.senpai .details .item:nth-of-type(1) .inner .left P { background-color: #f3d6c0; }
.senpai .details .item:nth-of-type(2) { border: 2px solid #00B0F0; }
.senpai .details .item:nth-of-type(2) H4 { background-color: #00B0F0; }
.senpai .details .item:nth-of-type(2) .inner .left { order: 2; }
.senpai .details .item:nth-of-type(2) .inner .left P { background-color: #a3d5e7; }
.senpai .details .item:nth-of-type(2) .inner .right { order: 1; }
.senpai .details .item:nth-of-type(2) .inner .right DL { padding: 15px 0 15px 10px; }
.senpai .details .item:nth-of-type(3) { border: 2px solid #70AD47; }
.senpai .details .item:nth-of-type(3) H4 { background-color: #70AD47; }
.senpai .details .item:nth-of-type(3) .inner .left P { background-color: #d0e2c4; }
.senpai .details .item:nth-of-type(4) { border: 2px solid #ED7D31; }
.senpai .details .item:nth-of-type(4) H4 { background-color: #ED7D31; }
.senpai .details .item:nth-of-type(4) .inner .left { order: 2; }
.senpai .details .item:nth-of-type(4) .inner .left P { background-color: #f3dccc; }
.senpai .details .item:nth-of-type(4) .inner .right { order: 1; }
.senpai .details .item:nth-of-type(4) .inner .right DL { padding: 15px 0 15px 10px; }
.senpai .details .item:nth-of-type(5) { border: 2px solid #70AD47; }
.senpai .details .item:nth-of-type(5) H4 { background-color: #70AD47; }
.senpai .details .item:nth-of-type(5) .inner .left { order: 2; }
.senpai .details .item:nth-of-type(5) .inner .left P { background-color: #d0e2c4; }
.senpai .details .item:nth-of-type(5) .inner .right { order: 1; }
.senpai .details .item:nth-of-type(5) .inner .right DL { padding: 15px 0 15px 10px; }
.senpai .details .item H4 { margin: 0; padding: 7px 10px 5px; background-image: none; border-width: 0; font-size: 120%; color: #FFF; }
.senpai .details .item .inner { display: flex; padding: 0; background-color: #FFF; }
@media only screen and (max-width: 768px) { .senpai .details .item .inner { display: block; } }
.senpai .details .item .inner .left { width: 30%; padding: 15px; }
@media only screen and (max-width: 768px) { .senpai .details .item .inner .left { width: 100%; } }
.senpai .details .item .inner .left P { padding: 10px; text-align: center; }
.senpai .details .item .inner .right { width: 70%; }
@media only screen and (max-width: 768px) { .senpai .details .item .inner .right { width: 100%; } }
.senpai .details .item .inner .right DL { margin: 0; padding: 15px 10px 15px 0; }
@media only screen and (max-width: 768px) { .senpai .details .item .inner .right DL { padding-left: 10px; } }
.senpai .details .item .inner .right DL DT { color: #0069af; }
.senpai .details .item .inner .right DL DD { margin: 0 0 5px 12px; }
.article-box img{
max-width:100% !important;
}

