|
|
| Line 85: |
Line 85: |
| | width:80%; text-align:center; top:-20px; | | width:80%; text-align:center; top:-20px; |
| | } | | } |
| - |
| |
| - | .show-sone{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-sone{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | top:6px;
| |
| - | }
| |
| - |
| |
| - | .overlay-sone::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-sone{
| |
| - | color: white;
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-hana{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-hana{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-hana::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-hana{
| |
| - | color: white;
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-ryotaro{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-ryotaro{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-ryotaro::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-ryotaro{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-ayano{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-ayano{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-ayano::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-ayano{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-naoya{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-naoya{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-naoya::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-naoya{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-osamu{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-osamu{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-osamu::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-osamu{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-eri{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-eri{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-eri::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-eri{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-tori{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-tori{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-tori::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-tori{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-mami{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-mami{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-mami::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-mami{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-tamaro{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-tamaro{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-tamaro::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-tamaro{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-sanbon{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-sanbon{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-sanbon::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-sanbon{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-liu{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-liu{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-liu::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-liu{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-shehata{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-shehata{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-shehata::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-shehata{
| |
| - | color: white;
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-kensuke{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-kensuke{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-kensuke::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-kensuke{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-itoh{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-itoh{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-itoh::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-itoh{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - | .show-kawahata{
| |
| - | cursor: pointer;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | .overlay-kawahata{
| |
| - | opacity:0.7;
| |
| - | background: black;
| |
| - | color: white;
| |
| - | height: 200px;
| |
| - | position: relative;
| |
| - | width:400px;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .overlay-kawahata::before {
| |
| - | content: "";
| |
| - | display: inline-block;
| |
| - | border: 8px solid transparent;
| |
| - | border-bottom-color: #000;
| |
| - | position: relative;
| |
| - | left: 50%;
| |
| - | top: -6px;
| |
| - | margin-top: -8px;
| |
| - | }
| |
| - |
| |
| - | .overlay-content-kawahata{
| |
| - | color: white;
| |
| - |
| |
| - | position: relative;
| |
| - | margin: 40px auto;
| |
| - | width80%; text-align:center; top: -20px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | | | |
"
