/*-------------------------------------------------サイドウィジットへのtwetter埋め込み修正*/

@media screen and (max-width: 768px) and (min-width: 480px) {
    iframe .twitter-timeline-rendered{
    width: 490px !important;
    }
    }
    
    @media screen and (max-width: 480px) {
    iframe.twitter-timeline-rendered {
    width: 450px !important;
    margin:0 auto;/*これを入れないとめっちゃ細く200pxくらいで表示されます。以下イメージあり！*/
    }
    }
    
    .timeline-Widget {
    max-width: 300px!important;
    width:200px !important; }
    /*サイドウィジットへのtwetter埋め込み修正終わり*/
    
    
    
    #photogalleryArea{
        display: grid;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: space-between;
        width: 100%;
        margin: 0 auto;
    grid-template-columns: repeat(auto-fit, 19.6em);
        padding-top: 10px;
    }
    #photogalleryArea > div {
        position: relative;
        -webkit-flex-basis: 24%;
        flex-basis: 25%;
        height: 230px;
        overflow: hidden;
        margin: 0 5px 5px 1.33333%;}
    
    #photogalleryArea > div img.center {
        position: absolute;
        display: block;
        top: -50%;
        bottom: -50%;
        object-fit: cover;
        margin: auto 0;
        height: -webkit-fill-available;
        width: -webkit-fill-available;
    }
    
    
    
    #photogalleryArea > div {
        height: 150px;
    }
    
    
    .pcdisplay ul{display:none;}
    
    #contentWrap #mainContentWrap {
    width:auto; }
    #contentWrap {
        width: auto;
        margin: 0 auto;
        background-color: #80dae0; }
    
    .eventhead{
        background-color: #80dae0;
        width: 100%;
        background-position: center;
       margin:0 auto;
    }
    .eventheader{
        width: 100vw;
        background-size: cover;
        background-position: center;
       margin:0 auto;
        text-align: center;
        background-color: #80dae0;
        padding-bottom: 60px;
    }
    .a_content{
        background: #fff;
        border-radius: 10px;
        padding: 15px 0 15px 0px;
        margin-bottom: 45px;
    }
    .a_content p{
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        color: #ff3e53;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .event_body{
        background-color: #80dae0;
    }

    .event_area{
        max-width: 880px;
        margin: auto;
        font-family: "M PLUS 1p";
    }

    .c-grid{
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 15px;
        row-gap: 15px;
        padding: 10px 60px;
        margin: 0 auto;
        text-align: center;
        max-width: 900px;
        display: grid;}
    
    .c-item{
        padding-bottom: 10px;
        border-radius: 15px;
        max-width: 900px;
        margin: auto;
        background-color: #fff;
        border: 3px solid #707070;
    }
    .c-item img{
     width:100%;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;}
    
    .c-item p{
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 140%;
        color: #3e3e3e;
        font-weight: 600;
        text-align: center;
    }


    .eventh3{
        border-left: none;
        text-align: center;
        font-size: 38px;
        background-color: #ff7600;
        color: #fff;
        border-radius: 15px;
        margin-top: 50px;
    }

    .imginfo{
        background: #fff;
        padding: 10px;
        margin: auto;
        display: block;
        border-radius: 10px;
        margin-bottom: 45px;
    }
    .imginfo p{
        text-align: center;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .imginfo h3{
        border-left: none;
        text-align: center;
    }

.event_info{
    margin-bottom: 5px;
    font-family: "M PLUS 1p";

}
.event_info h3{
    text-align: center;
    font-size: 38px;
    color: #fff;
    border-left: none;
    background-color: #333;
    max-width: 450px;
    margin: auto;
    margin-top: 45px;
    padding-bottom: 5px;
}

.event_info p{
    text-align: center;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 42px;
    font-weight: 800;
    max-width: 700px;
    padding-bottom: 20px;
    border-bottom: 2px solid #333;
}
.event_info span{
    font-size: 28px;
}
.event_info-price-mae{
    max-width: 850px;
    margin: auto;
    background-color: #f57376;
    padding: 30px 70px;
    margin-bottom: 25px;
}
.event_info-price-mae h3{
    text-align: center;
    border-left: none;
    color: #fff;
    font-size: 38px;
}
.event_info-price-mae-inner{
    background: #fff;
    padding: 10px 30px;
    margin-bottom: 25px;
}
.event_info-price-mae-inner-ari h4{
    text-align: center;
    background-color: #f57376;
    max-width: 390px;
    font-size: 24px;
    padding: 0 40px;
    margin: auto;
    margin-bottom: 20px;
    color: #fff;
}
.event_info-price-mae-inner-ari h5{
    font-size: 50px;
    font-weight: 800;
    text-align: center;
    max-width: 460px;
    border-bottom: 5px solid #f57376;
    margin: auto;
}
.event_info-price-mae-inner-ari span{
    font-size: 29px;
}
.event_info-price-mae-inner-ari p{
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin: 30px 0;
}

.event_info-price-mae-inner-nashi h4{
    text-align: center;
    background-color: #ff932b;
    max-width: 390px;
    font-size: 24px;
    padding: 0 40px;
    margin: auto;
    margin-bottom: 20px;
    color: #fff;
}

.event_info-price-mae-inner-nashi h5{
    font-size: 50px;
    font-weight: 800;
    text-align: center;
    max-width: 460px;
    border-bottom: 5px solid #ff932b;
    margin: auto;
}

.event_info-price-mae-inner-nashi span{
    font-size: 29px;
}
.event_info-price-mae-inner-came span{
    font-size: 29px;
}

.event_info-price-mae-inner-nashi p{
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin: 30px 0;
}

.event_info-price-mae-inner-came h4{
    text-align: center;
    background-color: #48c9c9;
    max-width: 530px;
    font-size: 24px;
    padding: 0 40px;
    margin: auto;
    margin-bottom: 20px;
    color: #fff;
}

.event_info-price-mae-inner-came h5{
    font-size: 50px;
    font-weight: 800;
    text-align: center;
    max-width: 460px;
    border-bottom: 5px solid #48c9c9;
    margin: auto;
}

.event_info-price-mae-inner-came p{
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin: 30px 0;
}
.event_info-price-tou{
    max-width: 850px;
    margin: auto;
    background-color: #48c9c9;
    padding: 30px 70px;
    margin-bottom: 25px;
}
.event_info-price-tou h3{
    text-align: center;
    border-left: none;
    color: #fff;
    font-size: 38px;
}
.event_info-price-tou-inner{
    background: #fff;
    padding: 10px 30px;
    margin-bottom: 25px;
}

.event_info-text{

    padding-bottom: 20px;
    border-bottom: 2px solid #333;
}
.event_info-text p{
    text-align: center;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    max-width: 840px;
}


.e-info-attention{
    width: 93%;
    margin: auto;
    border: 1px solid;
    padding: 30px;
    margin-bottom: 40px;
    border-radius: 25px;
}

.e-info-attention h3{
    text-align: center;
    border-left: none;
}

.e-info-attention p{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 400px;
    margin: auto;
}
.e-info-attention span{
    font-weight: 400;
    color: #ff0000;
    font-size: 15px;
}

.uketuke h5{
    text-align: center;
    font-size: 42px;
    margin-top: 40px;
    line-height: 1.1;
}
.uketuke h6{
    text-align: center;
    font-size: 25px;
    background-color: #f6931e;
    width: 330px;
    margin: auto;
    margin-top: 50px;
    color: #fff;
}

.uketuke p{
    font-size: 20px;
    font-weight: 400;
    border-bottom: none;
    max-width: 1000px;
}

.uketukemap{
    width: 90%;
    margin: auto;
    border: 1px solid;
    border-radius: 15px;
    padding: 30px;
    margin-top: -20px;
    margin-bottom: 50px;
}

.btn_orange {
    display: inherit;
    padding: 20px 20px;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    font-size: large;
    background-color: #ff802d;
    transition: .4s;
    font-weight: 900;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 650px;
}

.btn_pink {
    display: inherit;
    padding: 20px 20px;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    font-size: large;
    background-color: #e67376;
    transition: .4s;
    font-weight: 900;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 650px;
}

.btn_blue{
    display: block;
    position: relative;
    width: 520px;
    height: 90px;
    padding: 1.4em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #55acee;
    background: #55acee;
    overflow: hidden;
    z-index: 1 !important;
    font-size: 20px;
    font-weight: bold;
    margin: -10px auto;
    border-radius: 10px;
}


.btn_green{
    display: block;
    position: relative;
    width: 350px;
    height: 70px;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #8BC34A;
    background: #8BC34A;
    overflow: hidden;
    z-index: 1 !important;
    font-size: 20px;
    font-weight: bold;
    margin: 40px auto;
    border-radius: 10px;
}






.retsu-mae,.retsu-tou{
    width: 600px;
    margin: auto;
}

.retsu-mae h4{
    color: #d77275;
    border-bottom: 3px solid #d77275;
    width: 270px;
    font-size: 23px;
    margin-top: 55px;
}

.retsu-mae p{
    text-align: left;
    font-size: 20px;
    border-bottom: none;
    font-weight: 200;
    max-width: initial;    
}
.retsu-mae span{
    font-size: inherit;
    color: #ff0000;
}

.retsu-tou h4{
    color: #7ec6c6;
    border-bottom: 3px solid #7ec6c6;
    width: 390px;
    font-size: 23px;
    margin-top: 55px;
}

.retsu-tou p{
    text-align: left;
    font-size: 20px;
    border-bottom: none;
    font-weight: 200;
    max-width: initial;  
}


.ticketbtn{
    background-image: url(/img/dotonbori11/ticketbg.jpg);
    background-repeat: no-repeat;
    height: 310px;
    background-size: contain;
}

.ticketbtn h3{
    border-left: none;
    background-color: #FF3C80;
    width: 420px;
    color: #fff !important;
    margin-right: 14px;
    font-size: 30px;
    float: right;
    margin-top: 135px;
}

.tw-area{
    width: 600px;
    margin: auto;
}


.dotonconte01 h3{
    border-left: none;
    text-align: center;
    color: #fff;
    background-color: #48baba;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 60%;
}

.dotonconte01 img{
    width: 95%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}
.dotonconte01 p{
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;

}

.dotonconte01 h4{
    text-align: center;
    font-size: 38px;
    color: #48baba;
}

.dotonconte01-atte{
    background-color: #FF3C80;
    width: 95%;
    margin: auto;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 20px;
}
.dotonconte01-atte h4{
    text-align: center;
    color: #fff;
    font-size: 22px;
}
.dotonconte01-atte-inner p{
    margin-bottom: 0px;
}
.dotonconte01-atte-inner{
    background-color: #ffff8f;
    padding: 10px;
    width: 95%;
    margin: auto;
}

.dotonconte01-atte-inner2 p{
    margin-bottom: 0px;
}
.dotonconte01-atte-inner2{
    background-color: #fff;
    padding: 10px;
    width: 95%;
    margin: auto;
}

.dotonconte02 img{
    width: 95%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.dotonconte02 h3{
    border-left: none;
    text-align: center;
    color: #fff;
    background-color: #ff802d;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 60%;
}

.dotonconte02 h4{
    text-align: center;
    font-size: 32px;
    color: #ff802d;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}
.dotonconte02 span{
    font-size: 70px;
}
.dotonconte02 p{
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.dotonconte03 img{
    width: 95%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.dotonconte03 h3{
    border-left: none;
    text-align: center;
    color: #fff;
    background-color: #e67376;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 80%;
}

.dotonconte03 p{
    text-align: center;
    font-size: 22px;
    margin-bottom: 20px;
}


.btnarea img{
    width: 65%;
    margin: auto;
    margin-bottom: 10px;
}

.fa, .fas{
    margin: 0 15px;
}


.dotonconte01,.dotonconte02,.dotonconte03{
    margin-bottom: 50px;
}


#photogalleryArea {
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, 19.6em);
    padding-top: 10px;
}

#photogalleryArea > div {
    height: 150px;
}

#photogalleryArea > div img.center {
    position: absolute;
    display: block;
    top: -50%;
    bottom: -50%;
    object-fit: cover;
    margin: auto 0;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}


.inshoku h3{
    text-align: center;
    font-size: 32px;
    color: #ff802d;
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 25px;
    border-left: none;
}

#eventOnlyAcostaArea p{
    text-align: inherit;
    font-size: inherit;

}

