﻿/* 激上昇 */

.swiper-wrapper {
    height: inherit !important;
}

.swiper-container,
#gekijousyou {
    /*	height:auto !important;*/
}

    .swiper-wrapper,
    #gekijousyou ul {
        list-style-type: none;
        /*	height:auto !important;*/
    }

        #gekijousyou ul li {
            height: auto !important;
            width: calc(100% - 0px);
            box-sizing: border-box;
            color: #ffffff;
        }

            #gekijousyou ul li > div#wrap {
                padding: 10px;
                background-color: #ffb5ca;
                border: 2px solid #ffffff;
                box-shadow: 0 0 5px rgba(0,0,0,.5);
                border-radius: 3px;
                margin: 10px;
            }

            #gekijousyou ul li > div > div {
                text-align: left;
            }

                #gekijousyou ul li > div > div h4 {
                    display: inline-block;
                    font-size: 16px;
                }

                    #gekijousyou ul li > div > div h4 > span {
                        display: inline-block;
                        font-size: 13px;
                    }

                #gekijousyou ul li > div > div > span {
                    display: inline-block;
                    font-size: 12px;
                }

                    #gekijousyou ul li > div > div > span.icon {
                        font-size: 14px;
                        display: inline-block;
                        float: right;
                        padding: 2px 10px;
                        transform: rotate(-5deg);
                        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
                    }

                #gekijousyou ul li > div > div span.icon:first-letter {
                    font-size: 16px;
                }

                #gekijousyou ul li > div > div span.icon.beginner {
                    background: #ffce9e;
                    background: -moz-linear-gradient(-45deg, #ffce9e 0%, #feeded 35%, #ffce9e 100%);
                    background: -webkit-linear-gradient(-45deg, #ffce9e 0%,#feeded 35%,#ffce9e 100%);
                    background: linear-gradient(135deg, #ffce9e 0%,#feeded 35%,#f9cc00 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce9e', endColorstr='#ffce9e',GradientType=1 );
                    color: #9a0d08;
                }

                #gekijousyou ul li > div > div span.icon.clover {
                    background: #8bb4b9;
                    background: -moz-linear-gradient(-45deg, #e9f2ff 0%, #ffffff 35%, #8bb4b9 100%);
                    background: -webkit-linear-gradient(-45deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
                    background: linear-gradient(135deg, #e9f2ff 0%,#ffffff 35%,#8bb4b9 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f2ff', endColorstr='#8bb4b9',GradientType=1 );
                    color: #8b765c;
                }

                #gekijousyou ul li > div > div span.icon.platinum {
                    background: #d3d3d4;
                    background: -moz-linear-gradient(-45deg, #caccc2 0%, #ffffff 35%, #d3d3d4 100%);
                    background: -webkit-linear-gradient(-45deg, #caccc2 0%,#ffffff 35%,#d3d3d4 100%);
                    background: linear-gradient(135deg, #caccc2 0%,#ffffff 35%,#d3d3d4 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccc2', endColorstr='#d3d3d4',GradientType=1 );
                    color: #532e02;
                }

                #gekijousyou ul li > div > div span.icon.gold {
                    background: #e0b53d;
                    background: -moz-linear-gradient(-45deg, #e6be3c 0%, #fffac3 35%, #e0b53d 100%);
                    background: -webkit-linear-gradient(-45deg, #e6be3c 0%,#fffac3 35%,#e0b53d 100%);
                    background: linear-gradient(135deg, #e6be3c 0%,#fffac3 35%,#e0b53d 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6be3c', endColorstr='#e0b53d',GradientType=1 );
                    color: #532e02;
                }

                #gekijousyou ul li > div > div span.icon.silver {
                    background: #8e8e8e;
                    background: -moz-linear-gradient(-45deg, #8e8e8e 0%, #dedddd 35%, #8e8e8e 100%);
                    background: -webkit-linear-gradient(-45deg, #8e8e8e 0%,#dedddd 35%,#8e8e8e 100%);
                    background: linear-gradient(135deg, #8e8e8e 0%,#dedddd 35%,#8e8e8e 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#8e8e8e',GradientType=1 );
                    color: #2f2f2f;
                }

                #gekijousyou ul li > div > div span.icon.regular {
                    background: #f674ad;
                    background: -moz-linear-gradient(-45deg, #f87aab 0%, #fed6e0 35%, #f674ad 100%);
                    background: -webkit-linear-gradient(-45deg, #f87aab 0%,#fed6e0 35%,#f674ad 100%);
                    background: linear-gradient(135deg, #f87aab 0%,#fed6e0 35%,#f674ad 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87aab', endColorstr='#f674ad',GradientType=1 );
                    color: #850236;
                }

                #gekijousyou ul li > div > div.photo {
                    float: left;
                    width: 40%;
                    margin-top: 5px;
                }

                    #gekijousyou ul li > div > div.photo img {
                        max-width: 100%;
                    }

            #gekijousyou ul li > div p {
                float: left;
                width: 60%;
                height: 172px;
                overflow: auto;
                margin-top: 5px;
                text-align: left;
            }