.hashtag{
    font-size: 40px  !important;
}

.hyomei{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}

.zyusho{
    text-align: center;
}


.e-content-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 30px;
    margin: auto;
    max-width: 760px;
    margin-bottom: 15px;
}

.grid-i-1 h3{
    border-bottom: 1px solid;
    border-left: none;
    text-align: left;
}

.grid-i-2 h3{
    border-bottom: 1px solid;
    border-left: none;
}

.grid-i-1 p{
    text-align: left;
}

.grid-i-2 p{
    text-align: left;
}

.hyomei-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;

}

@media screen and (min-width:480px) {
    .eventheadersp,.sp,.brsp{
    display:none;}
    }
    @media screen and (max-width:479px) { 


        .zyusho span{
            font-size: 18px !important;
            text-align: center;
        }
        .eventheader,.pc{
            display:none;
        }
        .c-grid{
            grid-template-columns: 1fr 1fr;
            padding: 5px;
            font-size: 10px;
        }
        .a_content p{
            font-size: 25px;
        }
        .eventh3{
            font-size: 28px;
            margin-top: 30px;
        }
        .event_info h3{
            font-size: 24px;
            max-width: 300px;
            margin-top: 20px;
        }

        .event_info p{
            font-size: 32px !important;
        }

        .event_info span{
            font-size: 20px;
        }
        .event_info-price-mae ,.event_info-price-tou{
            padding: 30px 15px;
        }

        .event_info-price-mae h3{
            font-size: 28px;
        }
        .event_info-price-mae-inner-ari h4{
            font-size: 20px;
        }

        .event_info-price-mae-inner-ari h5{
            font-size: 32px;
        }
        .event_info-price-mae-inner-nashi h5{
            font-size: 32px;
        }
        .event_info-price-mae-inner-ari span{
            font-size: 22px;
        }
        .event_info-price-mae-inner-nashi span{
            font-size: 22px;
        }
        .event_info-price-mae-inner-ari p{
            font-size: 18px;
            margin: 20px 0;
        }
        .event_info-price-mae-inner-came h4{
            font-size: 20px;
        }
        .event_info-price-mae-inner-came h5{
            font-size: 32px;
        }
        .event_info-price-mae-inner-came span{
            font-size: 22px;
        }
        .event_info-price-mae-inner-came p{
            font-size: 18px;
            margin: 20px 0;
        }
        .e-info-attention{
            padding: 15px;
        }
        .e-info-attention p{
            width: 290px;
        }
        .uketuke h5{
            font-size: 28px;
        }
        .retsu-mae, .retsu-tou{
            width: 100%;
        }
        .retsu-mae h4{
            width: 220px;
            font-size: 18px;
            margin-top: 35px;
        }
        .retsu-tou h4{
            width: 300px;
            font-size: 18px;
            margin-top: 35px;
        }
        .retsu-mae p{
            font-size: 18px !important;
        }
        .retsu-tou p{
            font-size: 18px;
        }
        .ticketbtn{
            height: 125px;
        }

        .ticketbtn h3{
            font-size: 20px;
            margin-right: 0;
            width: 200px;
            margin-top: 42px;
        }
        .tw-area{
            width: 100%;
        }
        .dotonconte01 h3{
            font-size: 16px;
            width: 90%;
        }
        .dotonconte01 p{
            font-size: 14px;
        }

        .dotonconte01-atte h4{
            font-size: 18px;
        }

        .btnarea img{
            width: 100%;
        }
        .dotonconte01 h4{
            font-size: 28px;
        }
        .dotonconte02 h3{
            font-size: 16px;
            width: 90%;
        }
        .dotonconte02 h4{
            font-size: 28px;
            line-height: 0.6;
        }
        .dotonconte02 span {
            font-size: 45px;
        }
        .dotonconte02 p{
            font-size: 14px;
        }
        .dotonconte03 h4{
            font-size: 28px;
            line-height: 0.6;
        }
        .dotonconte03 p{
            font-size: 14px;
        }
        #photogalleryArea{
            grid-template-columns: 1fr 1fr;
            gap: 5px;
            margin-bottom: 20px;
        }
        #photogalleryArea > div{
            margin: 0;
        }
        .dotonconte01-atte h4{
            font-size: 24px;
            line-height: 1;
            margin-bottom: 10px;
        }
        .imginfo p{
            font-size: 18px;
        }
        .inshoku h3{
            font-size: 23px;
        }

        .hashtag{
            font-size: 29px !important;
            width: 75% !important;
        }
        .spot-caption{
            font-size: 16px !important;
        }
        .btn_blue,.btn_green{
            width: auto;
        }
        .hyomei{
            grid-template-columns: 1fr;
        }

        .e-content-grid{
            grid-template-columns: 1fr;
        }
        .grid-i-2{
            grid-row: 1/2;
        }
        .grid-i-1 h3{
            font-size: 24px;
        }
        .hyomei-grid{
            grid-template-columns: 1fr;
        }
        .hyomeiimg{
            grid-row: 1/2;
        }

        .event_area{
            max-width: 380px;
        }

        .hyomeiimg img{
            width: auto;
        }
    }